La guía completa para crear y editar títulos en WordPress con Elementor

La cabecera es una parte integral del diseño de todo sitio web. Suele aparecer en la parte superior de una página web y contiene el logotipo del sitio, el menú de navegación, la barra de búsqueda, los enlaces a las redes sociales y otros elementos importantes. Ya se trate de una web corporativa, un blog o una plataforma de comercio electrónico, el titular ofrece la primera impresión al usuario.

En esta entrada, vamos a detallar cómo crear, editar y gestionar las cabeceras de tu sitio web en WordPress utilizando Elementor. Tanto si eres nuevo en el diseño de sitios web como si eres un desarrollador experimentado, esta guía te proporcionará consejos prácticos y pasos exhaustivos que te ayudarán a optimizar el diseño de la cabecera de tu sitio web.

¿Cuál es el título?

La cabecera es la parte importante de la parte superior de una página web que suele contener el logotipo del sitio, el menú de navegación y otros elementos clave. La mayoría de los sitios web utilizan un encabezado consistente para cada página para asegurar una experiencia de usuario consistente al navegar por el sitio. Sin embargo, dependiendo de las necesidades de la página, puede haber ocasiones en las que necesite crear cabeceras personalizadas para ciertas páginas.

En Elementor, los encabezados se utilizan como "Parte del sitio" existe, lo que significa que es una parte reutilizable de todo el sitio. Con el Theme Builder de Elementor, es fácil crear, editar y gestionar estos encabezados para asegurarse de que encajan en el estilo de diseño general del sitio.

I. Crear un nuevo título

Si aún no ha creado un título para su sitio, puede crear uno nuevo fácilmente siguiendo estos pasos:

1. Vaya al constructor de temas: En el menú Plantillas de Elementor del backend de WordPress, seleccione "Creador de temas".

2. Seleccione la sección del título: En la interfaz del creador de temas, busque la sección "Cabecera". Se te pedirá que crees un nuevo encabezado si aún no lo has hecho.
3. Añadir nuevo título: Haga clic en "Añadir nuevo" para empezar a crear un nuevo título.

4. Elija una plantilla o empiece desde cero: Opcionalmente, puedes utilizar las plantillas predefinidas que proporciona Elementor, o puedes diseñar un título totalmente personalizado desde cero.

Tras crear un nuevo título, accederás a la pantalla del editor de Elementor, donde podrás añadir y personalizar varios elementos del título, como logotipos, menús de navegación, botones, etc.

II. Edición de títulos existentes

Si has creado un título y deseas modificarlo, Elementor te ofrece una cómoda función de edición. A continuación se indican los pasos para editar un título existente:

1. Selecciona el título: En la sección Encabezado del constructor de temas, verás una lista de todos los encabezados que se han creado. Haz clic en la etiqueta de encabezado que quieras editar para abrir el panel de detalles.
2. Accede al modo de edición: En el panel de detalles del título, haz clic en el enlace Editar situado en la esquina superior derecha del título, que abrirá el editor de Elementor para ese título.

3. Diseño personalizado: En el editor, puede añadir o eliminar elementos, ajustar el diseño, cambiar el esquema de colores y asegurarse de que los encabezados coinciden con el estilo general del sitio.

4. Guarde los cambios: Cuando haya terminado, guarde los cambios para que surtan efecto en el sitio.

III. Gestión de las condiciones de visualización del título

Puede que necesites mostrar diferentes cabeceras en diferentes páginas. Por ejemplo, desea utilizar un diseño de cabecera más complejo en la página de inicio y una versión más limpia en la página del blog.Elementor le permite establecer las condiciones de visualización para cada encabezado para asegurarse de que se muestran en la página correcta.

1. Editar las condiciones de visualización: En el constructor de temas, busque el título que desea editar y haga clic en el enlace "Editar condición" en la esquina inferior izquierda del título, que abrirá el editor de condiciones de visualización.

2. Establece las reglas de visualización: En el Editor de condiciones de visualización, puede elegir si el título se mostrará en todo el sitio, en una página específica, en una página de categoría o en otras condiciones.

3. Gestionar borradores y títulos de eventos: El estado de configuración de la condición de visualización se identifica mediante un punto de color en la esquina superior izquierda de la rúbrica. Un punto verde indica que la rúbrica ha sido activada y aplicada a determinadas páginas, mientras que un punto gris indica que la rúbrica se encuentra en estado de borrador y aún no se le ha asignado una condición de visualización.

Añadir etiquetas HTML de título

Para mejorar la accesibilidad de su sitio web y garantizar que los lectores de pantalla reconozcan correctamente el contenido de sus títulos, puede añadir etiquetas HTML a sus títulos.

1. Vaya a Configuración del título: En el editor de Elementor, haz clic en el icono Configuración de título de la barra de herramientas superior.

2. Seleccione la etiqueta HTML: En el panel Configuración de cabecera, utilice el menú desplegable para seleccionar la etiqueta HTML adecuada (por ejemplo <header>y
   (etc.).

3. Guarda la configuración: Cuando haya terminado, guarde los cambios para asegurarse de que las etiquetas HTML se aplican correctamente.

V. Exportación de rúbricas

En algunos casos, es conveniente exportar el diseño del título como un .json para reutilizarlo en otros sitios web o proyectos. A continuación se indican los pasos para exportar cabeceras:

1. Selecciona el título: En la sección Título del constructor de temas, busque el título que desea exportar.

2. Título de exportación: Haga clic en los tres puntos horizontales de la esquina superior derecha de la cabecera y seleccione la opción "Exportar". Se abrirá el cuadro de diálogo Guardar, donde podrás guardar el archivo .json en tu ordenador.

VI. Supresión de títulos

Si un título ya no es necesario, puede eliminarse del sitio:

1. Selecciona el título: En la sección Título del constructor de temas, busque el título que desea eliminar.
2. Borra el título: Haga clic en los tres puntos horizontales de la esquina superior derecha del título y seleccione la opción "Eliminar". Se abrirá el cuadro de diálogo de confirmación de eliminación, que confirmará que el título se eliminará definitivamente.

3. Deshacer el borrado: Si cambia de opinión y no desea eliminar el título, puede hacer clic en "Cancelar" en el cuadro de diálogo de confirmación.

VII. Renombramiento de títulos

Cambiar el nombre de los encabezados ayuda a organizar y gestionar mejor las distintas secciones de su sitio web, especialmente cuando se trata de varias plantillas de encabezados. Estos son los pasos para cambiar el nombre de los encabezados:

1. Selecciona el título: En la sección Título del Creador de temas, busque el título que desea renombrar.
2. Cambia el nombre del título: Haga clic en los tres puntos horizontales de la esquina superior derecha del título y seleccione la opción "Cambiar nombre". Introduzca un nuevo nombre y haga clic en "Cambiar" para completar el proceso de cambio de nombre. Si cambia de opinión, puede deshacer la operación haciendo clic en "Cancelar".

resúmenes

Elementor, un potente plugin de creación de páginas para WordPress, permite diseñar y gestionar los encabezados de tu sitio web de forma sencilla e intuitiva. Con Elementor, es fácil crear, editar, exportar, eliminar y renombrar encabezados para garantizar que cada página de tu sitio web tenga el mejor aspecto para tus usuarios. Para ir más allá y desbloquear funciones más avanzadas, como la gestión global de estilos, CSS personalizado y efectos de animación avanzados, la aplicaciónElementor Pro es una buena elección. No sólo ofrece más libertad de diseño, sino que también puede ayudarle a conseguir una presentación más profesional y única en todos los aspectos de su sitio web.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres