Comment personnaliser la Genèse Thème WordPress

Dans cet article, nous allons partager divers extraits de code pour personnaliser divers domaines dans les thèmes de l'enfant Genesis. Modification Genesis thème est relativement simple.

A+ A-

Genesis est un cadre de thème WordPress premium qui fournit le moteur de recherche optimisé et sécurisé base pour votre blog WordPress. Avantage du thème premium est que vous obtenez un soutien. Pour chaque thème enfant Genesis il y a forum où vous pouvez poser vos doutes, des extraits de code pour modifier Genesis thème, tout ce que vous voulez! Ceci est la raison principale derrière de nombreux blogueurs choisissent Genesis thème pour leur blog WordPress . Dans cet article, nous allons partager avec vous un moyen par lequel vous pouvez personnaliser divers domaines thématiques de l' enfant Genesis . Modification thème enfant Genesis est relativement simple.

Personnaliser la Genèse Thème WordPress

Remarque: Pour modifier Genesis thème que vous devez modifier principalement deux fichiers - style.css et functions.php. Vous pouvez modifier ces fichiers via WordPress tableau de bord -> Apparence -> Editeur.

# 1 Comment ajouter Auteur Box pour mettre fin à des postes

Vous pouvez ajouter boîte de l'auteur à la fin de chaque poste sans toucher le code d'une seule ligne. Sous WordPress Dashboard -> Utilisateurs -> Votre profil -> Genesis Paramètres utilisateur. Vérifiez sur la case "Enable Auteur Box sur les messages de cet utilisateur".
Mais si votre blog est un site multi-auteur, puis au lieu de modifier chaque profil d'utilisateur, vous pouvez utiliser le code suivant pour montrer auteur encadré à la fin de chaque poste. Ajouter le code suivant dans functions.php.

/** Add author box to end of posts **/
function abr_author_box () {
  $html = '<div class="author-box">';
  $html .=  get_avatar(get_the_author_meta('user_email'), 75); 
  $html .= '<strong>About <a href="'.get_author_posts_url(get_the_author_meta( 'ID' )).'">'.get_the_author_meta('user_firstname').' '.get_the_author_meta('user_lastname').'</a></strong><br />';
  $html .= wpautop(get_the_author_meta('description'));
  $html .= '</div>';
  echo $html;
}
add_action ( 'genesis_before_comments', 'abr_author_box', 10, 1);

Au-dessus du code ajoutera auteur encadré ci-dessous chaque poste, comme indiqué dans la figure ci-dessous:

Author Box

VOIR AUSSI: Comment ajouter un Abonnement au bulletin Box Après votre post dans la Genèse cadre .

# 2 Comment afficher les médias sociaux Liens de l'auteur sur la page de profil

Pour ajouter l'auteur de Twitter, Google+, Facebook, LinkedIn profil liens sur la page de profil auteur vous devez d'abord créer author.php dans votre dossier thème enfant et ajoutez le code suivant dedans:

<?php
/**
 *
 * Author template.
 *
 */
 
add_action( 'genesis_before_loop', 'tw_custom_auth_info' );
 
function tw_custom_auth_info() {
 
    if (is_author()) {
        $curauth = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));?>
        <div class="author-box"><?php echo get_avatar( $curauth->ID, $size = '76');?>
        <h1><?php echo $curauth->display_name;?></h1>
        <p>
        <?php
         if($curauth->user_description<>''): echo $curauth->user_description;
         else: _e("This user hasn't shared any biographical information","nomadic");
         endif;
        ?>
        </p>
        <br />
        <?php
          if(($curauth->user_url<>'http://') && ($curauth->user_url<>'')) echo '<p class="im www">'.__('Homepage:','nomadic').' <a href="'.$curauth->user_url.'">'.$curauth->user_url.'</a></p>';
          if($curauth->yim<>'') echo '<p class="im yahoo">'.__('Yahoo Messenger:','nomadic').' <a href="ymsgr:sendIM?'.$curauth->yim.'">'.$curauth->yim.'</a></p>';
          if($curauth->jabber<>'') echo '<p class="im gtalk">'.__('Jabber/GTalk:','nomadic').' <a href="gtalk:chat?jid='.$curauth->jabber.'">'.$curauth->jabber.'</a></p>';
          if($curauth->aim<>'') echo '<p class="im aim">'.__('AIM:','nomadic').' <a href="aim:goIM?screenname='.$curauth->aim.'">'.$curauth->aim.'</a></p>';
        ?>

        <ul><?php
 
        $google_profile = get_the_author_meta( 'google_profile', $curauth->ID );
        $facebook_id = get_the_author_meta( 'facebook_id', $curauth->ID );
        $twitter_id = get_the_author_meta( 'twitter_id', $curauth->ID );
        $linkedin_id = get_the_author_meta( 'linkedin_id', $curauth->ID );
 
        /* Create Google Profile and Other Links */
        
        if ( $google_profile || $facebook_id || $twitter_id || $linkedin_id) {
            ?><br /><p>Find me on:</p><?php
        }

        if ( $google_profile ) {
            ?><li><?php echo '<a href="' . $google_profile . '">Google Profile';?></li><?php
        }
        if ( $facebook_id ) {
            ?><li class="social_profile_facebook"><?php echo '<a href=http://www.facebook.com/' . $facebook_id . '>Facebook';?></li><?php
        }
        if ( $twitter_id ) {
            ?><li><?php echo '<a href=http://twitter.com/intent/user?screen_name=' . $twitter_id . '>Twitter';?></li><?php
        }
        if ( $linkedin_id ) {
            ?><li><?php echo '<a href=http://www.linkedin.com/in/' . $linkedin_id . '>LinkedIn';?></li><?php
        }
        ?></ul></div><h2 style="margin: 0 0 40px; overflow: hidden; padding: 10px 0;"><?php printf(__('Posts by %s', 'nomadic'), $curauth->display_name); ?></h2><?php
    }
}
 
