Como centro de encabezados en el CSS en WordPress

El archivo header.php de un tema de WordPress contiene código de ese tema. Como mínimo, este código incluye HTML y programación PHP. Hoja de estilo en cascada (CSS) --- código que normalmente se encuentran en el archivo style.css --- controla el aspecto y la colocación del contenido de la cabecera. Debe editar el código de hojas de estilo para centrar un encabezado en WordPress. Establecer márgenes automáticos a su cabecera en CSS para hacer que el navegador calcular una posición centrada.

Instrucciones

1 Abra su navegador y cargar el directorio wp-admin de su sitio web WordPress. Introduzca su nombre de usuario y contraseña para iniciar sesión en el tablero de instrumentos.

2 Vaya a "Editor" en "Apariencia" para cargar el "edición de temas" pantalla. Cargar el archivo de plantilla header.php en el cuadro del editor haciendo clic en el enlace bajo el título "plantillas".

3 Busque el conjunto de etiquetas de envolver alrededor de su cabecera. Dependiendo del tema y el estándar de HTML que se utiliza, es posible encontrar "<div>", "<header>" o "<sección>" etiquetas. Encontrar el ID asignado a la etiqueta de embalaje:

<Div id = "myHeader">

Cabecera Content aquí ...

</ Div>

En el ejemplo anterior, "myHeader" es el ID que necesita.

4 Style.css carga en el editor haciendo clic en el enlace situado en la parte inferior de la lista de archivos de plantilla. Encuentra el selector que se dirige a su cabecera. Aquí hay un ejemplo usando el "myHeader" ID:

myHeader {

background: url (ruta / a / image.png) Centro no-repeat;

Ancho: 960;

altura: 200px;

}

5 Agregue el siguiente código CSS entre las llaves para el selector "#myheader":

margin-left: auto;

margin-right: auto;

Haga clic en el botón azul "Actualizar archivo" para guardar su trabajo.

Consejos y advertencias

• Debe establecer una anchura de su cabecera para centrar correctamente. Establecer el ancho a un valor porcentual si no desea utilizar un ancho estática para su cabecera.
• El método anterior de centrado no funciona en Internet Explorer 6. Coloque el encabezado en un nuevo conjunto de "<div>" etiquetas con una identificación y establezca su propiedad "text-align" en CSS para "centro" para apoyar ese navegador.