¿Cómo cambiar el enlace URL del logotipo para cualquier tema de WordPress? (incluidos los temas de Génesis)
Publicado: 2020-12-07
En Crunchify, solo publicamos tutoriales de alta calidad y fragmentos de código que funcionan sin cambios.
Recientemente, también lanzamos servicios Premium y también comenzamos a vender complementos premium y servicios para desarrolladores.
Recientemente hemos cambiado nuestro sitio Premium ( https://pro.crunchify.com
) y el tema combinado para que coincida con el sitio de inicio ( https://crunchify.com
).
Al hacerlo, nos dimos cuenta de que es mejor que la URL del logotipo del encabezado de pro.crunchify.com apunte a crunchify.com.
¿Esta solución funciona si tiene alguna de las siguientes preguntas?
- ¿Cómo cambiar la URL de la imagen del encabezado?
- Cambios en la URL del logotipo para el tema de muestra de Génesis
- ¿Cómo cambiar la URL de la imagen del encabezado principal?
- ¿Cómo cambiar el enlace de la imagen del encabezado a cualquier URL?
- ¿Cómo cambiar el enlace de la imagen de encabezado a una URL personalizada?
- ¿Cómo cambiar la URL de un banner en el que se puede hacer clic?
- En WordPress, ¿cómo vincular la imagen del encabezado a la URL personalizada?
Estuve buscando la solución durante algún tiempo y también contacté al equipo de soporte de Genesis WP. Pero no obtuve resolución, excepto algunos consejos y sugerencias.

Como puede ver, no hay una solución clara que obtuve del equipo de Genesis support
.
Entonces, después de esto, ¿todavía estaba buscando una solución para cambiar un enlace de encabezado en el que se puede hacer clic en WordPress?
Finalmente, después de algunas pruebas y errores, pude cambiar la URL del logotipo del encabezado.
Aquí hay un código:
Simplemente póngalo en el archivo functions.php de su tema y debería estar bien. En mi caso, he puesto este código en el archivo pro.crunchify.com theme's function.php
.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function crunchify_custom_logo_url ( $ crunchify_logo_html ) { $ crunchify_custom_logo_id = get_theme_mod ( 'custom_logo' ) ; // Make sure to replace your updated site URL $ crunchify_new_url = 'https://crunchify.com' ; $ crunchify_logo_html = sprintf ( '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>' , esc_url ( $ crunchify_new_url ) , wp_get_attachment_image ( $ crunchify_custom_logo_id , 'full' , false , array ( 'class' = > 'custom-logo' , ) ) ) ; return $ crunchify_logo_html ; } // get_custom_logo: Returns a custom logo, linked to home unless the theme supports removing the link on the home page. add_filter ( 'get_custom_logo' , 'crunchify_custom_logo_url' ) ; |
- Asegúrese de cambiar
crunchify_new_url
a la URL deseada.
¿Cómo verificar?

Verifiquemos si el código anterior funciona y no está rompiendo ninguno de los requisitos de metadatos de la estructura de Google.
Eche un vistazo y compare a continuación dos marcas HTML.
Antes de cambiar la URL del logotipo del encabezado de WordPress
1 2 3 4 5 |
< div class = "title-area" > < a href = "https://pro.crunchify.com/" class = "custom-logo-link" rel = "home" > < img width = "946" height = "198" src = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" class = "custom-logo" alt = "crunchify-pro-logo-white" srcset = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png 946w, https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white-768x161.png 768w" sizes = "(max-width: 946px) 100vw, 946px" data - attachment - id = "2386" data - permalink = "https://pro.crunchify.com/crunchify-pro-logo-white/" data - orig - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - orig - size = "946,198" data - comments - opened = "1" data - image - meta = "{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data - image - title = "crunchify-pro-logo-white" data - image - description = "" data - medium - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - large - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" > < / a > < p class = "site-title" > Crunchify Pro < / p > < p class = "site-description" > Premium Services , Plugins & Digital Downloads < / p > < / div > |
Después de cambiar la URL del logotipo del encabezado de WordPress
1 2 3 4 5 |
< div class = "title-area" > < a href = "https://crunchify.com" class = "custom-logo-link" rel = "home" > < img width = "946" height = "198" src = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" class = "custom-logo" alt = "crunchify-pro-logo-white" loading = "lazy" srcset = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png 946w, https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white-768x161.png 768w" sizes = "(max-width: 946px) 100vw, 946px" data - attachment - id = "2386" data - permalink = "https://pro.crunchify.com/crunchify-pro-logo-white/" data - orig - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - orig - size = "946,198" data - comments - opened = "1" data - image - meta = "{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data - image - title = "crunchify-pro-logo-white" data - image - description = "" data - medium - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" data - large - file = "https://pro.crunchify.com/wp-content/uploads/2019/04/crunchify-pro-logo-white.png" > < / a > < p class = "site-title" > Crunchify Pro < / p > < p class = "site-description" > Premium Services , Plugins & Digital Downloads < / p > < / div > |
Ambos marcados de estructura se ven bien y la única diferencia que veo es la URL del logotipo. Y eso es .

Espero que esto te ayude a cambiar la URL del logotipo del encabezado de tu tema.
Por favor, siéntase libre de hacernos saber a través de comentarios sus comentarios y comentarios.