Close
Image Alt

Personaliza el área de administración de WordPress

Hay ocasiones en las que necesitamos variar el área de administración de WordPress para hacerlo más amigable, o para incluir (o excluir) funcionalidades con vistas a su uso por un cliente o una tercera persona.

Vamos a ver una serie de funciones que nos permitirán precisamente eso: adaptar un poco el gestor de WordPress. Vamos a verlas una a una.

Cambia el logo de la pantalla de login

En la pantalla de login del gestor sale el logo de WordPress encima del formulario. Podemos poner el logo que queramos en su lugar. Para ello añadimos esta función en el archivo functions.php de nuestro tema:

La imagen (en este caso logo.png) la guardaríamos en el directorio “images” de nuestro tema.

Cambia el pie de página del panel de administración

El código iría igualmente en el archivo functions.php de vuestro tema. Esto os permite poner la frase que queráis, por ejemplo:

Borra opciones del menú de administración

Igualmente, pegamos el código en functions.php.

Incluso podemos quitarlo sólo si no eres administrador, por ejemplo. En este caso quitamos “Multimedia”:

Elimina metaboxes de las entradas

A la hora de crear una entrada en WordPress aparecen un montón de ventanas para introducir contenido o para mostrar información. Muchas veces nos sobran muchas de ellas y sólo generan confusión a usuarios que no sean conocedores de WordPress. Poniendo este código en functions.php podemos eliminar las que nos parezcan prescindibles:

Como veis la función remove_meta_box tiene tres parámetros: el primero es el “id” de la ventana que queremos eliminar, el segundo puede ser “page”, “post” o “link” dependiendo donde estemos y el tercero “normal”, “advanced” o “side” dependiendo dónde esté la ventana. En esta función sólo se quitan si no eres administrador. Si elimináis ese condicional se quitarán en todos los casos. Podéis ver qué es cada ventana en función de su “id” en el código HTML.

Elimina metaboxes del escritorio

También en el escritorio hay unas cuantas ventanas que nos pueden sobrar. También para functions.php el código sería:

Aquí igualmente las podéis identificar por el ID de la ventana que queráis eliminar.

Fuerza el escritorio a una sola columna

Puede ser que hayáis quitado tantas cosas del escritorio que os queden las dos columnas originales pero tengáis sólo una ocupada. Podéis forzar al escritorio a que tenga una sola columna con esta función:

Crea una ventana nueva en el escritorio

Como no siempre es sólo quitar, hay veces que también hay que añadir. Si queréis introducir una nueva ventana en el escritorio con algún texto (por ejemplo un texto de bienvenida), podéis poner en functions.php:

A continuación podéis poner la función que vimos más arriba, que contiene el código HTML. Como veis hemos incluido la hoja de estilo, que tendrá el nombre admin-escritorio.css:

Bueno, esos estilos no tendrán mucho sentido en este caso. Son de una web que he hecho recientemente. Podréis cambiarlos por otros que necesitéis en función del código HTML que hayáis puesto en la función que vimos más arriba.

A propósito, una vez añadido el código del plugin no os olvidéis de activarlo!

Elimina y añade opciones de la barra de Administración

Desde la versión 3.3 de WordPress podemos personificar la barra de administración de una manera distinta a como se hacía hasta ahora. Hay un artículo muy bueno de Craig Buckler que nos lo muestra. Como veis se usan los métodos “remove_node” para eliminar y “add_node” para añadir. En este último caso hay que pasar un array con varios parámetros:

  • id — el id que aparecerá en el elemento HTML y que lo identifica
  • title — el texto que aparecerá en el menú de la barra
  • parent — el ID de la opción superior del menú, para el caso de submenú (opcional)
  • href — el enlace hacia donde irá el usuario al hacer click (opcional)
  • group — true (verdadero) si es un grupo (opcional)
  • meta — un array que incluye otras etiquetas, como: html, class, onclick, target, title, tabindex

Pondremos en el archivo functions.php;

Como veréis hemos añadido varias opciones. Una es una pestaña que crearemos más adelante que llamamos “Ayuda”. Otras dos que son de posibles entradas personalizadas de “Ropa” y la última que lleva al usuario a su página de autor de la web (quizás estos ejemplos no os valgan de nada, pero al provenir de un caso real quizás os den alguna idea). Por otro lado hemos eliminado con remove_node las opciones que vienen por defecto.

