Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

My Bootstrap Menu

Descripción

My Boostrap Menu is a fully customizable plugin that applies the Bootstrap formatting classes to any WordPress Navigation Menu. Bootstrap provides responsive menus for phones, tablets and desktops.

The plugin allows the user to select a menu by name, or by selecting your theme’s menu location. This gives extreme flexibility for theme developers, allowing multiple menus to be formatted as bootstrap menus- e.g. one fixed at the top and another at the bottom of the screen!

Works with all levels of Sub-menus! These were removed from Bootstrap in version 3, however we have included the original styles and each level will be correctly styled.

‘My Boostrap Menu’ is built on the ‘My Plugin Settings’ framework which creates simple and intuitive user interfaces for input forms; including media dialogues and the popup selection of Bootstrap Glyphicons.

More information here: My Bootstrap Menu

Funcionalidades

Fully customizable labels, logos, icons, formatting and alignment make this the most user and developer friendly menu tool. Additional styles have been included to tweak basic formatting issues when using Bootstrap navbars with WordPress. Each Menu can be Bootstrapped and configured with settings:

Choose your menu type

  • Navbar
  • Pestañas
  • Pills
  • Botones
  • Button Group

Select a menu location

  • Fixed to the top of the screen
  • Fixed to the bottom
  • Static Top

Choose to display:

  • Nombre
  • Logotipo
  • Login, Register
  • Búsquedas

Upload a custom Logo

  • Optional logo for the Mobile version

Custom Search box

  • Select a Glyhpicon, button type and labels
  • Choose default text for the search input box

Custom Login and Register buttons

  • Select Glyphicons and label text

Formateando

  • Align any/all menu elements left or right!
  • Customize the button menu style
  • Personaliza los submenús y enlaces
    Opciones Avanzadas!
  • Optional container classes
  • Include WordPress default classes or not
  • Soluciones opcionales para menús superiores fijos.
    Todos los archivos incluidos
  • Select whether to load the included versions of Boostrap and custom css.

Acerca de nosotros

Este plugin ha sido desarrollado por Michael Carder Ltd. Está construido sobre el framework ‘My Plugin Settings’ que crea interfaces de usuario simples e intuitivas para formularios de entrada; incluyendo diálogos de medios y la selección emergente de Bootstrap Glyphicons.

‘Contactanos’ para más información.

Capturas

  • The main settings page, showing the list of menus and the main tabs
  • A standard Bootstrap Nav Menu, with logo and multi-tiered sub-menus
  • Inverse Pills menu
  • Button Menu aligned right, and different glyphicons for search and logout
  • Mobile enabled responsive menu, features vertical button stacking.
  • Glyphicon Selection for Búsquedas, Login, Logout, and Register buttons
  • Select a logo to display on your menu

Instalación

Requiere PHP 5.3+

My Bootstrap Menu puede ser instalado en unos sencillos pasos:

Either:

  1. Search for the ‘My Bootstrap Menu’ plugin via WordPress Admin > Plugins > Add New
  2. Install with the ‘Install Now’ button

Or:

  1. Unzip «My Bootstrap Menu» and put all files into a folder like «/wp-content/plugins/my-bootstrap-menu/»
  2. Activa el plugin mediante el menú ‘Plugins’ de WordPress

Then…

  1. Dentro del escriitorio de WordPress, ve a Apariencia > My Bootstrap Menu
  2. Selecciona el menú o la ubicación a la que añadir Bootstrap y selecciona la casilla de verificación: ‘Bootstrap este menú’
  3. Configurar cualquier otro ajuste
  4. ¡Guardar y visitar tu sitio para ver tu nuevo menú!

FAQ

Instrucciones de Instalación

Requiere PHP 5.3+

My Bootstrap Menu puede ser instalado en unos sencillos pasos:

Either:

  1. Search for the ‘My Bootstrap Menu’ plugin via WordPress Admin > Plugins > Add New
  2. Install with the ‘Install Now’ button

Or:

  1. Unzip «My Bootstrap Menu» and put all files into a folder like «/wp-content/plugins/my-bootstrap-menu/»
  2. Activa el plugin mediante el menú ‘Plugins’ de WordPress

Then…

  1. Dentro del escriitorio de WordPress, ve a Apariencia > My Bootstrap Menu
  2. Selecciona el menú o la ubicación a la que añadir Bootstrap y selecciona la casilla de verificación: ‘Bootstrap este menú’
  3. Configurar cualquier otro ajuste
  4. ¡Guardar y visitar tu sitio para ver tu nuevo menú!
¿Dónde puedo encontrar los ajustes de cada menú?

Todos los ajustes son administrados desde el escritorio de WordPress > My Bootstrap Menu

¿Por qué mi menú no se muestra con bootstrap?

