En este artículo quiero enseñarte cómo es posible cambiar el enlace del logotipo en WordPress. Como ya sabrás si estás buscando esta información, el logotipo de tu empresa cuando personalizas una web con WordPress, aparece en la parte superior de la web. Es posible que algunos temas tengan configurado un diseño en el que el logotipo en vez de estar arriba a la izquierda está situado arriba en el centro, o incluso, en una barra lateral. Bien, esta imagen (el logotipo) está asociada con un enlace que por defecto apunta a la página de inicio de tu web.
Cambiar esta URL no es sencillo, no existe un campo en el que puedas colocar la URL de ese enlace. Ni en el personalizador, ni en la sección de apariencia. No conozco todos los themes del mercado, y quizá haya alguno que si permita cambiar esta opción, pero no es algo común, la verdad sea dicha.
Hace poco un amigo me preguntó sobre este problema, y para solucionarlo encontramos varias alternativas dependiendo por un lado de cómo esté construido el sitio, y por otro, del framework con el que trabajemos (si es que lo hacemos con alguno).
Lo más normal en estos casos es buscar el archivo Header.php de la web y cambiar ahí el enlace, pero en mi casi no podía hacerlo desde ese archivo, en el mío la solución estaba en el archivo functions.php del theme.
En concreto en la siguiente línea:
echo ‘<a href=»‘ . esc_url( home_url( ‘/’ ) ) . ‘» title=»‘ . esc_attr(get_bloginfo(‘name’)) . ‘»><img class=»site-logo» src=»‘ . esc_url(get_theme_mod(‘site_logo’)) . ‘» alt=»‘ . esc_attr(get_bloginfo(‘name’)) . ‘» /></a>’;
Simplemente hay que sustituir el fragmento de php insertado en el código HTML de esa línea, concretamente el resaltado en negrita a continuación:
echo ‘<a href=»‘ . esc_url( home_url( ‘/’ ) ) . ‘» title=»‘ . esc_attr(get_bloginfo(‘name’)) . ‘»><img class=»site-logo» src=»‘ . esc_url(get_theme_mod(‘site_logo’)) . ‘» alt=»‘ . esc_attr(get_bloginfo(‘name’)) . ‘» /></a>’;
Mi recomendación es no cambiar esto a no ser que sea absolutamente indispensable. Pero si necesitas hacerlo esta es una de las soluciones que he encontrado.
Existen otras maneras de hacer esto. En el foro de WordPress he encontrado la opción de hacerlo para el tema twentysixteen. En este caso la operación consiste en añadir unas líneas de código en el archivo functions.php del tema. Pego a continuación el código:
/* NOTE: custom additions will get removed any time you update twentysixteen theme; i.e. look into creating twentysixteen-child */
add_filter( ‘get_custom_logo’, ‘add_custom_logo_url’ ); function add_custom_logo_url() { $custom_logo_id = get_theme_mod( ‘custom_logo’ ); $html = sprintf( ‘<a href=»%1$s» class=»custom-logo-link» rel=»home» itemprop=»url»>%2$s</a>’, esc_url( ‘www.somewhere.com’ ), wp_get_attachment_image( $custom_logo_id, ‘full’, false, array( ‘class’ => ‘custom-logo’, ) ) ); return $html; }
Añado también el enlace para ese hilo de consulta en el foro:
https://wordpress.org/support/topic/how-to-change-logo-url-of-twentysixteen-theme/#post-9535770
Bien, espero que esto te haya ayudado, y ya sabes, si necesitas mi ayuda contacta conmigo desde aquí. O por medio de los formularios de contacto de esta misma web.
¡Gracias!