Crear una nueva pestaña en el menú de administración

Imagina que quieres crear una nueva pestaña en el menú que está a la izquierda en el panel de administración de WordPress. Vamos a suponer que queremos crear una página de instrucciones para nuestro cliente. Para ello podemos crear un plugin. Abrimos en wp-content/plugins una carpeta que se llame “instrucciones” y dentro creamos un archivo que se llame “instrucciones.php” que sería así:

Si queréis que tenga estilos podéis incluirlos en el propio archivo HTML en el caso de que no sean muy complejos para ganar sencillez. Podéis también aprovechar la hoja de estilos que creamos anteriormente.

No os olvidéis de activar el plugin.

Pon iconos personalizados en el menú del panel de administración

Si quieres puedes cambiar los iconos del panel de administración por otros más de tu gusto. Esto es especialmente útil para las entradas personalizadas. Necesitarás poner en functions.php esta función:

Comments

  • Excelente artículo, precisamente necesitaba saber como añadir nuevas opciones al panel de administración.

    Muchas gracias.

    4 February, 2012
    reply
  • Hola Juan. También me parece un artículo excelente por toda la documentación y el cuidado que has tenido en explicarlo todo tan bien. Es un gran descubrimiento Emenia y vuestro blog.

    11 April, 2012
    reply
    • Me ha funcionado el código para “Crear una nueva pestaña en el menú de administración”.
      Pero mi web deja de verse cuando en functions.php pongo cualquiera de los códigos para “Borrar opciones del menú de administración”
      Seguro que estoy haciendo algo mal; estoy comenzando con WordPress.

      11 April, 2012
      reply
      • josem

        Pues eso, que va perfectamente 😉

        17 April, 2012
        reply
  • Marc

    Muchas gracias por la info!! ahora también te sigo en twitter y google+ 🙂 me has ayudado mucho de verdad!! lo único que no acabo de ver es como puedo llamar a una función javscript desde una opción del admin bar, un saludo compañero!!

    12 April, 2012
    reply
  • GuanCar

    Impresionante artículo!!!

    un millón de gracias por la dedicación y por las explicaciones. Creo que a mas de uno nos va a venir de perlas!

    16 April, 2012
    reply
  • Gracias por compartir tan valiosa información. El plugin de añadir opciones al menu es la base para poder integrar en el WordPress cualquier artilugio de programación que se disponga. En mi caso va a permitir integrar en el WordPress un propio CRM. Genial!!

    27 April, 2012
    reply
  • jaime

    buenisimo

    7 June, 2012
    reply
  • Erik

    El mejor artículo de toda la web que reune todos esos temas tan rebuscados… ¡felicitaciones!

    14 July, 2012
    reply
  • Richard

    Hola,

    Interesante tus artículos y te estoy siguiendo 😉

    Mi duda es, ¿este tipo de modificaciones serán en el núcleo del CMS con lo cual se perderán en la actualización?. Lo interesante sería tener algún tipo de plugin que pueda sobreescribir estos ficheros y que quedara en una capa superior nuestras modificaciones. Es decir, que fuera parte de una plantilla por ejemplo.

    gracias,

    27 July, 2012
    reply
  • lord_ths

    amigo toda la info esta buenisima, super interesante funcionan perfecto.

    Sabes necesito de tu ayuda. Cree en el menu de admin una pagina llamada nueva entrada pero me gustaría carga la pagina post-new.php?post_type=page dentro de esta. Tienes algún método o código que me ayude a realizar esto.

    o de cargar un php externo que muestre todo el contenido.

    Muchas gracias

    9 August, 2012
    reply
  • Curradísimo artículo. Muy interesante y bien explicado. Ahora a dedicarle un tiempo e ir probando todas estas propuestas.

    Gracias

    28 August, 2012
    reply
  • Un artículo utilísimo.

    No he encontrado en ningún otro sitio tantos tips funcionales como en este.

    Se gana mucho tiempo encontrando estas aclaraciones una detras de otra.

    Además tienes una forma muy clara de explicarlo para los que no somos programadores.

    5 September, 2012
    reply
  • karlos iglesiisa

    Genial el post pero por ejemplo con “Borrar opciones del menú de administración” le veo un problema y es que cuando le quito las opcines de menu me lo quita incluso para el usuaro que está como ADMINITRADOR. Lo ideal sería que se pudiera hacer para un perfil de usuario determinado o al menos que no le desaparezcan al adminsitrador.

    19 September, 2012
    reply
  • Muchas gracias por tu articulo, me ha servido mucho, llevaba dias buscando documentación y con tus pasos ahora entiendo mucho mejor las cosas, saludos!

    25 September, 2012
    reply
  • Alberto

    Excelente información!!!
    Gracias por compartir este conocimiento

    Saludos!!

    4 October, 2012
    reply
  • Excelente artículo, has logrado reunir muchas funciones utiles evitando usar plugins.
    Gracias

    13 November, 2012
    reply
  • Excelente tutorial, donde mas aqui pues XD.
    Lo voy ha implementar varios de ellos en mi thema function, para futuros colaboradoes. incluso para futuros clientes al desarrollarles la administracion mas simple.

    Gracias por este excelente aporte a la comunidad que sigue wordpress.

    14 November, 2012
    reply
  • Despues de haber probado varios de los TIPS ,
    tengo una pequeña duda , lo que sucede es que quiero eliminar estas usando WORDPRESS 3.42

    29 November, 2012
    reply
  • Beatriz

    Una entrada muy útil y bastante intersante.

    En ella se explica cómo quitar el apartado multimedia si no se es el administrador. Pero, cómo sería el código para permitir que los usuarios tengan sólo tengan acceso a añadir una nueva entrada y no a todas? Cuál es su página php que hay que incluir en el código?

     

    Muchisimas gracias

    28 February, 2013
    reply
  • Esta muy bueno el artículo, compila varios de los codigos personalizados que funcionan con las versiones mas recientes. Existen muchas páginas con articulos similares pero la mayoría no funcionan con wp 3.2+

    3 June, 2013
    reply
  • pablo garcia

    Hola Juan.

    Te comento que utilizo WordPress 5.1 y quisiera saber como borrar del menú de funciones lo siguiente.

    La opcion editor dentro de Apariencia.

    La opcion editor dentro de Plugins.

    Otra pregunta…

    Si por ejemplo elimino que aparesca la opción ajustes del menu y al instalar un plugins la pestaña de configuracion aparece dentro de ajustes, como ya me ha pasado antes, esta pestaña de configuracion de plugins apareceria en otro sitio o ya no podria acceder a ella??

    15 June, 2013
    reply
  • Red

    Muchas gracias amigo era lo que necesitaba eres un genio

    19 June, 2013
    reply
  • JP

    Muy buen artículo, me sirvió un montón

    26 July, 2013
    reply
  • Fernando

    Un 10 ! muchas gracias, muy muy buen articulo.

    23 August, 2013
    reply
  • Beatriz

    Hola Juan. Tu blog es uno de los más útiles que he leído en español. Con él he aprendido muchas cosas de WordPress.

     

    Ahora bien, tengo una duda que no he logrado localizar en el blog. Dentro de las entradas, cuando vamos a editarlas, hay un título que pone: EDITAR ENTRADA y el icono de una chincheta. ¿Cuál es el código para poder cambiar ese título y ese icono y dónde va situado?

    Muchas gracias

     

    Un saludo y felicidades por el blog

    25 September, 2013
    reply
  • silvia

    Muy interesante post! ando sumergida justamente en eso, pero he tenido problemas al integrar el código. Me pregunto si hay algún widget para poder quitar opciones que no queremos que el cliente vea, a ver si así tengo más suerte!

    Gracias

    11 November, 2013
    reply
  • JAIME PEREZ

    Hola veo que se pueden hacer muchas configuraciones, muchas gracias por tu trabajo, pero he intentado pegar el codigo de Borra opciones del menú de administración, pero lo pego como esta al final del todo, y se ve que no lo hago bien por que luego la web no se ve nada, todo en blanco, como se pega exactamente? soy un poco novato me lo podrias explicar un poco mejor, muchas gracias por tu gran ayuda , un saludo

    3 December, 2013
    reply
  • Mario

    Muchas gracias por el excelente aporte. Muy completo y muy bien explicado.

    10 December, 2013
    reply
  • Chechu

    Muchísimas gracias, Juan, me vino de perlas

    5 March, 2014
    reply
  • Hola Juan ,

    1ero que nada, que fregoneria de post me sirvio todo a la perfection

    ahora solo ando intentando eliminar el menu ESCRITORIO – Inicio –  General
    estoy intentando con este codigo

     

    pero sigue apareciendo.

    espero me contestes

    Saludos.

    14 March, 2014
    reply
  • Sólo quería preguntarte si existe alguna opción para ocultar plugins de terceros o parte de ellos del menu de administración.

    Normalmente se instalan en plugins del theme y no en /wp-admin y a veces es deseable ocultar algunos de ellos o incluso parte de las opciones  para que el cliente no pueda trastear en exceso.

     

    13 May, 2014
    reply
  • Iryna

    Muy buena aportación y bien explicado, pero no he conseguido adaptarlo a lo que necesito. Necesito ocultar la pestaña de WooCommerce del panel de admintración al usuario con perfil  shop_manager. Le he dado muchas vueltas pero no hay manera… Te agradecería muchisimo si pudieras ayudarme.

    Gracias de antemano.

    Saludos.

    1 June, 2014
    reply
  • Daniel

    Hola.

     

    Gracias por la información, esta muy detallada 😉

     

    Solo una pregunta… EN donde debo poner las llamadas a las funciones que detallás en el artículo ?. Me podes dar el ejemplo de una llamada ?.

     

    Gracias.

    7 August, 2014
    reply
  • Perfecto!!!, no hay mas palabras.

    10 September, 2014
    reply
  • ¡Muchísimas gracias!

    Muy claro y bien explicado.

    Me ha encantado descubrir este blog!

    14 October, 2014
    reply
  • David Mora

    Hola, gracias por ese buen tutorial.

    Quiero preguntarte una cosa: Si yo actualizo el wordpress a una nueva version, estos cambios que se realicen, desapareceran?

    Mil gracias!!!

    17 October, 2014
    reply
  • Victor

    Hola, en primer lugar, pedazo de artículo, lo guardo en marcadores para cuando tenga más nivel con el código!
    Yo estoy montando un wp con portfolio y quiero cambiar el nombre “portfolio” por “trabajos” en el menú lateral del panel de gestión de mi wordpress, pero no tengo ni idea de como hacerlo-, ¿Alguien me puede ayudar??

    Muchas gracias!

    17 February, 2015
    reply
  • Muchas gracias ! Una maravilla.

    25 June, 2015
    reply
  • Muy buen tutorial y de gran ayuda para personalizar la administración de WordPress. Un saludo.

    14 October, 2015
    reply
  • Excelente articulo
    una consulta es que esty teniendo un problema con mi dasboard de WP….
    es que una persona me ha configurado y me ha bloqueado la opcion de Apariencia, PLugins, y Ajustes, por lo tanto no tengo mas acceso a estas funciones de WP….
    me podrias dar una recomendacion de como podria solucionar?

    gracias

    16 October, 2015
    reply
  • Mariano

    Genial el artículo y el blog 😉

    No obstante, hago el cambio de logo tal cual indicas y sólo consigo que desaparezca el de wordpress (el mío no…).

    A qué crees que puede deberse?
    Quizá en las recientes versiones de worpress ha cambiado el procedimiento?

    Muchas gracias de antemano.

    Un saludo Juan! 😉

    13 December, 2015
    reply
  • consulta:
    muy buenos tu articulos,
    en mi caso no puedo ingresar al admin, esta en blanco
    que puedo hacer en el archivo de funcions.php
    para que pueda ver el admin usuario y contrasena?
    saludos!

    28 December, 2015
    reply
  • roberto

    Excelente articulo, pero tengo una sugerncia, pregunta, como querais llamarlo… Como hago para ver todas las variaciones de un producto (hablo en el backoffice) para poder trastear con todas a la vez, y que no me las separe por pantallas? ahora mismo solo me muestra 15, y cuando tengo varios atributos, que ahcen que tenga unas 30 variaciones, me vuelvo loco para ordenarlas… Gracias ¡¡¡

    25 March, 2016
    reply
  • Rafael

    Execlente eres un maquina
    Si ya pusieses como hacerlo por niveles de usuarios
    rematarias la faena

    8 November, 2017
    reply
  • Alex

    Genial aporte, justo lo que buscaba.

    3 December, 2017
    reply

Post a Comment