Hay un par de cosas que debes asegurar:
1. Que la casilla ‘Bootstrap this menu’ está marcada
2. Que los ajustes están guardados
3. Estás cargando la versión de Bootstrap del plugin, o tienes una cargada con tu tema
4. El menú está siendo llamado por su nombre correctamente
5. La ubicación del tema se está llamando correctamente en sus archivos de tema

Este plugin funciona con la versión más reciente de WordPress

Si, este plugin funciona correctamente con WordPress 4.2.2

Reseñas

24 de diciembre de 2023
This plugin is old but it is still working with Bootstrap 3 very well. The plugin itself also delete all their options in the DB and leave no junk on uninstall. Very good! Event I did not use this plugin on my real project because design is conflict and hard to fix/change with my theme but I still confirm that this plugin is working!
16 de septiembre de 2016 1 respuesta
This plugin gave me EXACTLY what I wanted. Am using the Understrap Theme with the Elementor.com plugin-This is The ONLY plugin to use. I searched all week, trying different themes and combinations. Thanks for your excellent work!
3 de septiembre de 2016 1 respuesta
Works very well with a lot of options. Really easy to use. I recommend this site to modify the color : http://work.smarchal.com/twbscolor/index.php
3 de septiembre de 2016 2 respuestas
This plugin should have more reviews and ratings! Seems to work great at automatically converting your menu to have a bootstrap layout with all the right classes. There's all the default bootstrap options available like making the colors inverse (dark vs light), making it container or container-fluid, etc. It also lets you choose if you want to load the plugins css/jquery or use what's already in your template. Very nice. There is a small visual bug if you having multiple menu locations - the dropdown may display the incorrect one. Just check the options page title or the browser url to make sure you are on the right one. NOTE THIS PLUGIN DOES NOT LET YOU CHANGE COLORS OR STYLE YOUR MENU. This is meant for people who already know how to work with bootstrap and CSS and just want to make their life easier converting their menu to the bootstrap classes 🙂 Thanks codetoolbox! Looks great so far.
3 de septiembre de 2016 2 respuestas
Hello I love the add on and makes the responsive bootstrap menu easy to add to my theme. However how do I edit the CSS of the menu once it has been created. I would like to edit the colour, format etc of the sub menu, and also remove the div that appears at the top of the navigation a div roughly sized 25px. It would be great to be able to do this and also change the width of the drop downs that I can create as wordy nav items overflow out of their box
Leer todas las 11 reseñas

Colaboradores y desarrolladores

«My Bootstrap Menu» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «My Bootstrap Menu» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.2.1

Update to allow ‘None’ for internal container type.
Also various formatting updates.

1.2.0

POTENTIALLY BREAKING CHANGES
Changed saved menu name to be slug format. You may need to reapply settings/logos etc.
Added Logo ‘title’ and ‘alt’ text fields.
Fix for selecting a Menu/Theme from drop-down.

1.1.2

Solución para desinstalar/eliminar el plugin.

1.1.1

Minor fix for Admin site for Firefox

1.1.0

First major revision – ALWAYS CHECK BEFORE UPGRADING LIVE SITES
Updated and checked for WordPress 4.4
Updated Internal Bootstrap version to 3.3.6.
Changed dropdown menu icons to use Glyphicons (i.e. use with Bootstrap)
Changed search field classes – improved appearance on mobile mode.
Removed on-hover sub-menu styles… this is to keep consistent with Bootstrap being mobile/tablet friendly.
Fixed submenu headings are links – requires clicking the caret for submenus.
Fixed Tab, Button, Button Group Menus to show active correctly.
Fixes for the Pills, Buttons, Button Group and Tabs with submenus on collapse.
Reduced margins on Tabs to show at the bottom of the navbar.
Removed duplicate class declaration on menu types.
Displays either 1) caret (or glyphicon) for top level menu and 2) right caret for submenus.
Fixes for php versions <5.3
My-Plugin-Settings-Helper – updated

1.0.6

Fix to use caret, instead of WP dashicons by default. Load Dashicons if selected.

1.0.5

Correcciones para versiones <5.4. de php
Posible corrección para el objeto en lugar de cadena para id único.
Se añadió la posibilidad de seleccionar un dashicon para los elementos desplegables del menú.

1.0.4

Se añadió la clase ‘active’, a todos los elementos del menú padre y de los submenús.

1.0.3

Fixes for WordPress 4.3.0 compatibility. Menu names being returned as menu objects in the latest WP release.

1.0.2

Enhanced functionality for setting Main Menu Items as links when they have child/submenu items.
This will change the behaviour when selecting ‘Submenu headings are links’ so that submenus appear on mouse-over and menu items open on click.
(Thanks to David Woodward for highlighting this)

1.0.1

Minor fixes for unique menu id, to remove non alpha-numeric characters.

1.0

First release!