genesis(); // <- everything important: make sure to include this.
?>

Ensuite , ajoutez le code suivant dans functions.php.

/** Add Custom Contact Profile Fields **/ 
function add_custom_contact_profilefields( $contactmethods ) {
    $contactmethods['google_profile'] = 'Google Profile URL';
    $contactmethods['facebook_id'] = 'Facebook ID';
    $contactmethods['twitter_id'] = 'Twitter UserName';
    $contactmethods['linkedin_id'] = 'LinkedIn UserName';
    return $contactmethods;
}
add_filter('user_contactmethods','add_custom_contact_profilefields',10,1);

Puis Sous Utilisateurs -> Votre profil ressemblera à ceci:

Author Settings

Ajoutez votre information là et vous l'avez fait. Votre profil de l' auteur se présente comme suit:

Author Profile

# 3 Comment ajouter une boîte de politique Commentaire Avant Commentaire Formulaire

Beaucoup de gens veulent ajouter un commentaire politique avant formulaire de commentaires, afficher des commentaires politiques add code suivant dans functions.php

/** Add a comment policy box */
add_action( 'genesis_before_comment_form', 'single_post_comment_policy' );
function single_post_comment_policy() {
    if ( is_single() && !is_user_logged_in() && comments_open() ) {
    ?>
    <div class="comment-policy-box">
        <p class="comment-policy"><small><h4>Comment Policy:</h4> Your words are your own, so be nice and helpful if you can. Please, only use your <strong>real name</strong>, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.</small></p>
    </div>
    <?php
    }
}

Sortie:

Comment Policy

# 4 Modifier le commentaire Formulaire

Le code suivant va modifier votre titre de commentaire forme et ajouter un peu de texte ci-dessous. Modifier le texte selon vos besoins. Ajouter le code suivant dans functions.php.

/** Edit comments form text **/
function modified_comment_form_args($args) {
    $args['title_reply'] = 'Tell us what you\'re thinking...';
    $args['comment_notes_before'] = ' <p class="comment-policy">All comments are moderated.</p>
    <p class="required"><small>* Denotes required field.</small></p>';
    $args['comment_field'] = '<p class="comment-form-comment">' .
    '<textarea id="comment" name="comment" cols="45" rows="8" tabindex="4" aria-required="true"></textarea>' .
    '</p><!-- #form-section-comment .form-section -->';
     return $args;
    }
    add_filter('genesis_comment_form_args', 'modified_comment_form_args');

Sortie:
Modified Comment Form

# 5 Afficher Précédent et Suivant Liens Après Formulaire de commentaires

Pour une meilleure navigation, vous devez ajouter la poste et suivant les liens post précédents, de sorte que l'utilisateur peut facilement basculer entre les deux postes. En outre, il vous aidera à réduire le taux de rebond. Pour afficher les liens post précédent et suivant add code suivant dans functions.php

/** Previous and Next Links **/
add_action('genesis_after_comment_form', 'custom_post_nav');
function custom_post_nav(){?>
    <div style="font-size:13px; padding:2px;">
           <?php previous_post_link('<b>Previous Post: %link') ?><br />
           <?php next_post_link('<b>Next Post: %link') ?>
     </div>
<?php }

Sortie:
Previous and Next Links

# 6 Comment ajouter ou supprimer Menu de navigation

Si vous voulez déplacer votre menu de navigation principal de votre enfant en- tête de thème puis ajoutez le code suivant dans functions.php

/** Moving Your Primary Navigation after Header **/
add_action('genesis_after_header', 'genesis_do_nav');
remove_action('genesis_before_header', 'genesis_do_nav');

Si vous voulez déplacer votre menu de navigation principal avant que votre enfant en- tête de thème puis ajoutez le code suivant dans functions.php

/** Moving Your Primary Navigation before Header **/
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

