🏠 Root
/
home
/
artorgp
/
www
/
wp-content
/
themes
/
olorun
/
Editing: base-theme-info-page.php
<?php /* * Info page */ function theme_info_menu_link() { // Get theme details. $theme = wp_get_theme(); add_theme_page( 'Theme info', 'Réglages du Theme', 'edit_theme_options', 'theme-page-info', 'base_theme_info_page'); add_action( 'admin_init', 'register_mysettings' ); } add_action( 'admin_menu', 'theme_info_menu_link' ); function register_mysettings() { //Paramètres de la page register_setting( 'base-theme-opts', 'titlefont-select' ); register_setting( 'base-theme-opts', 'font-select' ); register_setting( 'base-theme-opts', 'titlefont-select' ); register_setting( 'base-theme-opts', 'my-custom-logo' ); register_setting( 'base-theme-opts', 'my-custom-logo-white' ); register_setting( 'base-theme-opts', 'my-favicon' ); register_setting( 'base-theme-opts', 'my-banner' ); register_setting('base-theme-opts', 'my-colors'); register_setting('base-theme-opts', 'socialurls'); } function base_theme_info_page() { if ( $_REQUEST['updated'] ) { ?> <div id="message" class="updated"> <p>Settings saved</p> </div> <?php } ?> <h1>Base theme options pages</h1> <p>Thème par <a href="https://arthur-and-ashes.com/" target="_blank">Arthur d'Hausen</a>.</p> <div class="wrap"> <div id="icon-edit" class="icon32"></div> <script> jQuery(document).ready(function($) { $( "#tabs" ).tabs(); } ); </script> <style> .ui-tabs .ui-tabs-nav li { display:inline-flex; padding: 10px 2%; font-size: 20px; border-bottom: 1px solid #DDD; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 10px; background-color: white; } table.widefat { background: #fff; margin-bottom: 15px; } img.preview { max-height: 50px; } </style> <div id="tabs"> <ul> <li><a href="#tabs-1">Global settings</a></li> <!--- <li><a href="#tabs-2">Other settings</a></li> --> </ul> <div id="tabs-1"> <form method="post" action="options.php" class="widefat"> <?php settings_fields( 'base-theme-opts' ); ?> <table class="widefat"> <thead> <tr><th>Style</th></tr> </thead> <tbody> <tr> <td> <label for="font-select">Police d'écriture de tous les textes et paragraphes</label> <select name="font-select" id="fontselect"> <option value="Hind">-- Sélectionner la police (Montserrat par défaut) --</option> <option <?php selected(get_option('font-select'), 'Montserrat'); ?> value="Montserrat">Montserrat</option> <option <?php selected(get_option('font-select'), 'Valera'); ?> value="Valera">Valera</option> <option <?php selected(get_option('font-select'), 'Raleway'); ?> value="Raleway">Raleway</option> <option <?php selected(get_option('font-select'), 'Baloo2'); ?> value="Baloo2">Baloo2</option> <option <?php selected(get_option('font-select'), 'Caveat'); ?> value="Caveat">Caveat</option> <option <?php selected(get_option('font-select'), 'MarckScript'); ?> value="MarckScript">MarckScript</option> <option <?php selected(get_option('font-select'), 'MPLUSRounded1c'); ?> value="MPLUSRounded1c">MPLUSRounded1c</option> <option <?php selected(get_option('font-select'), 'Nunito'); ?> value="Nunito">Nunito</option> <option <?php selected(get_option('font-select'), 'Oxygen'); ?> value="Oxygen">Oxygen</option> <option <?php selected(get_option('font-select'), 'PoiretOne'); ?> value="PoiretOne">PoiretOne</option> <option <?php selected(get_option('font-select'), 'Quicksand'); ?> value="Quicksand">Quicksand</option> <option <?php selected(get_option('font-select'), 'Spartan'); ?> value="Spartan">Spartan</option> <option <?php selected(get_option('font-select'), 'SpecialElite'); ?> value="SpecialElite">SpecialElite</option> <option <?php selected(get_option('font-select'), 'Maven Pro'); ?> value="Maven Pro">Maven Pro</option> </select><br> <label for="titlefont-select">Police d'écriture pour tous les titres</label> <select name="titlefont-select" id="titlefont-select"> <option value="Hind">-- Sélectionner la police (Montserrat par défaut) --</option> <option <?php selected(get_option('titlefont-select'), 'Montserrat'); ?> value="Montserrat">Montserrat</option> <option <?php selected(get_option('titlefont-select'), 'Valera'); ?> value="Valera">Valera</option> <option <?php selected(get_option('titlefont-select'), 'Baloo2'); ?> value="Baloo2">Baloo2</option> <option <?php selected(get_option('titlefont-select'), 'Caveat'); ?> value="Caveat">Caveat</option> <option <?php selected(get_option('titlefont-select'), 'MarckScript'); ?> value="MarckScript">MarckScript</option> <option <?php selected(get_option('titlefont-select'), 'MPLUSRounded1c'); ?> value="MPLUSRounded1c">MPLUSRounded1c</option> <option <?php selected(get_option('titlefont-select'), 'Nunito'); ?> value="Nunito">Nunito</option> <option <?php selected(get_option('titlefont-select'), 'Oxygen'); ?> value="Oxygen">Oxygen</option> <option <?php selected(get_option('titlefont-select'), 'PoiretOne'); ?> value="PoiretOne">PoiretOne</option> <option <?php selected(get_option('titlefont-select'), 'Quicksand'); ?> value="Quicksand">Quicksand</option> <option <?php selected(get_option('titlefont-select'), 'Spartan'); ?> value="Spartan">Spartan</option> <option <?php selected(get_option('titlefont-select'), 'SpecialElite'); ?> value="SpecialElite">SpecialElite</option> <option <?php selected(get_option('titlefont-select'), 'Maven Pro'); ?> value="Maven Pro">Maven Pro</option> </select><br> </td> </tr> <tr> <td> <?php $mycolors = get_option( 'my-colors' ); ?> <label for="color-one">Couleur principale :</label> <input id="color-one" type="color" name="my-colors[color-one]" value="<?php echo $mycolors['color-one']; ?>"><br> <label for="color-two">Couleur secondaire :</label> <input id="color-two" type="color" name="my-colors[color-two]" value="<?php echo $mycolors['color-two']; ?>"><br> <label for="color-three">Couleur tertiaire :</label> <input id="color-three" type="color" name="my-colors[color-three]" value="<?php echo $mycolors['color-three']; ?>"><br> </td> </tr> </tbody> </table> <table class="widefat"> <thead> <tr><th>Header & menu</th></tr> </thead> <tbody> <tr> <td> <?php wp_enqueue_media(); if(null !== get_option('my-custom-logo') && get_option('my-custom-logo') !== '') { ?> <div class='image-preview-wrapper'> <img class='preview' src='<?php echo get_option('my-custom-logo');?>' height='42px' /> </div> <?php } ?> <label for="logo-url">Sélectionner un logo :</label> <input id="picture-1" type="text" name="my-custom-logo" value="<?php echo get_option('my-custom-logo');?>" /> <input type="button" class="upload-image" value="Charger un logo (~150 px de largeur max.)" data-group="1" /> <br><br> <?php wp_enqueue_media(); if(null !== get_option('my-custom-logo-white') && get_option('my-custom-logo-white') !== '') { ?> <div class='image-preview-wrapper'> <img class='preview' src='<?php echo get_option('my-custom-logo-white');?>' height='42px' /> </div> <?php } ?> <label for="logo-url-white">Sélectionner un logo :</label> <input id="picture-2" type="text" name="my-custom-logo-white" value="<?php echo get_option('my-custom-logo-white');?>" /> <input type="button" class="upload-image" value="Charger un logo blanc (~150 px de largeur max.)" data-group="2" /> <br><br> <?php wp_enqueue_media(); if(null !== get_option('my-favicon') && get_option('my-favicon') !== '') { ?> <div class='image-preview-wrapper'> <img id='favicon-preview' class='preview' src='<?php echo get_option('my-favicon');?>' height='32px' /> </div> <?php } ?> <label for="favicon-url">Sélectionner un favicon (32 à 64px maximum) :</label> <input id="picture-3" type="text" name="my-favicon" value="<?php echo get_option('my-favicon');?>" /> <input type="button" class="upload-image" value="Charger un favicon" data-group="3" /> <br><br> <?php wp_enqueue_media(); if(null !== get_option('my-banner') && get_option('my-banner') !== '') { ?> <div class='image-preview-wrapper'> <img id='banner-preview' class='preview' src='<?php echo get_option('my-banner');?>' height='42px' > </div> <?php } ?> <label for="banner-url">Sélectionner une bannière par défaut :</label> <input id="picture-4" type="text" name="my-banner" value="<?php echo get_option('my-banner');?>" /> <input type="button" class="upload-image" value="Charger une bannière" data-group="4" /><br><br> </td> </tr> </tbody> </table> <table class="widefat"> <thead><tr><th>Autoriser les utilisateurs à s'enregistrer sur le site</th></tr></thead> <tbody> <tr> <td> <p>Pour autoriser l'enregistrement des utilisateurs sur votre site :</p> <ul> <li>Activez l'option qui se trouve dans le menu Réglages > Général</li> <li>Option 1 : Installez le plugin <strong>Login with Ajax</strong> pour bénéficier d'une connexion facile sur toutes les pages.</li> <li>Option 2 : Vous créez un site e-commerce, utilisez uniquement le plugin <strong>Woocommerce</strong>.</li> </ul> </td> </tr> </tbody> </table> <table class="widefat"> <thead> <tr><th>Social network</th></tr> </thead> <tbody> <tr><td> <?php $socialicons = get_option( 'socialurls' ); ?> <label for="base-twitter">Lien du compte twitter</label> <input type="url" name="socialurls[twitter]" value="<?php echo $socialicons['twitter']; ?>"><br> <label for="base-twitter">Lien du compte linkedin</label> <input type="url" name="socialurls[linkedin]" value="<?php echo $socialicons['linkedin']; ?>"><br> <label for="base-linkedin">Lien du compte facebook</label> <input type="url" name="socialurls[facebook]" value="<?php echo $socialicons['facebook']; ?>"><br> <label for="base-insta">Lien du compte instagram</label> <input type="url" name="socialurls[instagram]" value="<?php echo $socialicons['instagram']; ?>"><br> <label for="base-youtube">Lien du compte vidéo (youtube ou autre)</label> <input type="url" name="socialurls[video]" value="<?php echo $socialicons['video']; ?>"><br> </td></tr> </tbody> </table> <?php submit_button(); ?> </form> </div> <div id="tabs-2"> <p></p> </div> </div> <script type='text/javascript'> jQuery(document).ready( function($){ var mediaUploader; $('.upload-image').on('click',function(e) { e.preventDefault(); var buttonID = $(this).data('group'); if( mediaUploader ){ mediaUploader.open(); return; } mediaUploader = wp.media.frames.file_frame =wp.media({ title: 'Choose a Picture', button: { text: 'Choose Picture' }, multiple:false }); mediaUploader.on('select', function(){ attachment = mediaUploader.state().get('selection').first().toJSON(); $('#picture-'+buttonID).val(attachment.url); }); mediaUploader.open(); }); }); </script> <?php } function mycustomthemestyle(){ ?> <style> body,button,input,select,textarea {font-family:<?php echo get_option('font-select'); ?>; } h2, h3, h4, h5, h6 {font-family:<?php echo get_option('titlefont-select'); ?>; } <?php $mycolors = get_option( 'my-colors' ); if (!empty($mycolors['color-one'])) { $colorone = $mycolors['color-one']; } else { $colorone = '#0e3138'; } if (!empty($mycolors['color-two'])) { $colortwo = $mycolors['color-two']; } else { $colortwo = '#000000'; } ?> a.highlight, ul.my-social-menu li a:hover i, .grid article h3, .nav-previous a:before, .nav-next a:after{ color:<?php echo $colorone;?> !important; } hr, .header-panier span.count, .woocommerce-account .addresses .title .edit, .woocommerce-info::before, .woocommerce-message::before { background-color: <?php echo $colorone; ?> !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus,input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, .header-menu .menu-item ul.sub-menu li, li.woocommerce-MyAccount-navigation-link:hover, li.woocommerce-MyAccount-navigation-link.is-active, .woocommerce-info, .woocommerce-message, .woocommerce-info, .woocommerce-message, .burger span, .header-menu li, button.cta1:hover, .header-menu .menu-item ul.sub-menu li, .header-menu .menu-item ul.sub-menu, .header-menu .menu-item:hover ul.sub-menu { border-color:<?php echo $colorone; ?> !important; } .vague-1, vague-2 {color:<?php echo $colorone; ?>;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color:<?php echo $colortwo; ?> !important; } button.cta2 {border-color:<?php echo $colortwo; ?>;} .site-footer {background: linear-gradient(140deg,<?php echo $colorone; ?>,<?php echo $colortwo; ?>); } </style> <?php } add_action('wp_head', 'mycustomthemestyle'); function new_social_icons_output() { if ( ! empty( $output_socialicons = get_option('socialurls') ) ) { echo '<h2 class="widget-title">Suivez-nous sur Instagram</h2> <ul class="my-social-menu">'; foreach ( $output_socialicons as $socialkey => $social_url ) { if ($social_url != '') {?> <li> <a class="<?php echo esc_attr( $socialkey ); ?>" target="_blank" href="<?php echo $social_url; ?>"> <i class="<?php echo 'fab fa-'.$socialkey; ?>" title="<?php echo esc_attr( $socialkey ); ?>"></i> </a> </li> <?php } } echo "</ul>"; } } ?>
Save
Cancel
