campo de autor en WordPress es un elemento al que muchas veces no se le presta la atención que merece y no se aprovecha su potencial.
Con la ayuda de un autor de WordPress no solo podemos decir quiénes somos y cómo ayudamos a nuestros clientes potenciales, sino que también nos permite mostrar información de contacto como la web, el correo electrónico y los perfiles de redes sociales.
Dado que esta característica está visible al final de cada uno de los artículos que publicamos en el blog, cuanto más optimizado, mejor, ¿verdad?
Bueno, en este post veremos cómo socializar el campo de autor en temas de WordPress en Genesis. Específicamente, le diré cómo incluir información de sus redes sociales, Internet y correo electrónico, así como editar metainformación para aumentar su capacidad de conversión tanto para clientes potenciales como para seguidores y suscriptores.
¡Para la socialización se dijo! 😉
Cómo mostrar un campo de autor en WordPress con un tema de Genesis
WordPress tiene dos formas de mostrar el campo de autor cuando se usa el tema Genesis HTML5.
Lo primero es hacerlo a través de un filtro. functions.phpcomo te muestro a continuación:
add_filter( 'get_the_author_genesis_author_box_single', '__return_true' );
Y segundo, a través del perfil de usuario en el panel de control de WordPress.
Te lo cuento en detalle.
Especifique el campo de autor en WordPress en el escritorio
Al aplicar el filtro de arriba al archivo functions.php el tema de sus hijos, el campo de autor se mostrará a todos los usuarios en todas sus publicaciones.
Y si no lo agrega, puede hacerlo a través de la edición «personalizada» y especificar para qué usuarios desea que se muestre.
La información que se muestra en el campo del autor será su nombre de usuario, nombre y cualquier información biográfica que incluya en su perfil.
Cambiar la información de contacto en el campo del autor
Una vez en su perfil de usuario, verá que hay varios campos de información de contacto, incluidas las cuentas de redes sociales que puede agregar o eliminar.
Estos métodos de contacto se pueden cambiar usando métodos de contacto con los usuarios (user_contactmethods).
function themeprefix_modify_user_contact_methods( $user_contact ){
/* Add user contact methods */
$user_contact['pinterest'] = __( 'Pinterest URL' );
$user_contact['linkedin'] = __( 'LinkedIn URL' );
/* Remove user contact methods */
unset($user_contact['aim']);
unset($user_contact['jabber']);
unset($user_contact['yim']);
return $user_contact;
}
add_filter( 'user_contactmethods', 'themeprefix_modify_user_contact_methods' );
Aquí puedes cambiar de cuenta. En mi caso elimino AIM, Yahoo y Jabber usando el campo no instalado y voy a agregar campos de contacto de Pinterest y LinkedIn, mostrándolos como metainformación.
El resultado es un perfil de usuario más relevante.
Crear y mostrar un nuevo campo de autor en WordPress
Lo primero que debemos hacer es eliminar el campo de autor actual y especificar que queremos mostrar uno nuevo. Para hacer esto, agregue este código a functions.php:
function themeprefix_alt_author_box() {
if( is_single() ) {
//author box code goes here
}
}
remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );
add_action( 'genesis_after_entry', 'themeprefix_alt_author_box', 8 ); //change hook for position
Tenga en cuenta que la acción «remove_action» se refiere al enlace web «genesis_after_entry», que es el lugar habitual donde se encuentra el campo del autor en los temas secundarios de Genesis.
Pero puede suceder que en su tema hijo el web hook sea diferente. Si es así, y no funciona para usted, Dime en los comentarios y yo ayudo. 🙂
Lo que hacemos es agregar una nueva función al campo de otra alternativa y eliminar la actual. Alternativamente, podemos seleccionar un nuevo campo para el autor. mostrar solo en ciertos mensajes.
A continuación, mejoraremos nuestro cuadro de autor agregando un título, una biografía y enlaces a las redes sociales a nuestro perfil de usuario.
Este código verifica qué perfiles se han completado y, cuando se completan, los muestra. Reemplace el código anterior con lo siguiente:
function themeprefix_alt_author_box() {
if( is_single( '' ) ) {
//author box code goes here
?>
<div class="author-box"><?php echo get_avatar( get_the_author_meta( 'ID' ), '70' ); ?>
<div class="about-author"><h4>Sobre <?php echo get_the_author(); ?></h4><p><?php echo get_the_author_meta( 'description' ); ?>
</div>
<ul class="social-links">
<?php if ( get_the_author_meta( 'facebook' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("facebook' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'twitter' ) != '' ): ?>
<li><a href="https://twitter.com/<?php echo get_the_author_meta( 'twitter' ); ?>"><i class="fa fa-twitter"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'googleplus' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("googleplus' ); ?>"><i class="fa fa-google-plus"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'linkedin' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("linkedin' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'pinterest' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("pinterest' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'github' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("github' ); ?>"><i class="fa fa-github"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'user_email' ) != '' ): ?>
<li><a href="mailto:<?php echo get_the_author_meta( 'user_email' ); ?>"><i class="fa fa-envelope-o"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'user_url' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("user_url' ); ?>"><i class="fa fa-laptop"></i> </a></li>
<?php endif; ?>
</ul>
</div>
<?php
}
}
remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );
add_action( 'genesis_after_entry', 'themeprefix_alt_author_box', 8 );
Todo lo que necesitamos ahora es esto aplicar algunos estilos CSS para enumerar elementos usando una lista de estilo «. enlaces sociales» desordenada.
/* For FontAwesome Icon Stylin */
.social-links {
overflow:auto;
margin-top:10px;
}
.social-links li {
list-style-type: none;
float: left;
}
.social-links a {
border-bottom: none;
}
.social-links i {
background: #205D7A;
color: #fff;
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 25px;
text-align: center;
margin-right: 10px;
padding-top: 15%;
transition-property: opacity;
transition-delay: 0.3s;
transition-duration: .5s;
}
.social-links i:hover {
opacity:.7;
}
Primero, comenzamos con íconos o texto regulares (en lugar de íconos geniales). Pero aquí tenemos nuestro código final:
Este es el código resultante después de realizar todos los pasos anteriores. Cuando haya terminado con todos los pasos, este (y solo esto) es el código que debe tener en su functions.php
/**
* Changing the AuthorBox in WordPress
*/
//Change Default Method Contacts in User Profile
function themeprefix_modify_user_contact_methods( $user_contact ){
/* Add user contact methods */
$user_contact['pinterest'] = __( 'Pinterest URL' );
$user_contact['linkedin'] = __( 'LinkedIn URL' );
/* Remove user contact methods */
unset($user_contact['aim']);
unset($user_contact['jabber']);
unset($user_contact['yim']);
return $user_contact;
}
add_filter( 'user_contactmethods', 'themeprefix_modify_user_contact_methods' );
//Load Fontawesome
function themeprefix_fontawesome_styles() {
wp_register_style( 'fontawesome' , '//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css', '' , '4.4.0', 'all' );
wp_enqueue_style( 'fontawesome' );
}
add_action( 'wp_enqueue_scripts', 'themeprefix_fontawesome_styles' );
function themeprefix_alt_author_box() {
if( is_single( '' ) ) {
//author box code goes here
?>
<div class="author-box"><?php echo get_avatar( get_the_author_meta( 'ID' ), '70' ); ?>
<div class="about-author"><h4>Sobre <?php echo get_the_author(); ?></h4><p><?php echo get_the_author_meta( 'description' ); ?>
</div>
<ul class="social-links">
<?php if ( get_the_author_meta( 'facebook' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("facebook' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'twitter' ) != '' ): ?>
<li><a href="https://twitter.com/<?php echo get_the_author_meta( 'twitter' ); ?>"><i class="fa fa-twitter"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'googleplus' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("googleplus' ); ?>"><i class="fa fa-google-plus"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'linkedin' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("linkedin' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'pinterest' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("pinterest' ); ?>"><i class="fa fa-facebook"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'github' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("github' ); ?>"><i class="fa fa-github"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'user_email' ) != '' ): ?>
<li><a href="mailto:<?php echo get_the_author_meta( 'user_email' ); ?>"><i class="fa fa-envelope-o"></i></a></li>
<?php endif; ?>
<?php if ( get_the_author_meta( 'user_url' ) != '' ): ?>
<li><a href="https://hormigasenlanube.com/caja-de-autor-en-wordpress/<?php echo get_the_author_meta("user_url' ); ?>"><i class="fa fa-laptop"></i> </a></li>
<?php endif; ?>
</ul>
</div>
<?php
}
}
remove_action( 'genesis_after_entry', 'genesis_do_author_box_single', 8 );
add_action( 'genesis_after_entry', 'themeprefix_alt_author_box', 8 );
¿Guay, verdad? 😉
Y eso es chatee en nuestro campo de creación en WordPress con el tema de Genesis. Siguiendo estos pasos, obtendrá un cuadro colorido para los autores y sus lectores podrán comunicarse con usted de manera rápida y sencilla.
¿Tiene su propia caja de creación de esta manera? ¿Estuvo involucrado en la mudanza? Esperando por ti en los comentarios.
No Comments Found