Cómo centrar encabezados en WordPress

Usa márgenes automáticos para centrar un encabezado de WordPress en CSS.
Por sara williams

Paso 1

Abre tu navegador y carga el directorio wp-admin de tu sitio web WordPress. Ingresa tu nombre de usuario y contraseña para iniciar sesión en el panel de control.


Paso 2

Navega hasta "Editor" en la sección "Apariencia" para cargar la pantalla "Editar temas". Carga el archivo de plantilla header.php en el cuadro editor haciendo clic sobre su enlace bajo el encabezado "Plantillas".


Paso 3

Localiza el conjunto de etiquetas que envuelven tu encabezado. Dependiendo del tema y del estándar del HTML usado, podrías encontrar etiquetas "<div>", "<header>" o "<section>". Encuentra el ID asignado a la etiqueta de envoltura:

<div id="miencabezado"> Contenido del encabezado aquí… </div>

En el ejemplo anterior, "miencabezado" es el ID que necesitas.


Paso 4

Carga style.css en el editor haciendo clic sobre su enlace en la parte inferior de la lista de archivos de plantilla. Encuentra el selector que se dirige a tu encabezado. Este es un ejemplo usando el ID "miencabezado":

miencabezado {

background: url(path/to/image.png) center no-repeat; width: 960px; height: 200px; }


Paso 5

Agrega el siguiente código CSS entre las llaves para el selector "#miencabezado":

margin-left: auto; margin-right: auto;

Haz clic en el botón azul "Actualizar archivo" para guardar tu trabajo.