Genesis Framework es un tema popular de WordPress que se ha utilizado para crear algunos de los sitios web más bellos y creativos de Internet. Es uno de nuestros favoritos aquí en Blogging for Entrepreneurs porque es muy versátil, fácil de usar y personalizable.
Una cosa que a muchas personas les resulta difícil acerca de los temas de Génesis es agregar un logotipo de imagen de encabezado. Afortunadamente, con solo unos pocos clics puede tener su propio logotipo personalizado en su lugar.
Esto es útil si desea que su sitio tenga una marca específica que coincida con su negocio. El proceso de agregar esto toma menos de 10 minutos y requiere usar solo un complemento, que se llama Custom Logo Uploader de WPSquare.
Se puede instalar en solo segundos con un clic dentro del panel de administración de WordPress.
Estos son los pasos:
1) Instalar el complemento
2) Agregue las imágenes deseadas
3) Configurar ajustes
4) Guarde los cambios entre 5 y 10 minutos más tarde, vuelva a Configuración del tema secundario de Génesis > Imagen de encabezado
6) Seleccione un logotipo personalizado
7) Introduzca la URL deseada
8 )Guardar cambios.
Cómo agregar el logotipo de imagen de encabezado para el tema infantil de Génesis:
PASO 1: configurar el logotipo en el panel
Ya que estoy usando “Veinte diez tema infantil“, todo lo que tengo que hacer es ir a Tablero >> Apariencia >> Personalizar >> Encabezado y agregar un logotipo que quiero usar. Puede agregar sus propias imágenes personalizadas o elegir entre las disponibles en WordPress, que puede encontrar en la sección "Agregar nuevo".
En mi caso, agregaré una imagen de la carpeta de medios del tablero haciendo clic en el archivo llamado "header-logo.png".
PASO 2: agregue un código personalizado a la función de tema secundario de Génesis.
php Abra el archivo php de la función del tema Genesis Child, que generalmente se encuentra en la carpeta raíz del tema denominada functions.php. Puede abrir este archivo usando cualquier cliente FTP o SFTP como Filezilla.
Y si no puede encontrar este archivo, puede crear uno. He escrito una publicación para mostrar cómo crear el archivo php de función del tema secundario de Génesis.
Aquí está el código que agregué al final de mi archivo functions.php, pero antes de cerrar la etiqueta PHP?>
// Logotipo de encabezado de BP
add_custom_image_header('bp-logo');
Esto le dice a Génesis que use una imagen llamada "bp-logo" como el logotipo del encabezado de mi sitio web. Puede cambiar este nombre, pero no olvide cambiarlo también en el siguiente paso. Ahora cree una nueva carpeta con el nombre bp-logo.
Debe crearse dentro del directorio raíz de su tema. Para obtener más información, consulte mi publicación sobre cómo crear una carpeta en su tema secundario de Génesis.
PASO 3: Cree una imagen de logotipo para un tema de terceros
El problema es que la imagen de nuestro logotipo no aparecerá en la sección de personalización del panel de control de WordPress., pero aún se mostrará en la interfaz una vez que el sitio web se publique en línea.
Significa que tenemos que agregar esta imagen al header.php de nuestro tema. Afortunadamente, podemos hacer esto editando nuestro tema directamente desde el área de administración de WordPress.
Lo que necesita es su archivo zip de tema y un cliente FTP o SFTP como FileZilla . Usted puede utilizar phpMyAdmin también si sabes cómo usarlo.
Abre el archivo zip usando tu programa favorito y ve a /wp-content/themes/TU NOMBRE DE TEMA/header.php. Copie el código que ve en este archivo, pero antes de la etiqueta de cierre de PHP ?> .
PASO 4: agregue un código personalizado al encabezado de Genesis Child Theme.
php Ahora, abre el archivo header.php de tu tema (que se encuentra en /wp-content/themes/TU NOMBRE DE TEMA/) y agrega este código antes de cerrar la etiqueta PHP (que se encuentra al final del archivo):
PASO 2: Listo Ahora, si visita su sitio web, el logotipo aparecerá en la interfaz.
Pero hay un problema con este código. Está creando un archivo de imagen en su servidor y si carga muchas imágenes, ocupará espacio en el servidor innecesariamente.
Entonces, para resolver este problema, he usado mi complemento llamado "Genesis Simple Hooks". Y aquí está el código personalizado actualizado que he agregado en el archivo functions.php: add_action( 'genesis_before_header', 'bp_add_header_logo' );
Pasos básicos para agregar encabezados personalizados para el blog de WordPress
1) Vaya al Panel de control de su blog de WordPress y coloque el cursor sobre Apariencia. Seleccione Menús desde allí.
2) Haga clic en Encabezado n.° 1 en el menú desplegable Encabezados simples de Génesis. Se abrirá una nueva página con muchas opciones. Puede cambiar cualquiera de las opciones proporcionadas allí.
3) La primera opción es Imagen de encabezado. Haga clic en el botón de exploración y seleccione una imagen de su computadora o use una de las imágenes predeterminadas disponibles en esta sección.
Asegúrese de tener permiso para usar esa imagen porque se mostrará como parte de su blog de contenido y también aparecerá en los resultados de búsqueda. Puede usar la misma imagen para las tres imágenes de encabezado si lo desea. También puede cambiar el texto que se muestra en esa sección.
4) El segundo menú desplegable es Tipo de encabezado. Hay 5 tipos proporcionados por este complemento y puede elegir cualquiera de ellos. Sin embargo, cambiar el tipo a H1 lo ayudará a diseñarlo aún más como un encabezado H1.
5) El tercer menú desplegable es Posicionamiento y puede usarlo para cambiar el posicionamiento de su encabezado imagen en tu blog (izquierda, centro o derecha).
6) Con el cuarto menú desplegable, puede elegir qué sección de las publicaciones debe mostrarse en ese encabezado. Tiene 3 secciones: imagen destacada de Génesis, texto de introducción y título de la publicación. Si desea mostrar algo más, puede ingresar ese código HTML en la sección provista y aparecerá allí.
7) Haga clic en Guardar menú después de realizar todos los cambios.
8) La nueva imagen de encabezado se mostrará inmediatamente en su blog y cada vez que un visitante abra cualquiera de sus publicaciones de blog, esta imagen de encabezado aparecerá en la parte superior. Sin embargo, puede cambiar su posición a derecha o izquierda yendo a Apariencia - Personalizar - Navegación lateral y luego seleccionando derecha o izquierda.
Editando el archivo Style.css de Genesis Child Theme-
Encontré un tema secundario de Génesis llamado [i]Elemento[/i] en el Directorio de temas oficial de WordPress y quería usarlo en mi entorno de desarrollo local.
La primera y la segunda publicación de este sitio brindan instrucciones sobre cómo configurar un nuevo tema secundario de génesis con fines de desarrollo. Entonces, ve a verlos si aún no lo has hecho.
Después de intentar ejecutar el script de instalación que se encuentra en la primera publicación, me di cuenta de que instaló una hoja de estilo de tema secundario en un directorio llamado "_s", que es correcto para todos los temas de WordPress, excepto para Génesis.
Luego edité mi archivo de tema secundario style.css y cambié las rutas de "Element Child Theme/style.css" a "Element Child Theme/*/style.css".
¡Y realmente funciona!
Snelle Koppelingen
- Por qué un logotipo es importante para su negocio
- Elementos esenciales del blog que no debes perderte como principiante
- Averigüe ahora, ¿Cómo impulsar su marketing en redes sociales?
- Mi colección de temas favoritos de WordPress de todos los tiempos
Conclusión: cómo agregar un logotipo de imagen de encabezado para Genesis Child Theme 2024
Genesis Framework es uno de los temas de WordPress más populares disponibles. Es fácil de personalizar y viene con toneladas de funciones que pueden ayudarlo a hacer despegar su negocio.
Una forma de personalizar su sitio web es agregar un logotipo de imagen de encabezado para Genesis Child Theme, que aparecerá en lugar del texto predeterminado "Genesis Framework" en la parte superior de cada página.
Los blogs son una excelente manera de compartir su conocimiento, promocionar su producto o servicio y crear una audiencia. Pero, ¿cómo haces para diseñarlos?
Hay muchos temas diferentes para blogs que afirman ser los mejores para crear hermosos sitios web, pero ¿cuál es el adecuado para ti? Tomamos algunas de las plantillas de tema infantil de Génesis más populares disponibles en la actualidad y clasificamos su calidad de diseño de 1 a 5 estrellas según nuestras preferencias personales.