10 pasos para crear un administrador de WordPress de aspecto profesional
Ya sea que cree sitios de WordPress para clientes, tenga su propio blog de autoría múltiple o simplemente desee un aspecto más personalizado para su sitio, hay muchos casos en los que puede querer cambiar el diseño del panel de administración de WordPress y la página de inicio de sesión. Puede instalar un complemento de tema de administración previamente preparado, pero ¿qué ocurre si desea más libertad??
Calificar al administrador de WordPress no se trata solo de diseño, puede ser un forma inteligente de autopromoción también. En esta publicación, veremos cómo puede personalizar el tablero de WordPress y la página de inicio de sesión, agregar su propio logotipo, eliminar o cambiar elementos del menú, eliminar enlaces que apuntan a WordPress.org y ajustar muchas otras configuraciones de administración con el Ayuda del complemento AG Custom Admin Panel.
1. Instale el complemento AG Custom Admin
En primer lugar, navega a la Plugins> Añadir Nuevo
elemento de menú de administración en su panel de WordPress, busque el AG Custom Admin plugin, instálalo y actívalo. El plugin coloca un nuevo submenú llamado AG Custom Admin
dentro de Herramientas
y un botón en la barra de administración superior para ayudarlo a llegar rápidamente a la configuración.
2. Configuración general
En la primera pestaña puede configurar los ajustes generales. Una de las mejores cosas de este complemento es que si mueve el cursor sobre las etiquetas de opción, aparece una pequeña información sobre herramientas en la que puede leer más sobre esa opción específica.
La primera opción en Configuración General es la “Excluir administrador AGCA de personalizaciones” donde puedas rapidamente Activar y desactivar las personalizaciones para los usuarios administradores.. Esto puede ser útil si desea que los usuarios con el rol de administrador vean el panel de WordPress predeterminado.
Los siguientes dos ajustes ocultar o revelar el “Opciones de pantalla” y el “Ayuda” menú ubicado en la esquina superior derecha de cada página de administración (ver más abajo). Demasiadas opciones pueden confundir a los usuarios menos expertos en tecnología, por lo que puede ser una buena idea deshacerse de estas dos opciones.
La configuración general también le permite elegir la capacidad de WordPress que permite a los usuarios acceder a la configuración del complemento.
3. Ocultar o personalizar la barra de administración
los Configuración de la barra de administración La pestaña te ayuda a ocultar o personalizar la barra de administración, el menú horizontal en la parte superior. Puedes ocultarlo completamente desde el panel de administración, y mostrar solo un botón de cierre de sesión elegante en la esquina superior derecha.
En otros casos, es posible que desee simplificar la barra de administración eliminando algunos de sus elementos menos importantes. La configuración de la barra de administración tiene muchas opciones que te permiten oculta cada parte una por una, personalizar el encabezado del blog, añade tu propio logo en lugar del logotipo predeterminado de WordPress, o completamente removerlo.
En la siguiente captura de pantalla modifiqué el blog para “Cambio Vista” para indicar que este es el lugar donde pueden cambiar entre el frontend y el backend.
También quité el logotipo de WordPress por completo, pero no lo reemplacé con el logotipo de Hongkiat, ya que preferiría agregar esto al menú de administración vertical (Paso 7). A partir del siguiente paso, continuaré con la barra de administración completamente eliminada..
4. Marca el pie de página
En el Admin pie de página En la pestaña, puede eliminar completamente el pie de página de la parte inferior del panel de administración o cambiar su texto a lo que desee. Puede ser una buena idea Coloque un enlace a la página de inicio de su negocio., para que sus clientes puedan contactarlo rápidamente si necesitan algún tipo de soporte.
5. Limpie el tablero de instrumentos
los Configuración de la página del panel de control Le permite modificar la página de inicio de su panel de administración. Esta es la pantalla con los widgets del panel de control como “De un vistazo” y “Noticias de WordPress” Se ve al principio cuando inicia sesión como administrador..
En el primer ajuste puedes cambiar el texto del encabezado de la palabra “Tablero” a su propio nombre de marca, y también puede agregar su contenido personalizado debajo de él.
Definitivamente puede ayudar a los usuarios si colocar un “Más información” enlace debajo del titular (como lo hice en la captura de pantalla de abajo). De esta manera pueden llegar fácilmente a usted. Un rápido “Bienvenido en nuestra área de administración.” la introducción puede ser útil también.
El complemento AG Custom Admin también hace posible ocultar los widgets del tablero uno a uno. Solo les dejo dos, para que mi administrador de marca esté menos desordenado. Si escondes los widgets aquí no estarán disponibles para los usuarios de la “Opciones de pantalla” menú.
Mi panel de control personalizado de WordPress se ve así ahora mismo, todas las referencias a WordPress.org han desaparecido, y se ven más claras y directas..
6. Agregue su logotipo a la página de inicio de sesión
los Configuración de la página de inicio de sesión te permite personalizar la página de inicio de sesión de su sitio, reemplace el logotipo de WordPress con sus propios gráficos y oculte o revele el “Volver al blog”, “Registro”, y “Contraseña perdida” campo de golf.
En la captura de pantalla a continuación, puede ver que solo cambiando el logotipo y apuntando el enlace que está detrás de él hacia su propio sitio puede dar un aspecto personalizado a la página de inicio de sesión y definitivamente puede ayudar a promocionar su marca..
7. Cambia el menú de administración a la izquierda
El menú de administración se puede encontrar en el lado izquierdo del panel de administración. Tiene muchos elementos, e incluso más subítems, muchos de los cuales no tienen la etiqueta más autoexplicativa. Eso puede hacer que la curva de aprendizaje sea abrupta para personas no tecnológicas..
los Configuraciones del menú de administración Ayudarte a limpiar rápidamente el menú de administración. Si lo desea, puede eliminar todo el menú de administración, pero probablemente sea mejor simplemente ocultar los elementos que sus usuarios no necesitarán.
No solo puede hacer invisibles los elementos del menú superior, sino también los submenús; simplemente haga clic en el menú de nivel superior y aparecerá una lista desplegable muy útil. Además, puedes cambiar el nombre de las etiquetas a algo que sea más fácil de entender para los laicos, tal como lo hice con el “Tablero”, “Medios de comunicación”, y “Apariencia” etiquetas debajo.
Tú también puedes Cambia el diseño básico del menú de administración. si tu quieres. Puede ocultar los iconos, los separadores de elementos del menú, la flecha del submenú y “Contraer menú” botón, agregue alrededor del borde de los submenús e inserte su propio logotipo en la parte superior del menú de administración.
Para mí, agregué un logotipo de Hongkiat al menú de administración con un enlace que apunta a la página de inicio de hongkiat.com, que claramente marca todo el panel de administración, pero no de manera intrusiva..
Cambié el nombre de 3 elementos del menú (los nuevos son “Admin Home”, “Imágenes”, y “Diseño”), retiró el “Enchufar” menú completo, y se agregó un radio de 10px a las esquinas de las ventanas emergentes del submenú.
Así es como se ve:
8. Colorear el Admin.
los Colorizador pestaña le permite darle sabor a su administrador de WordPress por Cambiando el texto y los colores de fondo de los elementos principales.. La función del colorizador es en tiempo real, por lo que al elegir un nuevo color puede ver el cambio a la vez sin guardar la configuración..
Aquí solo modifiqué el color de fondo predeterminado a azul claro, por lo que ahora coincide con el azul real del logotipo de Hongkiat, pero puede modificar otras cosas si lo desea. Probablemente sea una buena idea jugar un poco con los colores para ver qué aspecto tiene mejor dónde..
No solo puede cambiar los colores del panel de administración, sino también el color de fondo de la página de inicio de sesión.
9. Agregue su código personalizado
Si eres un desarrollador de front-end experimentado, puedes agrega tu código CSS y JavaScript personalizado al área de administración también. Con la ayuda de las herramientas de desarrollo de su navegador, puede agarrar fácilmente el selector de CSS del elemento que desea modificar.
En este paso, amplío un poco más el panel en la página de inicio de sesión con la ayuda del siguiente fragmento de código:
#login ancho: 480px; ancho máximo: 90%; margen: 0 auto;
Como puede ver, el panel de inicio de sesión se ha ampliado pero sigue respondiendo gracias a la anchura máxima
regla. Lo más probable es que este cambio proporcione una mejor experiencia para la mayoría de los usuarios. Incluso puede guardar su código personalizado exportándolo a un .agca
archivo, y luego importarlo a otros sitios de WordPress.
10. Instalar un tema de administración pre-preparado
La última pestaña llamada Temas de administrador le permite instalar un tema de administración previamente preparado en la parte superior de su configuración. Si lo haces, perderás los colores personalizados que configuraste en la pestaña Colorizador, pero aún así podrás mantener otras configuraciones..
La mayoría de los temas de administración aquí no son gratuitos (aquí hay 10 temas de administración de WordPress que son), pero comprar uno puede ser una excelente manera de apoyar a los autores de este increíble complemento..