Si vous voulez déplacer Menu de navigation secondaire ci - dessous votre enfant en- tête de thème puis ajoutez le code suivant dans functions.php

/** Moving Your Secondary Navigation After Header **/
Remove_action('genesis_after_header','genesis_do_subnav');
Add_action('genesis_before_header','genesis_do_subnav');

# 7 Comment changer "Lire la suite ..." texte "Lire la suite ..."

Beaucoup de gens veulent changer par défaut "Lire la suite ..." texte à un autre texte comme "Plus ...", "Continuer ...", "Lire la suite ...», etc. Je préfère toujours "[Lire la suite ...]" texte. Aussi, nous pouvons ajouter des styles à ce texte afin qu'il regarde mieux. Ajouter suivante dans functions.php pour accomplir cela.

/** Read More changed to Continue Reading... **/
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
 return '&#x2026; <a class="more-link" href="' . get_permalink() . '" rel="nofollow">Continue Reading &#x2026;</a>';}

Ensuite , ajoutez le code suivant dans style.css.

/** Customization for Read More Link... **/
.more-link {
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin: 4px 0;
  padding: 1px 6px;
  text-transform: none;
  border-radius:4px;
  background-color:#DDDDDD;
  border:0;font-family:Arial, sans-serif;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -moz-box-shadow:0 1px 1px #AAAAAA;
  -webkit-box-shadow:0 1px 1px #AAAAAA;
}

.entry-content a {
   text-decoration: none;
}

.entry-content a:hover {
   text-decoration: underline;
}

Maintenant, le bouton «Continuer la lecture» sera un aspect plus professionnel, plus élégant.

Continue Reading

# 8 Ajouter Soutien à fond personnalisé

Si vous voulez arrière - plan personnalisé puis ajoutez le code suivant dans functions.php.

/** Add support for Custom Background **/
add_custom_background();

# 9 Ajout du support pour tête personnalisé

Si vous voulez arrière - plan personnalisé puis ajoutez le code suivant dans functions.php.

/** Add support for Custom Header **/
add_theme_support( 'genesis-custom-header', array( 'width' => 920, 'height' => 150, 'textcolor' => 'ffffff', 'admin_header_callback' => 'nomadic_admin_style' ) );

Ne pas oublier de changer l'enfant nom du thème, ici par exemple, nous avons utilisé «nomade» comme un nom de thème enfant. Vous pouvez ajuster la largeur, la hauteur et les valeurs de textcolor. Ajustez-les en fonction de votre besoin.

# 10 Supprimer ou Modifier Titre et description

Si vous souhaitez supprimer le titre et description puis ajoutez le code suivant dans functions.php. Ceci est utile lorsque vous décidez d'utiliser le logo du site au lieu de texte pour le titre du site.

/** Remove Title and Description **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

Ajouter le code suivant dans functions.php pour ajouter un titre de site personnalisé.

/** Remove default site title and add custom site title **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
function custom_site_title() { 
     echo '<h1 id="title">Tips and Tricks</h1>';
}
add_action( 'genesis_site_title', 'custom_site_title' );

# 11 Supprimer Titre du post

Ajouter le code suivant dans functions.php pour poster titre.

/** Remove post titles **/
remove_action( 'genesis_post_title','genesis_do_post_title' );

# 12 Comment modifier pied de page

Si vous voulez supprimer le texte de pied de page par défaut et que vous souhaitez ajouter votre texte puis ajoutez le code suivant dans functions.php.

/** Customize the entire footer */
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'child_do_footer' );
function child_do_footer() {
    ?>
    <p><!-- Your Custom Text OR Code --></p>
    <?php
}

# 13 Personnaliser le Genesis Commentaire Button Text

Si vous voulez changer le "Afficher le commentaire" texte en commentaire sous forme de votre site Web puis ajoutez le code suivant functions.php. Le code suivant va changer "Afficher le commentaire" texte "Envoyer un commentaire».

function change_comment_form_submit_button_text( $defaults ) {
    $defaults['label_submit'] = 'Submit Comment';
    return $defaults;
}
add_filter( 'comment_form_defaults', 'change_comment_form_submit_button_text' );

# 14 Modifier la taille des commentaires Gravatar

Si vous souhaitez modifier la taille des Gravatar dans les commentaires puis ajoutez le code suivant functions.php. Changer le numéro 65 en fonction de votre besoin.

function child_comment_list_args( $args ) {
return array( 'type' => 'comment', 'avatar_size' => 65, 'callback' => 'genesis_comment_callback' );
}
add_filter( 'genesis_comment_list_args', 'child_comment_list_args' );

Si vous avez des questions, alors ne s'il vous plaît libres de demander dans les commentaires ci-dessous. Aussi, ne pas oublier de partager cet article sur Twitter, Google+ et sur Facebook. Nous apprécions vraiment votre soutien.

Ads

Partager