05. Crear una Plantilla en Wordpress

05.- Crear una Plantilla en WordPress [wp_nav_menu]

INTRODUCCIÓN

En este tutorial vamos a sustituir el menú que desarrollamos en el tutorial anterior por un menú dinámico gestionado desde el administrador de wordpress y ademas vamos a sustituir el logo que tenemos en nuestro blog por un logo dinámico.

PROCEDIMIENTOS

1.- Para hacer nuestro menú dinámico en header.php sustituimos

<nav id="nav">
    <ul>
        <li class="current"><a href="index.html">Home</a></li>
        <li>
            <a href="#">Dropdown</a>
            <ul>
                <li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Magna phasellus</a></li>
                <li><a href="#">Etiam dolore nisl</a></li>
                <li>
                    <a href="#">Phasellus consequat</a>
                    <ul>
                        <li><a href="#">Magna phasellus</a></li>
                        <li><a href="#">Etiam dolore nisl</a></li>
                        <li><a href="#">Veroeros feugiat</a></li>
                        <li><a href="#">Nisl sed aliquam</a></li>
                        <li><a href="#">Dolore adipiscing</a></li>
                    </ul>
                </li>
                <li><a href="#">Veroeros feugiat</a></li>
            </ul>
        </li>
        <li><a href="left-sidebar.html">Left Sidebar</a></li>
        <li><a href="right-sidebar.html">Right Sidebar</a></li>
        <li><a href="no-sidebar.html">No Sidebar</a></li>
    </ul>
</nav>

por esto

<?php
$arg = array(
    'theme_location' => 'principal',
    'container' => 'nav',
    'container_id' => 'nav'
);
wp_nav_menu($arg);
?>

2 .- En functions.php agregamos

<?php
register_nav_menus(array(
    'principal' => 'Menu principal'
));

3.- Para hacer nuestro logo dinamico en header.php sustituimos

<h1><a href="index.html">Dopetrope</a></h1>

por esto

<h1><a href="<?php home_url(); ?>"><?php bloginfo("name"); ?></a></h1>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Salir de la versión móvil