El encabezado cl\u00e1sico de WordPress, como sabe, se usa en todas las p\u00e1ginas diferentes. Por lo general, es una caja rectangular ancha de lado a lado. En el interior hay un logotipo o nombre de sitio web, eslogan y elementos de men\u00fa. Tambi\u00e9n puede insertar all\u00ed una imagen de fondo que se llama imagen de encabezado. La imagen de encabezado es excelente para atraer la atenci\u00f3n de los visitantes y crear una apariencia general del sitio web. Depende de usted decidir si usa una imagen de encabezado discreta o una imagen dominante que enfocar\u00e1 la atenci\u00f3n de los visitantes en la navegaci\u00f3n del sitio web.<\/p>\n\n\n
![\"Imagen](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-simple.jpg\")
<\/a><\/span><\/a>C\u00f3mo editar el encabezado en el personalizador de WordPress<\/span><\/h3>\n\n\n\nDe forma predeterminada, la imagen del encabezado se puede cambiar a trav\u00e9s del Personalizador de WordPress. Puede acceder tanto desde el administrador de WordPress como desde su sitio web:<\/p>\n\n\n\n
- Directamente desde el administrador de WP, simplemente navegue hasta Apariencia <\/i>\u2013> Personalizar<\/li>
- En la interfaz, si ha iniciado sesi\u00f3n, haga clic en "Personalizar" en la barra superior<\/li><\/ul>\n\n\n\n
El personalizador incluye todas las configuraciones b\u00e1sicas de apariencia de su tema actualmente activo. Por lo tanto, d\u00f3nde encontrar la configuraci\u00f3n de la imagen del encabezado depende de su tema activo. En el tema Citadela puede agregar y editar la imagen del encabezado en personalizaci\u00f3n <\/i>\u2013> Apariencia <\/i>\u2013> Fondo del encabezado<\/i>.<\/p>\n\n\n\n![\"Agregar](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-customizer.gif\")
<\/a>Agregar encabezado a trav\u00e9s del Personalizador<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Configuraci\u00f3n de imagen de encabezado<\/span><\/h4>\n\n\n\nNo importa qu\u00e9 imagen de encabezado elija, puede configurarla seg\u00fan sus necesidades. Se puede lograr un efecto interesante utilizando "Repetir imagen de encabezado". Puede configurar las siguientes opciones:<\/p>\n\n\n\n
- Teja<\/li>
- Mosaico horizontal<\/li>
- mosaico verticalmente<\/li>
- No repetir (si no quieres repetir la imagen)<\/li><\/ul>\n\n\n\n
![\"Funci\u00f3n](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-repeat.jpg\")
<\/a>Efecto de mosaico de la imagen del encabezado<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Otras configuraciones en WordPress \u2013 Tama\u00f1o de la imagen del encabezado<\/span><\/h4>\n\n\n\nOtra opci\u00f3n para editar el encabezado y ajustar la imagen es establecer el tama\u00f1o adecuado. El tama\u00f1o de la imagen del encabezado tiene las siguientes tres opciones:<\/p>\n\n\n\n
- Original<\/b> \u2013 mantendr\u00e1 el tama\u00f1o de la imagen original<\/li>
- Cubrir<\/b> \u2013 la imagen cargada cambiar\u00e1 de tama\u00f1o para que quepa de lado a lado, la imagen tambi\u00e9n se puede cortar para que quepa<\/li>
- Contener<\/b> \u2013 el tama\u00f1o de la imagen del encabezado se ajustar\u00e1 de manera que toda la imagen sea visible<\/li><\/ul>\n\n\n\n
![\"3](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-sizes.jpg\")
<\/a>Vea c\u00f3mo se ver\u00eda el encabezado diferente seg\u00fan su tama\u00f1o: tama\u00f1o original, de portada y de contenido<\/figcaption><\/figure>\n<\/div>\n\n\nTambi\u00e9n puede establecer la posici\u00f3n de la imagen dentro del encabezado y establecer la fijaci\u00f3n del fondo.<\/p>\n\n\n\n
<\/span><\/a>Bloque de portada que funciona como cabecera<\/span><\/h3>\n\n\n\nComo ya mencionamos al comienzo de este art\u00edculo, hay varias formas de editar el encabezado en el editor de WordPress. Adem\u00e1s de usar el Personalizador, tambi\u00e9n puede usar uno de los bloques principales de WordPress llamado Bloque de portada. Entonces, \u00bfcu\u00e1l es la diferencia?<\/p>\n\n\n\n
El encabezado cl\u00e1sico creado con el personalizador se relaciona con todo el sitio web, mientras que el bloque de portada le permite agregar una imagen de portada que b\u00e1sicamente funciona como imagen de encabezado para cualquier p\u00e1gina o publicaci\u00f3n. Incluso puede usarlo varias veces en una p\u00e1gina o publicar con diferentes configuraciones.<\/p>\n\n\n\n
<\/span><\/a>D\u00f3nde usar el bloque de cobertura<\/span><\/h4>\n\n\n\nEl bloque de portada tiene una aplicaci\u00f3n m\u00e1s amplia en todo el sitio web en comparaci\u00f3n con el encabezado del sitio web cl\u00e1sico. El bloque de portada agrega una imagen de t\u00edtulo ancha y de ancho completo al contenido. Puede usarlo para separar visualmente el contenido en las publicaciones del blog. Cada secci\u00f3n de publicaci\u00f3n tendr\u00e1 su propia imagen de encabezado que se puede conectar al siguiente contenido. Una gran caracter\u00edstica es que puede escribir texto dentro del bloque de portada. Este texto se mostrar\u00e1 sobre la imagen.<\/p>\n\n\n
\n![\"Imagen](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/post-cover-blocks.jpg\")
<\/a>Publicaci\u00f3n de blog con imagen de encabezado agregada a trav\u00e9s del bloque de portada<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Encabezado de la p\u00e1gina de inicio<\/span><\/h4>\n\n\n\nEl bloque de portada tambi\u00e9n se puede usar en lugar del encabezado del sitio web si desea lograr un aspecto original. Debido a que el bloque de portada ofrece varias opciones de alineaci\u00f3n, puede establecerlo en el ancho del contenido o hacerlo ancho completo. El encabezado de ancho completo tambi\u00e9n se puede usar como imagen de fondo grande. Pero no se olvide de desactivar el t\u00edtulo de la p\u00e1gina en el tema Citadela. Este paso es necesario si desea utilizar el bloque Portada como encabezado del sitio web.<\/p>\n\n\n
\n![\"Encabezado](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-cover.jpg\")
<\/a>Encabezado de ancho completo en la p\u00e1gina de inicio<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>C\u00f3mo crear un encabezado usando el bloque de portada<\/span><\/h3>\n\n\n\nComo primera cosa, debe agregar el bloque Cover. Puede agregarlo a cualquier p\u00e1gina o publicaci\u00f3n de la siguiente manera:<\/p>\n\n\n\n
Haga clic en el signo "+" en la barra superior o en el signo "+" en cualquier parte del contenido. Despu\u00e9s de eso, simplemente busque el bloque Cover.<\/p>\n\n\n
\n![\"Agregue](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-button-add.png\")
<\/a>Agregar bloque de portada usando "+"<\/figcaption><\/figure>\n<\/div>\n\n\nOtra forma r\u00e1pida es agregar un bloque usando "\/" despu\u00e9s del nombre del bloque.<\/p>\n\n\n
\n![\"Usar](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-shortcut.gif\")
<\/a>Agregue una barra oblicua y escriba Bloque de portada para agregar este bloque en el \u00e1rea de contenido<\/figcaption><\/figure>\n<\/div>\n\n\nDespu\u00e9s de agregar el bloque de portada, obtendr\u00e1 un espacio para cargar una imagen o un video. Tambi\u00e9n puede seleccionar una imagen de la biblioteca multimedia. La imagen o el video seleccionado se usar\u00e1 como encabezado.<\/p>\n\n\n\n
<\/span>t\u00edtulo del encabezado<\/span><\/h4>\n\n\n\nLo interesante con el encabezado agregado usando el bloque de portada es que puede escribir un t\u00edtulo de texto sobre la imagen. Este t\u00edtulo tambi\u00e9n se puede usar como encabezado de secci\u00f3n, por ejemplo, en publicaciones de blog. Tambi\u00e9n es posible a\u00f1adir all\u00ed cualquier URL.<\/p>\n\n\n
\n![\"T\u00edtulo](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-text.png\")
<\/a>T\u00edtulo en la imagen de cabecera<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Bloque de cubierta de alineaci\u00f3n<\/span><\/h4>\n\n\n\nEl bloque de portada se puede alinear usando la barra de herramientas de bloque. Se puede alinear dentro del \u00e1rea de contenido a la izquierda, a la derecha o al centro. Tambi\u00e9n se puede configurar como ancho o ancho completo. Estas opciones deben ser compatibles con el tema activo que utiliza para crear su sitio web.<\/p>\n\n\n
\n![\"Alineaci\u00f3n](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-align.gif\")
<\/a>Puede alinear su bloque de portada de muchas maneras para lograr el aspecto perfecto de su encabezado<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Configuraci\u00f3n de imagen de portada<\/span><\/h4>\n\n\n\nLa apariencia de la imagen de portada se puede modificar en Inspector. Si lo establece como fondo fijo, la imagen no se desplazar\u00e1 con el resto del contenido de su p\u00e1gina, pero permanecer\u00e1 en su lugar todo el tiempo.<\/p>\n\n\n\n
Usando Focal Point Picker, puede elegir qu\u00e9 parte de la imagen se mostrar\u00e1 en el encabezado. Puedes trabajar con la imagen a\u00fan m\u00e1s. Por ejemplo, puede establecer el color de superposici\u00f3n y la opacidad del fondo. Ambas configuraciones lo ayudar\u00e1n a dar los toques finales a su encabezado. Si usa el bloque de portada dentro de la publicaci\u00f3n del blog, utilizando el esquema de color y la transparencia correctos, puede agregar la atm\u00f3sfera deseada a su publicaci\u00f3n. Tenga cuidado con esta configuraci\u00f3n, ya que el texto del t\u00edtulo debe ser claramente visible.<\/p>\n\n\n
\n![\"Establecer](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-colors.gif\")
<\/a>Al elegir la superposici\u00f3n de color adecuada, puede crear un encabezado llamativo<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>Hacer encabezado de video<\/span><\/h4>\n\n\n\nEl bloque de portada tambi\u00e9n se puede usar para reproducir videos dentro del encabezado de su sitio web. Puede captar la atenci\u00f3n de los visitantes o promocionar productos o servicios. Hay varios formatos de video compatibles<\/a>, el m\u00e1s com\u00fan que puede usar es .mp4.<\/p>\n\n\n\nLo mejor es que tambi\u00e9n puede escribir el t\u00edtulo sobre el video, alinearlo, hacerlo ancho completo o configurar la superposici\u00f3n de color. La configuraci\u00f3n del bloque de portada es la misma para todos los tipos de medios.<\/p>\n\n\n\n
El personalizador incluye todas las configuraciones b\u00e1sicas de apariencia de su tema actualmente activo. Por lo tanto, d\u00f3nde encontrar la configuraci\u00f3n de la imagen del encabezado depende de su tema activo. En el tema Citadela puede agregar y editar la imagen del encabezado en personalizaci\u00f3n <\/i>\u2013> Apariencia <\/i>\u2013> Fondo del encabezado<\/i>.<\/p>\n\n\n No importa qu\u00e9 imagen de encabezado elija, puede configurarla seg\u00fan sus necesidades. Se puede lograr un efecto interesante utilizando "Repetir imagen de encabezado". Puede configurar las siguientes opciones:<\/p>\n\n\n\n Otra opci\u00f3n para editar el encabezado y ajustar la imagen es establecer el tama\u00f1o adecuado. El tama\u00f1o de la imagen del encabezado tiene las siguientes tres opciones:<\/p>\n\n\n\n Tambi\u00e9n puede establecer la posici\u00f3n de la imagen dentro del encabezado y establecer la fijaci\u00f3n del fondo.<\/p>\n\n\n\n Como ya mencionamos al comienzo de este art\u00edculo, hay varias formas de editar el encabezado en el editor de WordPress. Adem\u00e1s de usar el Personalizador, tambi\u00e9n puede usar uno de los bloques principales de WordPress llamado Bloque de portada. Entonces, \u00bfcu\u00e1l es la diferencia?<\/p>\n\n\n\n El encabezado cl\u00e1sico creado con el personalizador se relaciona con todo el sitio web, mientras que el bloque de portada le permite agregar una imagen de portada que b\u00e1sicamente funciona como imagen de encabezado para cualquier p\u00e1gina o publicaci\u00f3n. Incluso puede usarlo varias veces en una p\u00e1gina o publicar con diferentes configuraciones.<\/p>\n\n\n\n El bloque de portada tiene una aplicaci\u00f3n m\u00e1s amplia en todo el sitio web en comparaci\u00f3n con el encabezado del sitio web cl\u00e1sico. El bloque de portada agrega una imagen de t\u00edtulo ancha y de ancho completo al contenido. Puede usarlo para separar visualmente el contenido en las publicaciones del blog. Cada secci\u00f3n de publicaci\u00f3n tendr\u00e1 su propia imagen de encabezado que se puede conectar al siguiente contenido. Una gran caracter\u00edstica es que puede escribir texto dentro del bloque de portada. Este texto se mostrar\u00e1 sobre la imagen.<\/p>\n\n\n El bloque de portada tambi\u00e9n se puede usar en lugar del encabezado del sitio web si desea lograr un aspecto original. Debido a que el bloque de portada ofrece varias opciones de alineaci\u00f3n, puede establecerlo en el ancho del contenido o hacerlo ancho completo. El encabezado de ancho completo tambi\u00e9n se puede usar como imagen de fondo grande. Pero no se olvide de desactivar el t\u00edtulo de la p\u00e1gina en el tema Citadela. Este paso es necesario si desea utilizar el bloque Portada como encabezado del sitio web.<\/p>\n\n\n Como primera cosa, debe agregar el bloque Cover. Puede agregarlo a cualquier p\u00e1gina o publicaci\u00f3n de la siguiente manera:<\/p>\n\n\n\n Haga clic en el signo "+" en la barra superior o en el signo "+" en cualquier parte del contenido. Despu\u00e9s de eso, simplemente busque el bloque Cover.<\/p>\n\n\n Otra forma r\u00e1pida es agregar un bloque usando "\/" despu\u00e9s del nombre del bloque.<\/p>\n\n\n Despu\u00e9s de agregar el bloque de portada, obtendr\u00e1 un espacio para cargar una imagen o un video. Tambi\u00e9n puede seleccionar una imagen de la biblioteca multimedia. La imagen o el video seleccionado se usar\u00e1 como encabezado.<\/p>\n\n\n\n Lo interesante con el encabezado agregado usando el bloque de portada es que puede escribir un t\u00edtulo de texto sobre la imagen. Este t\u00edtulo tambi\u00e9n se puede usar como encabezado de secci\u00f3n, por ejemplo, en publicaciones de blog. Tambi\u00e9n es posible a\u00f1adir all\u00ed cualquier URL.<\/p>\n\n\n El bloque de portada se puede alinear usando la barra de herramientas de bloque. Se puede alinear dentro del \u00e1rea de contenido a la izquierda, a la derecha o al centro. Tambi\u00e9n se puede configurar como ancho o ancho completo. Estas opciones deben ser compatibles con el tema activo que utiliza para crear su sitio web.<\/p>\n\n\n La apariencia de la imagen de portada se puede modificar en Inspector. Si lo establece como fondo fijo, la imagen no se desplazar\u00e1 con el resto del contenido de su p\u00e1gina, pero permanecer\u00e1 en su lugar todo el tiempo.<\/p>\n\n\n\n Usando Focal Point Picker, puede elegir qu\u00e9 parte de la imagen se mostrar\u00e1 en el encabezado. Puedes trabajar con la imagen a\u00fan m\u00e1s. Por ejemplo, puede establecer el color de superposici\u00f3n y la opacidad del fondo. Ambas configuraciones lo ayudar\u00e1n a dar los toques finales a su encabezado. Si usa el bloque de portada dentro de la publicaci\u00f3n del blog, utilizando el esquema de color y la transparencia correctos, puede agregar la atm\u00f3sfera deseada a su publicaci\u00f3n. Tenga cuidado con esta configuraci\u00f3n, ya que el texto del t\u00edtulo debe ser claramente visible.<\/p>\n\n\n El bloque de portada tambi\u00e9n se puede usar para reproducir videos dentro del encabezado de su sitio web. Puede captar la atenci\u00f3n de los visitantes o promocionar productos o servicios. Hay varios formatos de video compatibles<\/a>, el m\u00e1s com\u00fan que puede usar es .mp4.<\/p>\n\n\n\n Lo mejor es que tambi\u00e9n puede escribir el t\u00edtulo sobre el video, alinearlo, hacerlo ancho completo o configurar la superposici\u00f3n de color. La configuraci\u00f3n del bloque de portada es la misma para todos los tipos de medios.<\/p>\n\n\n\n<\/a><\/span>Configuraci\u00f3n de imagen de encabezado<\/span><\/h4>\n\n\n\n
<\/a><\/span>Otras configuraciones en WordPress \u2013 Tama\u00f1o de la imagen del encabezado<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>Bloque de portada que funciona como cabecera<\/span><\/h3>\n\n\n\n
<\/span><\/a>D\u00f3nde usar el bloque de cobertura<\/span><\/h4>\n\n\n\n
<\/a><\/span>Encabezado de la p\u00e1gina de inicio<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>C\u00f3mo crear un encabezado usando el bloque de portada<\/span><\/h3>\n\n\n\n
<\/a><\/a><\/span>t\u00edtulo del encabezado<\/span><\/h4>\n\n\n\n
<\/a><\/span>Bloque de cubierta de alineaci\u00f3n<\/span><\/h4>\n\n\n\n
<\/a><\/span>Configuraci\u00f3n de imagen de portada<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>Hacer encabezado de video<\/span><\/h4>\n\n\n\n