Abrir publicación
editar el menu de administración en wordpress

Modificar la apariencia del menú de administración de wordpress

Cómo personalizar el menú de administración de wordpress

En esta entrada quiero explicar las opciones y posibilidades (las que he probado y utilizado) que existen para modificar, editar o personalizar el menú de administracion de wordpress, una tarea bastante sencilla y fácil de realizar, y que además, hará optimizar tu tiempo al tener todo bien organizado.

Cuando tenemos una página web en wordpress, y llevamos tiempo con ella, normalmente y dependiendo del tipo de plugins o temas que instalemos, suelen aparecer nuevas opciones en el panel de administración, haciendo el uso un poco más pesado a la hora de navegar entre las distintas opciones.

La finalidad de esta entrada, será tener todo organizado, bien recogidito y en su sitio, si eres de los que prefiere modificar la apariencia y darle un nuevo estilo, también te daré unas recomendaciones para dejar tu panel de administración wordpress acorde a la paleta de colores corporativa de tu empresa, en otras palabras, poner tu logotipo, cambiar los colores, editar tu login, etc.

Modificar el menú de administración de wordpress

Lo primero de todo quiero que veais un menú por defecto, limpio, en un wordpress recién instalado:

Sencillo, verdad? Pues así debería de quedar siempre, acorde al entorno wordpress, sin excesivas nuevas entradas en el menú ni colores que rompan el diseño con el fin de destacar, sin previamente "consultar" con el usuario. En la siguiente captura podeis ver un menú repleto de opciones que han salido ahí por las buenas, sin preguntar, habrá a quien no le importe pero personalmente pienso que complica la utilización en el dia a dia.

menu administración wordpress desordenado

Bueno pues esto lo podemos solucionar con un fantastico y efectivo plugin, estoy hablando de Admin Menu Editor, aunque existen muchos otros, este plugin es gratuito y sencillo de utilizar, cuenta con una versión premium pero en la mayoría de los casos no será necesario.

ADMIN MENU EDITOR

Para utilizar Admin menu editor basta con instalar el plugin desde el instalador típico o de forma manual... es indiferente, una vez instalado podemos acceder a las configuraciones del plugin desde la sección ajustes/menu editor, la interfaz que nos encontramos es la siguiente:

panel de administración wordpress

Como podeis ver, es muy intuitivo, separa las secciones por pestañas, y a su vez nos da la posibilidad de editar cada una de las entradas, las principales opciones son las siguientes:

Pestaña Admin Menu

En esta pestaña encontraremos dos grandes bloques, el izquierdo corresponde a cada apartado principal en el menú de administración, y el bloque derecho mestra las opciones de cada apartado principal seleccionado, es decir, el submenú de toda la vida.

Haciendo clic en cada apartado, bien sea de un bloque o de otro, se expandirá mostrando varias opciones, de todas estas lo que interesa modificar es el nombre principal que muestra en el menu de administración, es justo el primer recuadro (menu title):

De esta forma podremos nombrara cada apartado de la forma que más se ajuste a cada necesidad o símplemente traducirla si es que viene en otro idioma.

También son muy importantes las opciones que hay en la parte superior de cada uno de los bloques, estas nos permiten cortar, copiar y pegar (1) cada uno de los apartados, añadir un apartado nuevo (2), añadir un separador (3) para organizar mejor nuestro menú, ocultar un apartado innecesario o delicado de modificar para según que tipo de usuario (4) o eliminar (5) el tipico apartado a modo de enlace a una versión de pago de alguno de los plugins instalados. En la siguiente captura están los iconos numerados para que os hagais una idea:

apartados a modificar en el menu de administración en wordpress

Pestaña Plugins

Por si esto fuera poco, el plugin Admin menu editor tiene una sección muy útil destinada a ocultar los plugins que por la razón que fuere no interesa que estén a la vista, desde la pestaña Plugins seleccionamos los plugins que queremos ocultar y guardamos los cambios, así de fácil:

