• Ir al menú de navegación principal
  • Saltar al contenido principal
  • Ir a la barra lateral principal
  • Inicio
  • Categorías
    • Novedades
    • Tutoriales
    • Plantillas
  • Todos los artículos
  • Archivo del sitio
  • Contacto

Multiblog

Blogs en el PNTE

  • Solicitud de un blog
  • Todos los blogs
Estás aquí: Inicio / Novedades / Cambio en la gestión de los estilos CSS personalizados para los temas de Multiblog

Cambio en la gestión de los estilos CSS personalizados para los temas de Multiblog

12 de marzo de 2013 por Administrador Multiblog Sin comentarios

Con fecha de 11 de marzo de 2013, se ha comprobado que la función hasta entonces existente en Multiblog para añadir código CSS personalizado a los temas o plantillas ha dejado de funcionar. En efecto, tras la publicación de las últimas versiones de WordPress, el plugin WordPress.com Custom CSS, que hasta el momento se utilizaba para añadir estilos CSS personalizados a los blogs, ya no es operativo.

Por tanto, el plugin se ha desactivado, con lo cual el menu Apariencia > Editar CSS ya no existe. En su lugar, se ha habilitado un nuevo plugin, My Custom CSS, que crea una nueva entrada de menú en la barra lateral del blog, denominada CSS personalizado (figura 1).

Figura 1 - Menú CSS Personalizado
Figura 1 – Menú CSS Personalizado

Haciendo clic en este menú, se accede a un interfaz de edición (figura 2) desde el que se pueden añadir estilos CSS personalizados, mediante los cuales es posible modificar la apariencia de los temas del blog sin necesidad de editarlos. En dicha figura puede verse un ejemplo de un estilo añadido para modificar el color de los titulares de las entradas en el tema Catch Box; originalmente, el titular de la entrada va en un color gris oscuro, casi negro, que en el ejemplo se ha sustituido por un tono violeta oscuro.

Figura 2 - Edición del código CSS personalizado
Figura 2 – Edición del código CSS personalizado

A continuación explicamos brevemente el código que hemos añadido:

/* Código para cambiar el color de los titulares de las entradas a un tono violeta oscuro */

.entry-title, .entry-title a {
     color: #660066;
}
  • La línea 1 es un comentario que explica la acción realizada.
  • La línea 3 define dos clases distintas, que forman parte del diseño del blog y que afectan a los titulares de las entradas y a los enlaces de dichos titulares. Para averiguar en cada caso qué clases hay que modificar, es necesario utilizar herramientas especiales, como por ejemplo la extensión Firebug para Firefox, o bien la función de Inspeccionar elemento, la cual está accesible, en navegadores como Safari o Google Chrome, tras pulsar con el botón derecho sobre un elemento de la página.
  • La línea 4 establece el atributo de color #660066, que como hemos dicho equivale a un tono violeta oscuro.

Para más información sobre los estilos personalizados y la técnica para crear nuevos estilos, véase el tutorial Personalización de la plantilla del blog. También conviene leer algún tutorial sobre CSS, como el que ha publicado Virtualnauta.

Categorías: Novedades Etiquetas: estilos CSS, My Custom CSS, personalización de plantillas, plugins, WordPress.com Custom CSS

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Barra lateral principal

Gobierno de Navarra, Departamento de Educación

Búsquedas

Categorías

  • Novedades (57)
  • Plantillas (5)
  • Tutoriales (15)

Archivo del sitio

Copyright © 2021 · News Pro para Genesis Framework · WordPress · Iniciar sesión