¿Quieres saber cómo agregar un menú de navegación personalizado en WordPress? Por defecto, muchos Temas de WordPress ofrecer ubicaciones y diseños de menú predefinidos.
En este tutorial, le mostraremos cómo agregar otros menús de navegación en su tema de WordPress.
Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
¿Cuándo necesitará agregar un menú personalizado en su tema de WordPress?
La mayoría de las Temas de WordPress proporciona al menos una ubicación donde puede mostrar los enlaces de navegación de su sitio web en un menú.
Puede administrar los elementos del menú desde una interfaz fácil de usar en su panel de WordPress.
Descubre también nuestro Complementos de WordPress premium 10 diseñados para crear menús
Este tutorial está dirigido a usuarios a quienes les gusta hacer bricolaje o para aquellos que necesitan agregar una ranura adicional en su Temas de WordPress.
Dicho esto, echemos un vistazo a cómo agregar menús de navegación personalizados en un tema de WordPress.
Crear un menú personalizado en WordPress
Los menús de navegación son una característica de los temas de WordPress. Cada tema de WordPress puede definir sus propias ubicaciones de menú.
Para agregar un menú de navegación personalizado, lo primero que debe hacer es registrar su nuevo menú de navegación agregando este código al archivo functions.php de tu tema de WordPress.
función bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'bpc_custom_new_menu');
Puedes ir a " Apariencia> Menús "En panel de WordPress e intente crear o editar un nuevo menú. Usted verá "Mi menú personalizadoComo una opción en la ubicación del menú.
Si desea agregar más de una nueva ubicación del menú de navegación, debe usar un código como este:
function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('Mi menú personalizado'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');
Una vez que haya agregado la ubicación del menú, pruebe su menú y agregue algunos elementos en el tablero de WordPress.
Esto nos permitirá ir al siguiente paso que es mostrar el menú en nuestro sitio web de WordPress.
Ver un menú personalizado en WordPress
Ahora necesitamos mostrar el nuevo menú de navegación en su tema de WordPress. El lugar más común donde normalmente se colocan los menús de navegación es en la sección de encabezado de un sitio web justo después del título o logotipo del sitio web.
Sin embargo, puede agregar su menú de navegación donde lo desee.
Debe agregar este código en el archivo de plantilla de su tema de WordPress donde desea mostrar su menú.
'mi-menú-personalizado', 'container_class' => 'clase-menú-personalizado')); ?>
La ubicación del tema de WordPress es el nombre que elegimos en el paso anterior.
La clase contenedor es la clase CSS que se agregará a su menú de navegación. Su menú aparecerá como una simple lista con viñetas en su sitio web.
Puedes usar la clase CSS " custom_menu_class Por el estilo de tus menús. Aquí hay un ejemplo de un código CSS para comenzar:
Clase div.custom menú-ul {list-style-type: none; list-style: none; list-style-image: none; } Menú-li-clase Div.custom {padding: 20px; display: inline; }
Si necesita ayuda con CSS y el diseño del menú, le recomendamos que utilice uno de estos temas de inicio de WordPress para crear sus temas personalizados.
Crea menús móviles
Hemos detallado esto en un tutorial anterior, cómo hacer menús para móviles.
Hemos visto cuán convenientes pueden ser estos menús para su tráfico móvil.
Descubra también algunos temas y complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. Donación de Woocommerce
Acepte a través de esta extensión donaciones en su sitio web WooCommerce con cantidades especificadas por los clientes. Esto les permitirá dar tanto como quieran. Cada donación se puede presentar como cualquier producto WooCommerce normal.
Si el cliente omite la página del carrito o va directamente a la caja sin hacer una donación, aparecerá un enlace encima de la página para que pueda donar.
Cada paso del uso de WooCommerce Donation se explica en una documentación con capturas de pantalla. Simplemente active el complemento y encontrará el campo "Agregar donación" en el carrito.
Descargar | Demo | alojamiento web
2. ¡Calendarícelo!
Con el Plugin de WordPress Se Calendarize! personalizar el diseño del calendario es particularmente fácil con el editor visual gratuito. El complemento incluye filtrado avanzado, basado en muchas taxonomías como el tiempo, el organizador y la ubicación. Puede enumerar eventos basados en días, meses o años y ver los próximos eventos a través de widgets.
El complemento también admite la gestión de roles de usuario, tipos de publicaciones personalizadas, códigos cortos múltiples y campos personalizados para eventos. También tiene una serie de módulos pagos a $ 15 cada uno, que incluye opciones de pago, opciones de publicidad, puntuación de eventos y reservas, reseñas y mucho más.
Sus características incluyen: Importación de eventos en formato CSV, visualización de eventos por año, cuenta regresiva de eventos, soporte para varias opciones de pago, soporte para opciones de publicidad, compartir en redes sociales, el formulario de reserva intuitivo, etc….
Descargar | Demo | alojamiento web
3. Directorio último PRO
Directory ultimate PRO es un Plugin de WordPress premium que te permite crear cualquier tipo de directorio en internet. Se puede integrar en cualquier tema de WordPress y se puede personalizar según sus necesidades. Muestra su función de búsqueda personalizada, que es una de las principales características de los sitios web en este nicho.
Su barra de búsqueda te permite añadir filtros personalizados y elegir el estilo de búsqueda, para que finalmente se adapte perfectamente a tu sitio web.
Como características, ofrece entre otras: un diseño 100% receptivo, una búsqueda personalizable, 3 formas de mostrar su directorio, optimización para la navegación móvil, excelente SEO, compatibilidad con la mayoría de los navegadores modernos, y más
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- ¿Cómo integrar Google Formas de WordPress
- Cómo eliminar correctamente una página en WordPress
- Los complementos de 8 WordPress para crear un megamenú en tu blog
- Complementos 6 WordPress para garantizar el cumplimiento de GDPR de un blog
Conclusión
Listo ! Eso es todo por este tutorial. Esperamos que este último le permita agregar un menú de navegación personalizado a su blog o sitio web de WordPress.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Cuéntanos qué te parece este tutorial y no dudes en comparte con tus amigos en tus redes sociales favoritas.
...
