La búsqueda del menú perfecto ...
Esta es la parte 1 de la Guía de Aprendizaje
Parte 2 de este esercitazione enseña cómo construir menu verticale di + paleta de color oscuro para el orizzontale
Decidí tema de tesis , porque uno de mis clientes mi INFORMO Acerca de los problemas de compatibilidad entre la tesis y mi pertenencia plugin di wordpress de sitio MemberWing. Me fijo y luego decidió echar ONU vistazo más de cerca a la tesis y se la molestia de Tomo ver video en la primera página del Sitio principale tesis - Diythemes.com .
Lo que más me impresionó es la atención a la facilidad de uso detalle, y sobre todo -. Características de SEO que son tan bien pensado
Plugin de MemberWing membresía fue Diseñado desde el Principio para los sitios de adesione que habría que sacar jugo de SEO Tanto como mare posible. Por lo que pagamos ONU montón de atención un multitud de mejoras SEO y en perfecciones MemberWing. Muchos de mis clientes se preguntan Acerca de temas diferentes de usar y Tener tema que fue tan bien optimizado SEO desde lo más profundo Seria Un excelente portale comma Emprendedores miembros.
Combinando los poderes de SEO SEO MemberWing con poderes de tema de tesis que dar lo mejor de las de Oportunidades clasificación para mis clientes. Así que tengo Tesis y jugar con el por un día.
Es un tema excelente en todos los Sentidos. La parte de navegación de la misma, aunque es un poco limitado en su Función. A partir de 1,5 + Tesis es un menú único nivel. Mi deseo solito es ser capaz de personalizar la navegación Tanto como mare necesario. Algunos sitios tienen sólo unas pocas páginas, muchos otros Tienen ONU monton de Páginas estáticas + tropecientos Articulos / messaggi + ONU montón de Categorias.
Así que en el mundo que ideale Tiene la oportunidad de crear bonita menú jerárquicamente organizado de fácil navegación es una necesidad. Tesis derecha del palo Tiene de navegación parecido bien, pero me di cuenta de que todos los sitios web basados en la Tesis, están buscando como Gemelos. personalizzazione del menú de navegación de la tesis no es tan fácil Realmente la mayoría de la gente simplemente dejarlo como está. No hay manera de cambiar el orden de las Categorias en el menú o la posición de ellos en las páginas. Y de nuevo, la capacidad de crear estructuras de menú anidadas falta. Así que me decidí una ver qué hacer se podi al respecto.
Despues de tratar sobre multimediale Docena de menú de navegación / plugins Relacionados puse mi elección en WordPress Plugin NAVT Navegación .
Plugin de NAVT esencialmente desordenada generador Lista con super-lujoso y un poco de dificil entendre non interfaz tradicional de administración. Lo engañoso de todo es que en realidad no crear elegantes menu que por sí mismo buscan. Lo hace la altera parte más dificil del trabajo, aunque - Te Da Una capacidad de tirar juntos visualmente y generar Una Lista desordenada - esqueleto de su menú-a-ser Y usted puede crear Tantos menu también puede usted tirar todo tipo de cosas WordPress en el menu de Navegación de páginas, pali,.. artículos, Categorias, los usuarios, los Bloques de código, enlaces externos, divisores, separadores mezclar y y y combinar anidar y organizar y en cualquier personalizar Estructura de árbol que desee.
NAVT generi para usted como resultado HTML Lista desordenada Belleza Segunda NAVT es que ayuda a que usted inserte do nuevo en el menú tema un Traves de la lógica basada en JQuery Famoso, pero peccato necesidad de cambiar ningún código NAVT le Permite especificar:.! " reemplazar este element # con mi menú NAVT nuevo ". # Elemento Podria ser ONU id o clase de ruta de menú nell'esistenza o Una etiqueta de div element que está siendo generado por el tema attuale. Así lo hace NAVT reemplazo para usted obligarlos un peccato entrar . en tema Codigo y más hacerlo complicado de lo que ya es todo esto silicio Suena como galimatias ONU - non preocupes te -. guiará me paso un paso en breve La Parte dificil de NAVT para todos que usted es va a que Tener venir para arriba con reale CSS + + imágenes código javascript para el mismo menú. Y le toca un para usted averiguar Dónde y cómo INTEGRAR ESTOS Archivos y hacer esto correctamente sé conectan entre sí.
Sinceramente sin saber algo de jQuery + PHP + CSS + con experiencia decente con WordPress - Esto es dificil de lograr.
Con mucho gusto yo Sé esto un poco, así que hacer decidí Tripas de corazón y la humanidad guía a la libertad en la construcción de lo mejor de los mejores menu de navegación para WordPress. Sólo tenia que encontrar fuentes para algunos buen aspecto orizzontale menu CSS . COGI sitio web Dinámico unità para sus mejores Selecciones, demo fuentes y.
Dediqué un día para estudiar Tesis y jugar con el plug NAVT. Al finale mi enorgullece Creado personalizada, flessibile, SEO optimizado, la estructura multinivel, nagivation anidada para mi sitio + Tesis WordPress basado.
Lista de funciones de menú de varios niveles, anidados navegación para WordPress tema de Tesis
(Tienes que estas cosas amar):
- Aspecto profesional, limpio y se Siente.
- Compatibilidad con todos los Navegadores Modernos, incluyendo 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome en JavaScript y los modos senza javascript.
- Gracia downgradable por falta de javascript Navegadores. Usted menú se podra utilizar, visualmente simile y trabajando Incluso para los Navegadores con javascript Desactivado (aunque navegación único nivel superior será visibile menu laterales y no va a suceder, por supuesto, ya que están hechos de javascript ).
- Características SEO friendly -. Peccato ordenar la lista de Códigos menú es generado Dentro de HTML Google y otros motores de búsqueda será capaz de indexar do Estructura de navegación y Enlaces una interiores Páginas.
- Soporte para número ilimitado de niveles de anidamiento y subniveles.
- Soporte para cualquier pinna o páginas, messaggi (definido por el usuario de Traves un URI), las Categorias, los usuarios, los Bloques de código personalizado y enlaces externos en el menú.
- Soporte texto de, así como la imagen basada en los elementos del menú. (Todavia tengo que probar embargo peccato ESTOS).
- Estructura de los menu y el contenido es visualmente regolabile a Traves de área de administración NAVT.
- Compacto: JQuery Iconos desplegables basados en los anidados niveles.
- Rápido:. JQuery para el menú se carga desde los servidores di Google (mi encantaría Tesis sí mismo un hacer lo mismo en vez de tirar de forma locale) Esto Podria acelerar un poco las cosas.
- Escalabilidad - Este tipo de menú es modificabile y en cualquier Momento configurabile un Traves de la configuración del plug NAVT peccato necesidad de cualquier lugar en codificar.
Egli utilizado este excelente menú del disco Dinámico portale como base. Tuve Modificar que el código javascript algo así como INCLUIR trozo de PHP en custom_functions.php para que funcione Con La tesis. tambien el número de las Paginas preexistentes, Categorias puestos y de mi sitio web se utilizaron para armar la Estructura del menú Sus características específicas del Sitio será diferente -. pero los Conceptos será el mismo.
Así que vamos a seguir adelante, ¿de acuerdo?
Instrucciones Paso a Paso para configurar NAVT basado anidado, personalizzabile, multinivel, SEO Amistoso
y Simplemente genial navegación buscando menu PARA WordPress y Tesis Tema
- Ir al pannello de Administración de WordPress. Plugins-> Agregar nuevo, Busque "navt". El plug se mostrará. Haga clic en [Instalar], [Instalar Ahora], "Attiva Plugin".
- Herramientas-> Listas NAVT, Inside "Navigation Group" zona encontrar "nombre de grupo" y escriba: "menu1" en el campo, Botón impulso [Crear] "Menu1" area rettangolare che Creado..
Este "menu1" zona será el patio principale para la construcción de menu. Se le arrastrando y aquí soltando sus elementos de menú. - En "Activos" zona encontrar "otro" cuadro de Lista y haga clic en "Inicio" opción "Home" thingie aparecerá Dentro de "peccato asignar" zona Extraño, ¿verdad No preocupe se, Siempre funciona -..? Y será para nosotros .
- Arrastre este "Home" thingie de "Activos" en área área rettangolare "menu1". Se convertirá en "Inicio" en el menú.
- Repita los pasos para 3-4 algunas páginas de "Páginas" la zona, así como para las Categorias de "Categorias" zona. Cualquier otro Arrastre artículo que desea estar en el menú de su interni "menu1" rectángulo. Puede hacer clic en las páginas, Categorias, Usuarios y Elementos algunos personalizados, como "divisore Lista de" y "bloque de código". Bloque de código es manera fresca de añadir Fragmentos personalizados Dentro del menú.
- Elementos puede arrastrar de menú Dentro de "menu1" área para cambiar Su orden.
- Usted puede ajustar a la posición jerárquica de Cada Elemento del menu di truffa "<" y ">" flechas.
- Al hacer clic en el nombre de texto de cada element de menú -. Se abre alucinante diálogo de personalizzazione adicional por este concepto Yo sobre todo por utilizado defecto pero que puede Tecnicamente volverse loco y empezar a hacer la imagen en las basada Opciones de menú y añadir trozos de código HTML en él. Proceda con embargo peccato precaución.
- Para linkless sottomenu unclikable servirán que como "Padres" para otras "sub-niños" Antes "bloque" Código Tipo. Por ejemplo, cuando la personalizzazione de dicho element bloque de código que definido ha la "Opción de menú alias" "MemberWing" = y "Enter bloque de código:". = "MemberWing href = '#'> <a </ a>" Tener href = "#" hara que no se puede hacer clic, sino que como Actua Una opción válida "padre" del menú.
- Así es como mi NAVT 'menu1 "Estructura de construcción que parecía CASI terminado:
- Finalizar la construcción inicial y luego haga clic en "marcha" icono para personalizar do Estructura de menú:
- Se abrirá el diálogo con pestañas cuatro: Opciones de visualización, CSS, Tema.
- Ir a la pestaña "Opciones" y que todo de asegurarse Esté Marcada y "nombre de Grupo", dadi: "menu1"
- Ir a la pestaña "Ver" y asegurarse de que todo el "Mostra de navegación en grupo ..." área está Marcada [x]. Deje el resto en valores predeterminados.
- Vaya un "CSS" y Seleccione el Botón de radio (x) "No aplicar clases CSS".
- Ir un "Tema" ficha llenarla y de la misma que:
Introduzca en "Agregar antes Etiquetas ..." zona este código:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Inserte en "Añadir etiquetas después de ..." zona este código:
<br style='clear: left' /></div> - Impulsi [Guardar / Cerrar]
- En este edificio desde el punto de menú Opciones del plug NAVT se ha completado.
Ahora es el Momento de hacer Una Melodía para tema de tesis listo para que Esté Por eso tenemos que añadir unas pocas archivos personalizados -. CSS JavaScript y que pertenece al menu y custom_functions.php Tesis update ' - Descargar el juego de completo archivos aqui .
- . Descomprimir Archivo Si ha actualizado do custom_functions.php con personalizaciones sus -. Es necesario combinarlos con mis cosas Te lo dejo un ti.
Si usted no lo ha tocado - siéntase libre para sobrescribir con la mía por favor, Tenga en cuenta:. Yo prefería colocar menú bajo el sitio web encabezado (es por defecto anteriore) - por lo que mi corrección incluida esta Preferencia también. - Subir Archivo incluyendo todos los Archivos y subdirectorios del directorio 'personalizzata' su tema de tesis, así:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
No ha tocado custom.css - Prefiero mantener ONU menú específico CSS bajo sus propias ubicaciones para no crear confusión Dentro custom.css - En este punto usted puede Recargar do sitio web y ver hermoso nuevo nuevo multinivel, anidado, SEO menú optimizado.
- Siempre volver puede un NAVT configuración y personalizar do menú más truffa Opciones o cambiar la posición de cualquier Cosa. Esto se reflejará en el sitio en vivo de forma AUTOMATICA.
El camino por recorrer ...
Este esercitazione incluye creativo ejemplo de un tipo de menú Egli jugado con otro - sólo para ver cómo menú de color oscuro se Veria así.:
Tema de Tesis - menú de varios niveles anidados CSS - paleta Oscura
. Creo que es bastante agradable Hay muchos más ejemplos de navegación disponibles en Dynamic Drive - todos ellos son posibles de personalizar para tesis y otros temas de WordPress con un poco de esfuerzo:
Menu dinámicos de accionamiento orizzontale
Espero que usted encontrará esercitazione este beneficioso y útil Como ha dicho, es posible personalizar cualquiera de ESTOS menu Tesis para -. Que se le da tiempo y ganas de hacerlo Realidad.
Que hacer podi este trabajo para usted sobre Una base contrattuale. Sólo Tiene que elegir el menú que desea, póngase en contacto conmigo y voy a trabajar en el código y las instrucciones para do sitio web.
$ 20
Y por supuesto, SI usted está hasta la construcción de Super Premium Wordpress SEO optimizado afiliación portale - la mejor para solución esto:
Tema de Tesis + plug de afiliación MemberWing + libre WordPress alojada por supuesto.
Los comentarios sobre esta entrada están cerrados.