- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
¿Cómo crear reglas CSS para la página específica en WordPress, Joomla y Drupal?
octubre 8, 2012
A veces es muy importante anadir una clase unica a una pagina pero es imposible sin la adicion de identificador unico.
En este tutorial Usted encontrara la manera de crear y utilizar determinada clase/id CSS para alterar una pagina especifica en WordPress, Drupal y Joomla.
-
El primer CMS es Drupal.
- Abra el panel de administracion de Drupal y encuentre el menu “Structure” (Estructura) en la parte superior y elija “Pages” (Paginas).
- Encuentre la pagina necesaria para editar y apriete el boton “edit” (editar”) a la derecha:
- Actualicela haciendo clic en la opcion que necesita y luego en “Edit” (Editar) a la derecha – se puede verla en la captura de pantalla.
- Haga clic en la pestana “General” del menu “Variants” (Variantes) a la izquierda:
- Escriba su nueva clase en el campo “Add body CSS classes” (Agregar clases CSS), haga clic en “Update” (Actualizar) y “Save” (Guardar) en la parte inferior:
- Ya Usted puede revisar su sitio web por medio de Firebug y asegurarse de que tiene un nuevo identificador unico aplicado especificamente a esa pagina:
-
Ahora vamos a utilizar Joomla y describir la forma de agregar un identificador unico de pagina.
- Abra el panel de administracion de Joomla y encuentre el gestor de menu, abra el menu que utiliza para abrir la pagina – regularmente se trata de “Main menu” (Menu principal) y haga clic en el boton, por ejemplo, si Usted necesita editar “Contact us” (Contacte con nosotros), entonces Usted tiene que abrir el boton “Contacto”.
- Al estar en el boton especifico del menu, haga clic en la pestana “Page Display Options” (Opciones de presentacion de pagina) en el panel a la derecha:
- Hay que agregar un valor de clase de la pagina, lo mismo que para Drupal.
- Apriete el boton “Save” (Guardar) para aplicar los cambios a la pagina. Ahora el identificacion nuevo sera anadido.
-
El ultimo CMS es WordPress.
-
Ahora Usted ya sabe la manera de asignar un identificador unico y puede usarlo para configurar el estilo unico, por ejemplo:
.su_ID h2 {display:none;}
Se ocultan todas ‘H2’ en la pagina con “su_ID”.
Por favor, revise el tutorial:
?Como crear reglas CSS para la pagina especifica en WordPress, Joomla y Drupal?