¿Le gustaría personalizar la barra de herramientas de administración de WordPress?
La barra de administración contiene enlaces útiles a algunas de las páginas de administración más utilizadas. Sin embargo, es posible que desee agregar sus propios accesos directos a las páginas que más usa cuando trabaja en su sitio.
En este artículo, le mostraremos cómo agregar enlaces de acceso directo personalizados a la barra de herramientas de administración de WordPress.
¿Por qué agregar enlaces de acceso directo personalizados a la barra de herramientas de administración de WordPress?
Cada vez que inicie sesión en su sitio web de WordPress, verá una barra de herramientas en la parte superior de la pantalla. Esta es la barra de herramientas de administración de WordPress o la barra de administración.
Hay algunas formas de tomar el control de la barra de administración de WordPress, como desactivarla al ver su sitio y desactivarla para todos los usuarios excepto para los administradores.
De forma predeterminada, la barra de herramientas muestra un conjunto de enlaces a pantallas de administración específicas que se encuentran en la barra lateral de administración. Estos enlaces le permiten realizar tareas administrativas comunes rápidamente.
Pero todos tienen su propia lista de enlaces favoritos que visitan mucho cuando escriben publicaciones o trabajan en su sitio. Estas pueden ser páginas en su área de administración o enlaces a un recurso, servicio o sitio web externo.
Puede agregarlos a la barra de herramientas de WordPress como enlaces de acceso directo personalizados. De esa manera, usted y sus usuarios pueden acceder fácilmente a ellos desde su sitio web o área de administración. Esto es especialmente útil si ejecuta un sitio web ocupado con varios autores.
Dicho esto, echemos un vistazo a cómo agregar enlaces de acceso directo personalizados a la barra de herramientas de administración de WordPress. Cubriremos tres métodos:
Agregar enlaces de acceso directo personalizados a la barra de herramientas con un complemento
Lo primero que debe hacer es instalar y activar el Interfaz de administración personalizada de WP enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, debe visitar el Interfaz de administración personalizada » Barra de herramientas de administración página para configurar el complemento. Esta página muestra todo lo que aparece en la barra de herramientas y le permite agregar nuevos elementos.
Para agregar un enlace de acceso directo personalizado a la barra de herramientas de administración, debe hacer clic en el botón ‘+ Agregar elemento de menú’ cerca de la parte superior de la pantalla.
Se agrega un nuevo elemento a la parte superior de la lista y contiene dos campos.
Uno es para el título del artículo y el otro para el enlace.
Para agregar un título, debe hacer clic en el elemento del cuaderno para colocar el campo de título en modo de edición. Luego puede escribir el título y luego hacer clic en el icono de marca de verificación para almacenarlo.
Para este tutorial, escribiremos ‘Widgets’.
Del mismo modo, para agregar el enlace, debe hacer clic en el icono del enlace y luego escribir el enlace. Cuando haya terminado, puede hacer clic en el icono de marca de verificación para guardar el enlace.
Para este tutorial, pegaremos el enlace a la página de widgets. debería verse como http://example.com/wp-admin/widgets.php. No olvide reemplazar ‘example.com’ con su propio nombre de dominio.
Asegúrese de cambiar ‘example.com’ a su propio nombre de dominio y no olvide hacer clic en el icono de marca de verificación para almacenar el enlace.
Debido a que el nuevo elemento se encuentra en la parte superior de la lista, se agregará al lado izquierdo de la barra de herramientas de administración. Para moverlo más a la derecha, debe mover el elemento más abajo en la lista arrastrando y soltando.
¿Le gustaría agregar más de un enlace de acceso directo personalizado? Si es así, simplemente repita los mismos pasos para crear otro elemento.
Si comete un error al personalizar la barra de administración, puede hacer clic en el botón ‘Restaurar a la barra de herramientas predeterminada de WordPress’ en la parte superior para eliminar todas sus personalizaciones, o en el botón ‘Restaurar al último guardado’ para eliminar cualquier cambio desde la última vez que guardó .
Finalmente, debe desplazarse hasta la parte inferior de la página. Aquí puede decidir qué roles de usuario pueden ver el nuevo elemento y luego guardar su configuración.
Si desea que todos los usuarios registrados vean su nuevo enlace, debe seleccionar ‘Todos’ en el menú desplegable para que la configuración diga ‘Implementar esto para todos excepto’. Si no agrega excepciones, todos los usuarios podrán ver el elemento.
Sin embargo, si no desea que los usuarios con el rol de usuario Suscriptores o Colaboradores vean el elemento, deberá seleccionar esos roles como excepciones.
Primero debe hacer clic en el enlace ‘+ Agregar un caso de excepción’. Esto mostrará un menú desplegable donde puede seleccionar ‘Rol: Suscriptor’. A continuación, haga clic en el ícono + y agregue ‘Rol: Colaborador’.
Otro ejemplo es si solo desea que el enlace sea visible para usted o para un solo usuario.
En ese caso, elija las opciones de los menús desplegables para que la configuración diga ‘Implementar esto para nadie excepto el usuario: Nombre de la persona’.
Casi has terminado. Si prefiere no ver el enlace personalizado al ver su sitio web, asegúrese de hacer clic en la casilla de verificación etiquetada como «Desactivar la barra de herramientas personalizada en la interfaz».
Luego, una vez que haya terminado de configurar la barra de herramientas de administración, no olvide hacer clic en el botón ‘Guardar todas las configuraciones’.
Una vez que actualice la página o haga clic en otra página en la barra lateral de administración, podrá ver su enlace de shortcode personalizado.
Adición de un único enlace de acceso directo personalizado a la barra de herramientas con código
Aquí hay otra forma de agregar un enlace de acceso directo personalizado a la barra de herramientas de WordPress. Este método es para aquellos que se sienten cómodos copiando fragmentos de código en WordPress.
Debe copiar y pegar el siguiente código en el archivo functions.php de su tema o en un complemento específico del sitio.
// add a link to the WP Toolbar
function custom_toolbar_link($wp_admin_bar) {
$args = array(
'id' => 'wpbeginner',
'title' => 'Search WPBeginner',
'href' => 'https://www.google.com:443/cse/publicurl?cx=014650714884974928014:oga60h37xim',
'meta' => array(
'class' => 'wpbeginner',
'title' => 'Search WPBeginner Tutorials'
)
);
$wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);
Este código de muestra agrega un enlace a un motor de búsqueda personalizado de Google que buscará tutoriales de WordPress en AprenderWP. Utiliza la función add_node con los argumentos descritos en la matriz.
Debe reemplazar los elementos id, title, href y meta con valores para su propio enlace personalizado.
Agregar un grupo de enlaces de acceso directo personalizados a la barra de herramientas con código
El último método le mostró cómo agregar un enlace personalizado a la barra de herramientas usando código. Pero, ¿qué sucede si desea crear un menú personalizado con algunos de sus propios accesos directos?
Para ello, puede agrupar varios accesos directos en un elemento principal. Los nodos secundarios debajo del enlace principal aparecerán cuando un usuario pase el mouse sobre el enlace principal.
Aquí hay un ejemplo de cómo agregar un grupo de enlaces personalizados en la barra de herramientas de WordPress. Al igual que el método anterior, debe copiar y pegar este fragmento de código en el archivo functions.php de su tema o en un complemento específico del sitio.
/*
* add a group of links under a parent link
*/
// Add a parent shortcut link
function custom_toolbar_link($wp_admin_bar) {
$args = array(
'id' => 'wpbeginner',
'title' => 'WPBeginner',
'href' => 'https://www.wpbeginner.com',
'meta' => array(
'class' => 'wpbeginner',
'title' => 'Visit WPBeginner'
)
);
$wp_admin_bar->add_node($args);
// Add the first child link
$args = array(
'id' => 'wpbeginner-guides',
'title' => 'WPBeginner Guides',
'href' => 'https://www.wpbeginner.com/category/beginners-guide/',
'parent' => 'wpbeginner',
'meta' => array(
'class' => 'wpbeginner-guides',
'title' => 'Visit WordPress Beginner Guides'
)
);
$wp_admin_bar->add_node($args);
// Add another child link
$args = array(
'id' => 'wpbeginner-tutorials',
'title' => 'WPBeginner Tutorials',
'href' => 'https://www.wpbeginner.com/category/wp-tutorials/',
'parent' => 'wpbeginner',
'meta' => array(
'class' => 'wpbeginner-tutorials',
'title' => 'Visit WPBeginner Tutorials'
)
);
$wp_admin_bar->add_node($args);
// Add a child link to the child link
$args = array(
'id' => 'wpbeginner-themes',
'title' => 'WPBeginner Themes',
'href' => 'https://www.wpbeginner.com/category/wp-themes/',
'parent' => 'wpbeginner-tutorials',
'meta' => array(
'class' => 'wpbeginner-themes',
'title' => 'Visit WordPress Themes Tutorials on WPBeginner'
)
);
$wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);
En este código de ejemplo, primero agregamos un enlace de acceso directo personalizado. A continuación, agregamos un segundo enlace personalizado y lo convertimos en un elemento secundario del primer enlace. Agregamos la identificación del enlace principal agregando el argumento 'parent' => 'wpbeginner'.
Repetimos esto para agregar otro enlace bajo el mismo padre. También usamos un enlace secundario como enlace principal para mostrarle cómo agregar subelementos a un subelemento en su menú de enlaces personalizados.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar enlaces de acceso directo personalizados a la barra de herramientas de administración de WordPress. Es posible que también desee aprender cómo crear flujos de trabajo automatizados en WordPress, o consulte nuestra lista de los mejores complementos y herramientas de SEO para hacer crecer su sitio.
.