Modelar con el css en wordpress veinte quince
Una hoja de estilo en cascada (CSS) es una hoja de estilo en cascada de marcado que controla el aspecto del contenido de una página web. Cada tema de WordPress única que utiliza en su blog utiliza CSS. La CSS ofrece estilo y elegancia de diseño de las etiquetas de plantilla en sus plantillas. El CSS para su tema de WordPress es aspirado a través de la plantilla de cabecera (header.php) Y lleva el nombre style.css.
En la plantilla Header (header.php) De la mayoría de los temas de WordPress, se encuentra la siguiente línea de código, que tira de la CSS (style.css) En la página para proporcionar el formato de los elementos de su blog:
No modificar la línea de código que tira en el style.css Archivo- lo contrario, el CSS no funcionará para su blog.
selectores CSS
Con CSS, puede proporcionar el estilo (como el tamaño, el color y la colocación) para la visualización de elementos en su blog (por ejemplo, enlaces de texto, imágenes de cabecera, tamaño de fuente y colores, márgenes de párrafo y espaciado de línea). selectores CSS contienen nombres, propiedades y valores para definir qué elementos de las plantillas HTML va estilo con CSS. selectores CSS se utilizan para declarar (o seleccionar), que parte del marcado el estilo se aplica a. Estos son algunos ejemplos de selectores CSS y su uso.
| Selector de CSS | Descripción | HTML | CSS |
|---|---|---|---|
| cuerpo | Define el estilo para el cuerpo general del sitio, tales como Fuentes de color de fondo y por defecto. | body {background-color: blanco} El color de fondo en todas las páginas es de color blanco. | |
| pag | Define cómo se formatean los párrafos. |
Esto es un
párrafo
El color de las fuentes utilizadas en todos los párrafos es negro.
Este es un sitio
título
Una fuente rodeada por el
..
etiquetas HTML es negrita.Publicación
Todos los enlaces de texto aparecen en rojo.
Las clases y los identificadores
Puede encontrar la hoja de estilo (style.css) Para el tema Twenty Quince por defecto en la página de edición de temas en su tablero de instrumentos. Todo en ella puede parecer extraño para ti en este momento, sino que se centran su atención sobre dos artículos que se ve cuando se desplaza hacia abajo esa plantilla:
#contenido: Un tipo de selector CSS. El símbolo de almohadilla (#) indica que se trata de un ID de CSS.
.singular: Otro tipo de selector CSS. El punto (.) Indica que se trata de una clase CSS.
Una hoja de estilo tema de WordPress (style.css).
IDs y clases definen propiedades de peinado para diferentes secciones de su tema de WordPress. Esta lista muestra ejemplos de identificadores y clases de la header.php plantilla en el tema Twenty Quince WordPress. Armado con esta información, usted sabe dónde buscar en la hoja de estilo cuando se quiere cambiar el estilo de un área particular de su tema.
| HTML | Selector de CSS | Descripción |
|---|---|---|
| “página”gt; | #página | Estilos de los elementos para el ID de página de su plantilla (s). |
| “.sitio de cabecera”gt; | .sitio de cabecera | Estilos de los elementos para la clase de cabecera en su sitio plantillas). |
| “Título del sitio”gt; | .Título del sitio | Estilos de los elementos para su clase título del sitio en su plantilla (s), sino que también sigue las reglas para los valores h1 fijados en el CSS. |
| “Búsqueda-toggle”gt; | .Búsqueda-toggle | Estilos de los elementos para su clase de búsqueda de palanca en su plantillas). |
| “contenido”gt; | #contenido | Estilos de los elementos para la identificación de contenido en su plantillas). |
Si encuentra un elemento en el código de la plantilla que dice carné de identidad (como div id = o p id =), Busque el símbolo de hash en la hoja de estilo. Si encuentra un elemento en el código de la plantilla que dice la clase (por ejemplo, div class = o clase p =), Busque el periodo de la hoja de estilo seguido por el nombre del selector.