Pestaña Ajustes

Por último destacar la última pestaña, ajustes, en esta sección y aunque esté en ingles es fácilmente deducible su significado, de hecho no hay que modificar nada (por defecto es más que suficiente), tan sólo tener en cuenta la primera sección, ya que indicará qué tipo de usuario tendrá permisos para modificar los cambios hechos con Admin menu editor, de las tres opciones que nos ofrece, la más segura es otorgar permisos únicamente al usuario activo (3), la siguente opción más efectiva es seleccionar un usuario con derechos de administrador (1), en el caso que no hayas modificado los permisos para cada tipo de usuario, la opción "manage options" (2) también permitirá modificar el plugin

Como ya he dicho existen multitud de plugins para personalizar el menú del panel de control en wordpress, uan vez que he explicado el que a mi forma de ver es más sencillo y completo, os daré otro par de opciones para que probeis, como se suele decir, para gustos los colores.

ZEUS WORDPRESS ADMIN

Este plugin cuenta con una interfaz menos completa, aunque también nos permite modificar los apartados del menu de administración, eliminarlos o incluso ocultarlos, el resto del diseño no ofrece mucho más, a excepción de que podemos aumentar o disminuar el tamaño de la fuente.

Apuntar también que Zeus WordPress Admin nos añade un buscador en el panel de administración, haciendo más facil la búsqueda del apartado que queremos modificar.

ADMIN CLEANUP

Si te encuentras en el caso que no te importa el orden de los apartados de tu menu, sino que símplemente quieres eliminar aquellos items que no necesitas, este es el plugin que necesitas, simple, efectivo y fácil de usar.

Admin cleanup ayudará a organizar el menu de administración liberando espacio y evitando desplazamiento en los apartados que realmente utilizas. Es perfecto para solucionar el abuso de los "custom post types" que añaden muchos de los temas "multiproposito", ocultando esos molestos menus.

Otra funcionalidad que tiene Admin Cleanup es que te permite mover cualquier apartado en un menu personalizado en la barra superior de tu panel de administrador, algo realmente útil para añadir las opciones que más utilizas que están repartidas por los diferentes apartados del menú.

admin clean up

Cambiar el diseño del menú de administración de wordpress

Para modificar el diseño y no tener que añadir ni una sola línea de código en tu style.css o functions.php, también existen numerosas opciones gratuitas y muy completas, como casi todo en wordpress a unos les gustarán mas unas opciones que otras, pero lo que importa es que realmente cubran nuestras necesidades, a continuación los plugins más destacados para modicar el panel de control de wordpress.

ADMIN BRANDING

Con el plugin admin branding podremos darle un toque personalizado a nuestro menu de administración, utilizar los colores de nuestra marca o empresa para cambiar desde el estilo del escritorio de wordpress hasta la pantalla de inicio de sesión, ideal para sitios donde se requiere el login de usuarios.

Estas son sus principales características:

Posibilidad de añadir nuestro propio logotipo al panel de administración, el menú y la pantalla de login

Modificar completamente el aspecto de nuestra pantalla de inicio de sesión (login)

Modificar el aspeco de los botones en el area de administración

Cambiar la url de inicio de sesión, algo muy recomendado para evitar ataques de fuerza bruta.

La instalación es muy sencilla, buscar el plugin desde el repositorio de wordpress e instalarlo. Que lo disfrutes!

ULTIMO WP

Lo primero es dejar claro que el plugin ultimo wp hará un cambio sustancial en el area de administración, si estas cansado de la apariencia actual de wordpress sin duda este plugin es para ti.

Estas son su principales características:

Podrás elegir entre 8 increibles diseños predefinidos para darle un nuevo aire a TODO el entorno de administración

Modifica la pantalla de inicio de sesión, incluyendo tu propio logotipo

Agrega el logotipo de tu empresa o marca al backend, para hacer la administración más acorde a tu imagen

