Tecnología

Inicio

Cómo personalizar la cabecera de página de navegación temática

Temática es un diseño simple con un fondo blanco, disponible gratuitamente en los blogs de WordPress. El encabezado predeterminado muestra el título de su sitio en grandes letras negras y su lema abajo en letras más pequeñas. Los contenidos de la cabecera temática están en un archivo fuente de PHP, la cual se puede modificar con el código HTML. Puede personalizar la cabecera para hacerlo más atractivo, reemplazándola con una pancarta de imagen y añadiendo enlaces de navegación a otras páginas en su sitio.

Instrucciones

1 Entre para WordPress. Que se dirigen al tablero de instrumentos.

2 Seleccione "Apariencia" y "Editor" en el panel izquierdo. Vaya a la sección "Plantillas" en el panel derecho y haga clic en "header.php" para modificar su código. El código se abre en el panel central.

3 Desplazarse hasta el siguiente código, que contiene la información del encabezado del tema:

<Div id = "header">

<? Php

// Gancho de acción de la creación de la cabecera tema

echo 'hola';

thematic_header ();

?>

4 Introduzca los cambios que desee aplicar a la cabecera dentro del código. El 'thematic_header (); "línea Se visualiza el título y el lema de su blog en la parte superior de cada página. Para insertar una imagen encima del título, añadir "echo '<img entre" <? Php' y '>' de la siguiente manera??:

<Div id = "header">

<? Php

// Gancho de acción de la creación de la cabecera tema

echo '<img con la dirección del sitio web completo para el enlace, tales como "http://yourwebsite.com/imagename.gif."

6 Eliminar "thematic_header ();" desde el código para borrar el título y el lema de la cabecera, tales como:

<Div id = "header">

<? Php

// Gancho de acción de la creación de la cabecera tema

?>

7 Inserte el siguiente código para mostrar enlaces de arriba del título existente y el lema en la cabecera:

<Div id = "header">

<? Php

// Gancho de acción de la creación de la cabecera tema

echo '<a href="link1.html"> texto </a> ";

thematic_header ();

?>

8 Reemplazar "link1.html" con el enlace al sitio web correcto y "Texto" con el texto real que desea mostrar.

9 Haga clic en el botón "Actualizar archivo" para guardar los cambios.