¿Le gustaría agregar un menú a la barra de administración?

WordPress introdujo recientemente una API que pueden usar los desarrolladores, antes de que fuera solo una función de WordPress.com, luego se adoptó en el blog de WordPress autónomo. Esta barra de administración agrega una barra de menú adicional a su blog de WordPress dependiendo del nivel del usuario registrado (rol).

agregar un menú a la barra de administración

La última vez, te dimos consejos sobre cómo desactivar la barra de administración en un blog de WordPress, hoy le enseñaremos cómo agregar un menú y submenús personalizados a su barra de administración.

En este tutorial usaremos un código php que agregará en un complemento. Te lo hemos presentado en el siguiente artículo cómo crear un complemento de WordPress.

Pero, 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í.

Cómo crear un menú en la barra de herramientas

Todo lo que tienes que hacer es agregar el siguiente código:

function my_new_admin_bar_menu() {
    global $wp_admin_bar;
    $root_menu = array(
            'parent' => false, // Parent, si false, sera situé à la racine
            'id' => 'new_custom', // id du menu, doit être unique pour la racine.
            'title' => __('Menu Personnalisé'), // Menu / sub-menu title
            'href' => admin_url( 'my-new-menu.php'), // Menu URL
            'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
            );
    $wp_admin_bar->add_menu( $root_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

Cómo crear un submenú en la barra de herramientas

function my_new_admin_bar_menu() {
    global $wp_admin_bar;
    $root_menu = array(
            'parent' => false, // Parent, si false, sera situé à la racine
                    'id' => 'new_custom', // id du menu, doit être unique pour la racine.
                    'title' => __('Menu Personnalisé'), // Menu / sub-menu title
                    'href' => admin_url( 'my-new-menu.php'), // Menu URL
                    'meta' => false // table des attributs : array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
    $sub1 = array( 'parent' => 'new_custom', 'id' => 'new_custom1', 'title' => __('Sub1'), 'href' => admin_url( 'my-first-sub.php'), 'meta' => false );
    $sub2 = array( 'parent' => 'new_custom', 'id' => 'new_custom2', 'title' => __('Sub2'), 'href' => admin_url( 'my-second-sub.php'), 'meta' => false );
    $wp_admin_bar->add_menu( $root_menu );
    $wp_admin_bar->add_menu( $sub1 );
    $wp_admin_bar->add_menu( $sub2 );
}
add_action( 'wp_before_admin_bar_render', 'my_new_admin_bar_menu' );

Usando nuestro primer ejemplo, agregaremos dos submenús. Vamos a agregar un valor padre a nuestra matriz para que sea un hijo de nuestro menú raíz.

Vea también nuestro artículo sobre Enlaces permanentes: Cómo personalizar los enlaces de blogs

Agregaremos el identificador principal " nuevo_personalizado »En todos nuestros submenús, asegúrese de utilizar también una ID única para todos los submenús (new_custom1 y new_custom2). Asegúrese de llamar al " $ wp_admin_bar-> add_menu ($ subX); »En todas las tablas de submenús.

Cómo agregar submenús a los menús existentes

function my_new_sub_menu() {
 global $wp_admin_bar;
 $sub_menu = array(
 'parent' => 'new-content', // Ajoute un sous menu dans new-content (Nouveau)
 'id' => 'new_custom_sub', // ID du menu unique.
 'title' => __('Custom Sub Menu'), // Titre
 'href' => admin_url( 'my-new-sub-menu.php'), // URL du menu
 'meta' => false // tableau d'options: array( 'html' => '', 'class' => '', 'onclick' => '', target => '', title => '' );
 );
 $wp_admin_bar->add_menu( $sub_menu );
}
add_action( 'wp_before_admin_bar_render', 'my_new_sub_menu' );

Como puede ver, utilizamos el nuevo contenido como ID principal, estará debajo del menú " Añadir nuevo En la lista nativa del menú de la barra de administración de WordPress. Al igual que en este segundo ejemplo, configuramos el ID principal para que sea el secundario del menú principal.

Lea también nuestra guía sobre: Publicidad en WordPress: ¿sigue siendo rentable?

Aquí hay algunos identificadores de menú disponibles que puede usar.

  • apariencia - Menú de apariencia
  • comentarios - Enlaces de comentarios
  • editar - Menú de edición de publicación / página / categoría / etiqueta
  • conseguir-shortlink - Enlace corto del menú de la página
  • mis-blogs - Menú de mi sitio web, si tiene más de un sitio web
  • nuevo feliz - Agregar un nuevo menú
  • actualizaciones - Enlace de actualización

Descubre también algunos complementos premium de WordPress supplémentaires 

Puede usar otros complementos para mostrar cuentas regresivas en su blog de WordPress. A continuación, te ofrezco algunos de ellos.

1. Próximamente CountDown

Próximamente Cuenta regresiva es uno de plugins de WordPress Temporizadores de cuenta regresiva premium en la plataforma WordPress. Tiene 2 diseños de cuenta regresiva, así como 10 tipos de fondos de pantalla para hacerlos más hermosos y llamativos.

Próximamente plugin de wordpress adaptable de cuenta atrás

En effet, Próximamente CountDown le permite continuar su trabajo en su sitio web mientras que su ven los visitantes mostró la página 'Próximamente'. Cuando haya terminado, puede volver a poner su sitio web en línea con solo presionar un botón.

También te invitamos a descubrir nuestro Complementos de WordPress de 10 para mejorar el aspecto visual de su sitio web.

También es posible decidir qué los usuarios pueden ver o no el sitio web en función de su estado. Si solo una parte del sitio web se enviará a la página "Próximamente", también puede definir qué páginas están disponibles para sus visitantes y cuáles no.

Descargar | Demo alojamiento web

2. Cuenta atrás de ventas de WooCommerce

WooCommerce Sales Countdown es un Plugin de WordPress fantástico premium diseñado para promocionar campañas de venta en tu sitio web de comercio electrónico. 

Cuenta regresiva de ventas de Woocommerce

Establece un área de cuenta regresiva dedicada con el producto a la venta y les dice a sus clientes cuánto tiempo queda para comprar dicho producto a un precio bajo. Este complemento también le brinda la opción de agregar una cuenta regresiva al próximo período de saldo.

Descargar | Demo | alojamiento web

3. Social Share & Locker Pro

La extensión Social Share & Locker Pro ha sido diseñada para ayudar a que su sitio web sea más visible en las redes sociales. Con solo unos pocos clics, puede establecer la posición de sus íconos sociales o bloquear su contenido requiriendo compartir en una de las redes sociales que ofrece.

Complemento social share locker pro wordpress

Tiene temas predefinidos de 10 y esto debería cubrir los deseos más comunes. Todos sus temas son Retina y maravillas del trabajo. 

Aquí están nuestros Complementos de 6 WordPress para garantizar el cumplimiento de RGPD de un blog

Además, con Social Share & Locker Pro, podrás mostrar el nombre completo de las redes sociales o solo el icono. Dependerá de su diseño, el espacio disponible o sus deseos.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial. También puedes usarlo en tu próximo Plugin de WordPress, si desea agregar un menú de administrador para su configuración. Solo necesita configurarlo de tal manera que su complemento funcione.

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.

no dude en comparte este artículo con tus amigos en tus redes sociales favoritas. Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...