Advertisement
  1. Code
  2. Widgets

Integrando el menú Superfish en una plantilla

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Steven (you can also view the original English article)

Esta es una guía breve y fácil. Aprenderás paso a paso cómo usar el complemento de menú jQuery, Superfish, desarrollado por Joel Birch.


Paso 1 Descargando

Descarga el zip del paquete Superfish del sitio web oficial.


Paso 2 Estructura de archivos

Copia el CSS y JS a la carpeta del tema. Para nuestro tutorial, el objetivo es la carpeta twentyeleven. Los nombres de directorio son superfish-css y superfish-js.


Paso 3 Comandos de importación

Importa los archivos CSS y JS a header.php con las funciones de WordPress wp_enqueue_script y wp_enqueue_style.


Paso 4 Configuración de clase

Busca la línea que se muestra a continuación y cambia como se indica. De esta manera, hacemos que WordPress use la versión Superfish para el menú principal:


Paso 5 Crear un menú

Crea y guarda un sistema de menús en el administrador de WordPress, luego se mostrará en la parte correspondiente del sitio. La siguiente imagen muestra el sitio antes del menú agregado:


Paso 6 Menú agregado

Después de agregar el menú:


Paso 7 Estilo

Modifica los estilos de Superfish para que coincidan con el tema Twenty Eleven. El archivo se llama superfish.css. Debajo están los detalles:


Paso 8 Versión terminada

Así es como se verá cuando esté terminado:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.