Elimina las típicas firmas de wordpress, como por ejemplo el pié de página del escritorio

FLATTY - FLAT ADMIN THEME

Al igual que el anterior plugin, flat admin theme provoca un cambio radical a nuestra interfaz de administración en wordpress, consiste en un diseño moderno al más puro estilo flat, muy de moda en diseño de aplicaciones y páginas web.

La siguente imagen es una captura con los cambios que produce el plugin y su apartado de configuracion con las diferentes opciones:

flat admin theme

Y estas son algunas de sus principales características:

Cambia por completo la apariencia de cualquier apartado en la administración de tu página web wordpress

Modifica la página de inicio de sesión añadiendo tu logo personalizado, fondo de pantalla, pié de página, formulario recaptcha, etc.

Elimina TODAS las firmas de wordpress dejando un diseño "white label" en tu panel

Añade un logo personalizado en tu área de administración

Agrega una barra superior de herramientas para añadir diversas funcionalidades

Muestra el nombre de tu sitio web en el área de administración

Como puedes ver, son muchas las opciones que existen para modificar tu panel de administración en wordpress, si quieres que añada más opciones, incluso pequeños fragmentos de código para añadir a tu archivo functions.php modificar casi cualquier apartado sin utilizar ningun plugin, solo tienes que publicar un comentario, enviarme un mensaje o ponerte en contacto conmigo por cualquier medio y pedírmelo, estaré encantado de ayudarte.

Hasta pronto!

Abrir publicación
wordpress lento descubre las razones y motivos

wordpress carga lento, descubre las razones y motivos

wordpress carga lento

Descubre porqué tu wordpress carga lento

En esta ocasión quiero tratar un tema muy interesante y común, como suelen decirme "es que wordpress carga lento".... pues no, y mucho menos después de que acabes de leer esta entrada, te lo aseguro.

Lo primero que hay que tener claro es que wordpress es un CMS rápido, escalable gracias a los plugins, y muy atractivo gracias a la capacidad para editar los temas, pero como todo en esta vida hay que hacer las cosas con calma, a continuación te voy a dejar unos pequeños pero grandes consejos para que jamas vuelvas a decir eso de "es que wordpress carga lento".

Piensa qué necesitas en tu página web wordpress

A todos nos gusta tener un sitio web completo, lleno de funcionalidades y efectos para agradar al usuario, pero a veces ni funciona ni es agradable, incluso puede llegar a ser tedioso, por eso la importancia de elegir bien previamente qué necesitas en tu página web wordpress:

  • Temas:

Evita los temas pesados, llenos de opciones y de "custom post types", recuerda siempre que a parte de ser una carga innecesaria para tu web, todo lo que viene con el tema se va con el tema, es decir, si has creado muchas entradas para un correspondiente custom post types, el dia que decidas cambiar de tema, éstos se perderán.

  • Plugins:

Utiliza sólo los plugins que necesitas, si no lo usas desinstálalo, aunque la mayoría de personas piensan que desactivandolo es suficiente, no deja de ser un peso más en tu plan de hosting. Por otro lado, cuantos más plugins tengamos es más probable que exista un agujero de seguridad, bien por mala programación del desarrollador del plugin, por incompatibilidades entre plugins y u o temas, etc... repito, si no lo usas desinstálalo.

  • Hosting:

Otra pieza importante para evitar que wordpress cargue lento es nuestro alojamiento web, no solo hay que fijarse en la atención al cliente y en su servicio técnico, revisar bien las capacidades contratadas y optimizar la respuesta del servidor o minimizar los tiempos de respuesta son buenas prácticas a tener en cuenta. También hay que tener en cuenta aquellos casos en los que tenemos algun sistemas de copias de seguridad funcionando, si no está bien configurado es posible que nos sature la web y u o el servidor, es entonces cuando veremos que wordpress carga lento.

Analiza tu instalación wordpress

