Cómo personalizar Génesis WordPress Tema

En este artículo, vamos a compartir varios fragmentos de código para personalizar diversos campos en los niños temas de Genesis. Modificación de Génesis tema es relativamente simple.

A+ A-

Génesis es un marco de tema para WordPress prima que proporciona el motor de búsqueda optimizado y seguro fundamento de su blog de ​​WordPress. Ventaja de prima tema es que se obtiene apoyo. Para cada tema de los niños Génesis no es el foro donde se puede preguntar sus dudas, fragmentos de código para modificar el tema de Génesis, lo que quieras! Esta es la razón principal detrás de muchos bloggers eligen Génesis tema para su blog de ​​WordPress . En este artículo, vamos a compartir con ustedes un camino por el cual se puede personalizar los distintos campos en los niños temas de Genesis . Modificación de tema infantil Génesis es relativamente simple.

Génesis personalizar WordPress Tema

Nota: Para modificar el tema de Génesis tiene que modificar principalmente dos archivos - style.css y functions.php. Puede modificar estos archivos a través de panel de WordPress -> Apariencia -> Editor.

# 1 Cómo agregar caja del autor al final de Mensajes

Puede agregar cuadro de autor al final de cada post sin tocar una sola línea de código. Bajo panel de WordPress -> Usuarios -> su perfil -> Configuración de usuario Genesis. Compruebe en la casilla "Habilitar caja del autor de los mensajes de este usuario".
Pero si tu blog es un sitio de varios autores a continuación, en lugar de editar cada perfil de usuario puede utilizar el código siguiente para mostrar el cuadro de autor al final de cada post. Añadir siguiente código en 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);

Por encima de código de cuadro de autor añadirá debajo de cada entrada, como se muestra en la figura siguiente:

Author Box

Ver también: Cómo agregar un cuadro de Inscripción Boletín Después de Su Publicar en el marco de Génesis .

# 2 Cómo mostrar Autor de Medios de Comunicación Social enlaces en la página de perfil

Para añadir el autor del Twitter, Google, Facebook, LinkedIn enlaces de perfil en la página de perfil de autor primero hay que crear author.php en su carpeta de tema infantil y añadir siguiente código en él:

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

A continuación, agregue el código siguiente en 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);

Entonces En Usuarios -> su perfil se verá así:

Author Settings

Añadir su información allí y lo ha hecho. Su perfil de autor se verá así:

Author Profile

# 3 ¿Cómo añadir un cuadro de Política comentario Antes de Forma Comentario

Muchas personas quieren añadir política de comentarios antes de la hoja de comentarios, para visualizar un comentario Haz política siguiente código en 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
    }
}

Salida:

Comment Policy

# 4 Editar Forma Comentario

Tras código modifica el título del formulario de comentarios y añadir un poco de texto que hay debajo. Cambie el texto según su necesidad. Añadir siguiente código en 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');

Salida:
Modified Comment Form

# 5 de visualización anterior y siguiente Enlaces Después de Forma Comentario

Para una mejor navegación debe agregar enlaces de correos y al lado de poste anteriores, por lo que el usuario puede cambiar fácilmente entre mensajes. También va a ayudar a reducir la tasa de rebote. Para mostrar publicar enlaces anterior y siguiente se añadirá el siguiente código en 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 }

Salida:
Previous and Next Links

# 6 Cómo agregar o quitar de menú de navegación

Si desea mover el menú de navegación primaria después de su cabecera tema de los niños a continuación, añadir siguiente código en 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 desea mover el menú de navegación primaria antes de que su hijo cabecera tema a continuación, añadir siguiente código en 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 desea mover menú de navegación secundaria debajo de la cabecera de tema infantil a continuación, añadir siguiente código en 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 Cómo cambiar "Leer más ..." texto a "Continuar leyendo ..."

Muchas personas quieren cambiar por defecto "Leer más ..." un texto a otro diferente, como "Más ...", "Continuar ...", "Continuar leyendo ...", etc. Siempre prefiero "[Continuar leyendo ...]" texto. También podemos añadir estilos a este texto, de modo que se vea mejor. Añadir siguiente en functions.php para lograr esto.

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

A continuación, agregue el código siguiente en 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;
}

Ahora el botón "Continuar leyendo" tendrá un aspecto más profesional, más elegante.

Continue Reading

# 8 Añadir soporte para fondo de encargo

Si quieres fondo personalizado a continuación, agregue el código siguiente en functions.php.

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

# 9 Añadir soporte para Personalizar encabezado

Si quieres fondo personalizado a continuación, agregue el código siguiente en 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' ) );

No se olvide de cambiar el nombre del tema del niño, por ejemplo, aquí hemos utilizado "nómada" como nombre del tema infantil. Puede ajustar los valores TextColor anchura, altura y. Ajustarlos de acuerdo a su necesidad.

# 10 Quitar o Cambiar título y descripción

Si desea eliminar título y la descripción a continuación, agregue el código siguiente en functions.php. Esto es útil cuando se decide utilizar el logo del sitio en lugar de texto para el título del sitio.

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

Añadir siguiente código en functions.php para agregar título de sitio 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 Eliminar Mensaje Título

Añadir siguiente código en functions.php para publicar título.

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

# 12 Cómo modificar texto de pie

Si desea eliminar el texto de pie de página por defecto y desea añadir el texto a continuación, agregue el código siguiente en 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 personalizar el texto del Génesis Comentario Button

Si desea cambiar el texto "Publicar comentario" en el formulario de comentarios de su sitio web a continuación, agregue el código siguiente functions.php. Tras código cambiará el texto "Publicar comentario" a "Enviar comentario".

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 Tamaño Modificar de comentarios Gravatar

Si desea modificar el tamaño de Gravatar en los comentarios a continuación, agregue el código siguiente functions.php. Cambiar el número 65 de acuerdo a su necesidad.

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 usted tiene alguna pregunta, por favor siéntase libre de preguntar en los comentarios a continuación. Asimismo, no se olvide de compartir este artículo en Twitter, Google+ y en Facebook. Nosotros realmente apreciamos su apoyo.

Ads

Compartir