El bloque del eslogan del sitio es uno de los muchos bloques útiles que hacen que WordPress sea tan fácil de usar. Con él, puede agregar el eslogan de su sitio en cualquier parte de su sitio y personalizarlo con opciones de estilo integradas. En este artículo, cubriremos todo lo que necesita saber sobre el bloque de eslogan del sitio para que pueda usarlo de manera efectiva en su sitio web.
¿Qué es un bloqueo de eslogan del sitio?
El eslogan del sitio (junto con el título del sitio) generalmente se agrega cuando instala WordPress por primera vez y se puede encontrar en la configuración general del panel. El eslogan debe actualizarse del predeterminado «Solo otro sitio de WordPress» con un resumen más apropiado de lo que trata su sitio. Para cambiar el eslogan de su sitio web en el backend, puede ir a Ajustes > Generales.
El bloque de eslogan del sitio es un bloque temático en WordPress que le permite agregar fácilmente el eslogan de su sitio en cualquier lugar de su sitio como contenido dinámico. Puedes arrastrar un bloque a una página, plantilla o encabezado y personalizarlo como quieras. Este es uno de los muchos bloques introducidos con la edición de página completa en WordPress.
Cómo agregar un bloque de eslogan del sitio a una publicación o página
En este ejemplo, usaremos el tema Twenty Twenty-Two para agregar el eslogan del sitio al área de encabezado de la plantilla. Desde su tablero de WordPress, navegue hasta Apariencia > Redactor.
Para agregar un bloque de eslogan del sitio, comience haciendo clic en el archivo Insertador de bloque icono al editar una plantilla de página.
Desde aquí puedes buscar Lado eslogan de la barra de búsqueda.
Haz clic o arrástralo al lugar deseado para agregar el bloque a tu página.
También puede escribir / eslogan para agregar rápidamente el eslogan de su sitio a su página.
Configuración y opciones de bloqueo de eslóganes del sitio
Configuración de la barra de herramientas
Si pasa el cursor sobre un bloque, verá un menú de formato que incluye las siguientes opciones:
- Convertir un bloque en un tipo de elemento diferente
- Cambiar la alineación del texto
- Ajustes adicionales.
Aquí hay una hoja de referencia rápida que muestra dónde se encuentra cada una de estas opciones en la barra de herramientas de formato:
Ajustes adicionales
Si hace clic en los tres puntos verticales en el lado derecho de la barra de herramientas y selecciona mostrar más configuraciones o engranaje en la esquina superior derecha, puede acceder a la barra lateral para ver las configuraciones de bloqueo adicionales disponibles.
Desde este panel lateral puede ver configuraciones adicionales, le echaremos un vistazo primero Color configuraciones disponibles:
- Cambia el color del texto.
- Cambia el color de fondo del texto.
También puede cambiar la fuente, el aspecto (negrita, cursiva, etc.), la altura de la línea, el espaciado entre letras, la decoración (subrayado, tachado) y las mayúsculas haciendo clic en los tres puntos verticales junto a Tipografía bajo Color Sección.
tu puedes cambiar fuente De ajuste de fuente Sección.
Corregir tamaño de fuente bajo tamaño configuración.
El grosor de fuente (negrita, delgada, etc.) se puede cambiar a apariencia Sección.
También puedes personalizar espaciado entre letras y altura de línea en las secciones correspondientes.
En buzón configuración, podemos personalizar capitalización bloque de eslogan del sitio.
Y podemos subrayar O tachado eslogan de nuestro sitio seleccionando estas opciones en el archivo decoración Sección.
Abajo ajustes sección se puede encontrar dimensiones una pestaña donde puede ajustar el relleno y el margen del bloque de eslogan de su sitio.
Cambiar el estilo global del bloque de eslogan del sitio en WordPress
Como se mencionó anteriormente, el eslogan real del sitio de WordPress (contenido de texto) se puede actualizar dinámicamente con el bloque del eslogan del sitio para todas las interacciones del bloque. Sin embargo, el estilo (color de fondo, color del texto, etc.) del bloque no se aplicará a todas las interacciones a menos que cambie el estilo de bloque global predeterminado.
Por ejemplo, a continuación, hemos cambiado el color de fondo del bloque de eslogan de nuestro sitio en el encabezado a azul.
Si abrimos una publicación de blog, veremos que el encabezado cambia con el nuevo estilo (1), pero el estilo se desactiva si colocamos el bloque de eslogan del sitio en otro lugar de la página (2).
Para cambiar los estilos de todos los bloques de lemas del sitio en todo el sitio de WordPress, podemos ir a la pestaña de estilos haciendo clic en el botón círculo mitad blanco, mitad negro en la esquina superior derecha de nuestro editor de plantillas y seleccionando bloques.
Desde aquí, busca «eslogan del sitio» en la barra de búsqueda y selecciónalo.
Aquí puede realizar cambios que cambiarán el estilo predeterminado para todas las iteraciones actuales y futuras del bloque de eslogan del sitio en su sitio.
Por supuesto, siempre puede anular estos estilos globales para cualquier bloque individual si es necesario.
Preguntas frecuentes sobre el bloqueo del eslogan del sitio
Aquí hay algunas preguntas frecuentes que pueden ayudarlo a comprender mejor el bloqueo del eslogan de su sitio.
¿Necesito una etiqueta de sitio para mi sitio?
¡Absolutamente! Al igual que el título del sitio, el eslogan del sitio ayuda a definir la identidad y el propósito del sitio. Lo más importante es que el eslogan ayuda al SEO. Los motores de búsqueda lo utilizan para clasificar su sitio web, especialmente si se muestra en SERP. Incluso si elige no mostrar su eslogan en el encabezado, crear uno en Ajustes > Generales, sigue siendo una buena práctica para SEO.
¿Dónde debo usar el bloque de eslogan del sitio?
En general, el eslogan del sitio se usa principalmente detrás de escena. Sin embargo, es una práctica común agregar al encabezado o pie de página. Puede colocarlo junto al bloque del logotipo del sitio o al bloque de mosaicos del sitio para ayudar a los visitantes a saber de qué se trata su sitio.
¿Puedo agregar CSS personalizado al bloque de lemas de mi sitio?
En la sección de dimensiones en la barra lateral, puede ver configuraciones adicionales sección avanzada. Aquí puede agregar clases CSS a su bloque para apuntar a un bloque en la hoja de estilo CSS o usar un área CSS de tema adicional si es necesario.
Para acceder al editor de CSS, vaya a Apariencia > CSS adicional:
Agregar un eslogan de sitio dinámico en Divi
Puede usar Divi Theme Builder para agregar el eslogan de su sitio a su encabezado global en solo unos pocos pasos simples. Puede comenzar haciendo clic en el botón editar al lado Encabezado mundial en tus Creador de temas Divi. Estamos utilizando una plantilla prefabricada para este tutorial, pero estos pasos funcionarán con cualquier tema.
Luego agrega uno nuevo Llamada a la acción módulo en su cabecera.
Luego pase el cursor sobre el área del cuerpo y seleccione «Usa contenido dinámico» Ícono. Luego seleccione «Lema del sitio web» de la lista.
Para obtener más información, consulte nuestro tutorial sobre cómo agregar un título dinámico y un eslogan en Divi.
Solicitud
El bloque de eslogan del sitio le brinda control total sobre dónde desea que aparezca en su sitio. Usando la configuración de bloque incorporada disponible en el editor de WordPress, puede agregar, editar o diseñar fácilmente un bloque para que se adapte a su diseño. Úselo para agregar un eslogan hermoso al encabezado, pie de página o en cualquier lugar de su sitio.
También te pueden interesar nuestros tutoriales sobre bloques y patrones de WooCommerce.
¡Háganos saber en los comentarios si tiene alguna pregunta sobre el bloque de eslogan de su sitio de WordPress!