Esto último se puede realizar de numerosas maneras, a groso modo, podemos hacerlo de dos formas, desde nuestro panel de administración en wordpress o desde un servicio web de terceros. En ambos casos os recomendaré unas interesantes aplicaciones para conseguir una página web rápida con wordpress:

  • Desde el panel de administración de wordpress

Según mis años de experiencia, la mejor forma para analizar todos los tiempos de carga para cada instalación, plugin o tema desde la administración de wordpress es "P3 (Plugin Performance Profiler)"

p3 plugin performance profiler

Como podemos ver en la imagen nos muestra un quesito al más puro estilo trivial donde nos indica el impacto de carga para cada plugin, pudiendo deducir cuales son aquellos que debemos sustituir por otros, a menos que se pueda remediar.

En la barra superior nos muestra el total de plugins y el tiempo de carga de nuestro wordpress, esto es a priori, ya que existen numerosas técnicas para minimizar todos estos archivos que cargan con los plugins y temas, pero para hacernos una idea, es una herramienta fenomenal.

Podemos navegar por las diferentes pestañas que nos ofrece el plugin, viendo distintas gráficas de carga, y sobre todo quiero resaltar la última pestaña, donde nos indica el tiempo total de carga de la web, desglosandolo por plugins, temas, el core de wordpress, etc. Si nos fijamos en la siguiente imágen, el núcleo de wordpress sólo tarda 0.4 segundos en cargar, para que luego digan eso de "mi wordpress carga lento..."

tiempos de carga para plugins, temas y core en wordpress

Hay que tener en cuenta que P3 desactiva la caché para realizar las pruebas, así que no os preocupeis si aparecen valores demasiado altos, simplemente son datos a tener en cuenta.

  • Desde un servicio de terceros

Existen muchas webs que ofrecen este servicio, pero esto es como todo en la vida, la que te ofrece una característica no te ofrece otra, y así con la mayoría, pero salvando piedras en el camino, os voy a recomendar las dos webs más famosas para analizar el tiempo y el proceso de carga en una página web:

Pingdom tools es una de las más famosas, entre muchas otras herramientas como monitorización y analítica, nos ofrece gratis un análisis de la carga de nuestra página web, nos destaca muchísima información, sobre todo un timeline de la carga de todos los elementos que componen nuestra web, pudiendo observar cuales son los puntos críticos que debemos analizar con más cautela. Pero sin duda lo que más le gusta a la gente, es la sencillez con la que nos muestra a primera vista los datos más relevantes, en este caso he escogido google.es para el análisis, como posible debate... si tanto le importa a google la velocidad de carga, ¿por que ni ellos tienen un 100 de score? ¿No será que no es tan importante la cantidad sino la calidad...?

analizar carga de una web con la herramienta pingdom

GT Metrix es una pieza importante del puzle, un grande en el sector con casi 190 millones de sitios web analizados, si bien son muy similares en funcionamiento, gt metrix utiliza más factores y servicios para analizar la carga de tu página web, tambien destaca la sencillez de los datos mostrados, faciles de entender para alguien que empieza en el mundillo de la optimización web, y muy potente para profesionales en el sector:

Y por último la más conocida de todas, y no por ello menos importante, faltaría más... me refiero a PageSpeed Insights de Google, una herramienta muy utilizada sobre todo para saber el grado de aceptación por el gigante de los buscadores, ya que muestra mucha información sobre las versiones en dispositivos móviles, entre otras:

Insight de Google

Toma decisiones

Con los datos obtenidos y las deducciones que se puedan observar podremos eliminar, modificar o cambiar aquellos plugins o snippets que hacen de nuestra web un sitio lento y aburrido por una página web rápida y atractiva, la envidia de todos los wordpress 🙂

Pues esto es todo, si alguien quiere que amplíe el contenido de esta entrada ya sabe que sólo tiene que pedirlo, al igual si tu wordpress carga lento y necesitas ayuda profesional, no dudes en contactar, estare encantado de solucionarte tus problemas.