Como personalizar Genesis Tema WordPress

Neste artigo, vamos compartilhar vários trechos de código para personalizar vários campos na criança temas Genesis. Modificando Genesis tema é relativamente simples.

A+ A-

Genesis é um quadro tema WordPress premium que fornece fundação motor de pesquisa otimizada e segura para o seu blog WordPress. Vantagem do tema premium é que você obter apoio. Para cada tema criança Genesis não é o fórum onde você pode fazer suas dúvidas, trechos de código para modificar Genesis tema, o que quiser! Esta é a principal razão por trás de muitos blogueiros escolher Genesis tema para o seu blog WordPress . Neste artigo, vamos compartilhar com vocês uma maneira pela qual você pode personalizar vários campos na criança temas Genesis . Modificando tema criança Genesis é relativamente simples.

Personalize Genesis Tema WordPress

Nota: Para modificar Genesis tema que você tem que modificar principalmente dois arquivos - style.css e functions.php. Você pode modificar esses arquivos através WordPress dashboard -> Aparência -> Editor.

# 1 Como adicionar Autor Box para Acabar dos Correios

Você pode adicionar a caixa autor no final de cada post sem tocar código de linha única. Sob WordPress Dashboard -> Usuários -> seu perfil -> Configurações do usuário Genesis. Verificar a caixa "Ativar Autor Box on do usuário Posts".
Mas se o seu blog é um site multi-autor, em seguida, em vez de editar cada perfil de usuário que você pode usar seguinte código para mostrar a caixa autor no final de cada post. Adicione o seguinte código no 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);

Acima de código irá adicionar caixa de autor abaixo de cada post, como mostrado na figura abaixo:

Author Box

VEJA TAMBÉM: Como adicionar uma inscrição Box Boletim Após seu post em Gênesis Framework .

# 2 Como exibir autor Social Media links na página de perfil

Para adicionar autor do Twitter, Google+, Facebook, LinkedIn links de perfil na página de perfil do autor, primeiro você tem criar author.php na sua pasta tema criança e adicione o seguinte código para ele:

<?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.
?>

Em seguida, adicione o seguinte código no 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);

Em seguida, sob Usuários -> seu perfil será parecido com este:

Author Settings

Adicionar suas informações lá e você ter feito isso. O seu perfil do autor será parecido com este:

Author Profile

# 3 Como adicionar uma caixa de Política Comentário Antes Comment Form

Muitas pessoas querem adicionar política de comentário antes de formulário de comentário, para exibir comentar add política seguinte código no 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
    }
}

Saída:

Comment Policy

# 4 Editar comentário Form

Seguinte código irá modificar seu título formulário de comentário e irá adicionar algum texto abaixo dela. Mude o texto como por sua necessidade. Adicione o seguinte código no 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');

Saída:
Modified Comment Form

# 5 de visualização Anterior e Próximo links após Comment Form

Para uma melhor navegação você deve adicionar post e próxima postar links anteriores, assim o usuário pode alternar facilmente entre mensagens. Também vai ajudar a reduzir a taxa de rejeição. Para exibir postar links anteriores e seguintes adicione o seguinte código no 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 }

Saída:
Previous and Next Links

# 6 Como adicionar ou remover Menu de navegação

Se você quer mover seu menu de navegação principal depois de seu cabeçalho tema criança, em seguida, adicione o seguinte código no functions.php

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

Se você quer mover seu menu de navegação primária antes de seu cabeçalho tema criança, em seguida, adicione o seguinte código no functions.php

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

Se você deseja mover Menu de Navegação secundária abaixo do seu cabeçalho tema criança, em seguida, adicione o seguinte código no 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 Como alterar "Leia Mais ..." texto para "Continue lendo ..."

Muitas pessoas querem mudar padrão "Leia Mais ..." texto para texto diferente, como "Mais ...", "Continuar ...", "Continue Lendo ...", etc. Eu sempre prefiro "[Continue Reading ...]" texto. Também podemos adicionar estilos a este texto assim que olhar melhor. Adicione o seguinte em functions.php para alcançar este objetivo.

/** 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>';}

Em seguida, adicione o seguinte código no 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;
}

Agora, o seu botão "Continue Lendo" vai olhar mais profissional, mais elegante.

Continue Reading

# 8 Adicionar suporte para o fundo personalizada

Se você quiser fundo personalizado, em seguida, adicione o seguinte código no functions.php.

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

# 9 adicionar suporte para cabeçalho personalizado

Se você quiser fundo personalizado, em seguida, adicione o seguinte código no 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' ) );

Não se esqueça de mudar o nome do tema criança, aqui por exemplo, nós usamos "nómada" como um nome do tema da criança. Você pode ajustar a largura, altura e valores TextColor. Ajustá-los de acordo com sua necessidade.

# 10 Remover ou em Alterar título e descrição

Se você deseja remover título e descrição, em seguida, adicione o seguinte código no functions.php. Isso é útil quando você decidir usar logotipo do site em vez de texto para o título do site.

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

Adicione o seguinte código no functions.php para adicionar título do site personalizado.

/** 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 Remova Título da mensagem

Adicione o seguinte código no functions.php para postar título.

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

# 12 Como modificar texto Rodapé

Se você deseja remover texto de rodapé padrão e deseja adicionar seu texto, em seguida, adicione o seguinte código no 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 Personalize o Genesis Comentário Button Text

Se você quer mudar o texto "Publicar comentário" no formulário de comentários do seu site, em seguida, adicione o seguinte functions.php código. Seguinte código irá alterar o texto "Publicar comentário" para "Enviar comentário".

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 modificar o tamanho dos comentários Gravatar

Se você quiser modificar o tamanho do Gravatar nos comentários , em seguida, adicione o seguinte functions.php código. Alterar 65 número de acordo com a sua necessidade.

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' );

Se você tiver alguma dúvida, por favor, não hesite em perguntar nos comentários abaixo. Também não se esqueça de compartilhar este artigo no Twitter, Google+ e no Facebook. Nós realmente apreciamos o seu apoio.