programacion

Añade CSS personalizado al administrador de WordPress - » HostIN

Índice Paso 1: crea tu archivo CSS Paso 2: agrega su CSS…

Publicado el 20 de julio de 2024, 21:00 hs

Captura de pantalla del escritorio (dashboard) de administracion de WordPress
Wikimedia Commons / Gmoran6 (CC BY-SA 4.0)

Añade CSS personalizado al administrador de WordPress -

Índice

  1. Paso 1: crea tu archivo CSS
  2. Paso 2: agrega su CSS al administrador de WordPressfunctions.php

Lo creas o no, paso muchísimo tiempo revisando los comentarios de mi blog y corrigiendo problemas de ortografía, formato de código, etc.; sí, incluso los comentarios desde 2007. Es principalmente para fines de control de calidad y facilidad de lectura para mis lectores, especialmente los comentarios del código.

Una queja que tengo con la sección de administración de WordPress es que es difícil detectar preel contenido de las etiquetas, especialmente los ejemplos de código que tienen solo una línea. Me hizo pensar: “¿No sería fantástico si pudiera agregar mis propios estilos a la interfaz de administración de WordPress?” Si es increíble, quiero hacerlo, ¡así que así es como puedes agregar tus propios estilos personalizados al administrador de WordPress!

Índice de contenidos

  1. Paso 1: crea tu archivo CSS
  2. Paso 2: agrega su CSS al administrador de WordPressfunctions.php

Paso 1: crea tu archivo CSS

Puedes colocar el archivo CSS donde quieras; Elegí colocar el archivo CSS dentro de mi tema. Mi archivo CSS de administrador se ve así:

.wp-admin .comment pre { fondo: rosa; /* ¡Se olvidaron del idioma! */ relleno: 6px 10px; tamaño de fuente: 16px; borde: 1px sólido #ccc;}.wp-admin .comment pre[clase] { fondo: #fff; /* idioma (probable) allí */}

El CSS anterior hace que prelas etiquetas sean más visibles. También hará que cualquier PREelemento sin un sea classmás aparente, diciéndome que necesito arreglarlo agregando el idioma como un archivo className.

Paso 2: agrega su CSS al administrador de WordPressfunctions.php

WordPress utiliza un add_actiontipo de admin_enqueue_scriptspara agregar hojas de estilo en cualquier lugar dentro de WordPress:

// Actualizar CSS dentro de la función de administración admin_style() { wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');}add_action('admin_enqueue_scripts', 'admin_style');

get_template_directory_uriProporciona la ruta a su tema actual, simplemente necesita agregar el nombre del archivo al final de la ruta.

Si te molestan los estilos de administración de WordPress como el mío, no dudes en intervenir y cambiarlos. Mi actualización fue muy simple; Si deseas revisar completamente el tema de WordPress para que tus clientes creen que están obteniendo un sistema completamente personalizado, ¡no dudes en hacerlo!

Te podría interesar...

Los sitios de empresas de alojamiento más confiables en diciembre de 2020 Cómo convertir tu blog personal en un negocio rentable Las mejores herramientas SaaS de IA para mejorar la productividad empresarial El impacto de la virtualización de datos en el sector asegurador Comparación de los 9 mejores programas de facturación periódica cpanel genera csr 5 formas en que interactúan CSS y JavaScript que quizás no conozcas - 10 cosas que necesita para prosperar su negocio de comercio electrónico ¿Qué es un registro DNS? -Necesitas saber

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.

← Volver al blog