Cómo Estilo CSS objetos incrustados en Wordpress

sitios web de WordPress utilizan hojas de estilo en cascada (CSS) en gran medida en la parte delantera y la parte trasera. CSS se utiliza para el contenido HTML separado del diseño. Con la actualización de un archivo central de CSS, una alteración se reflejará en cada página web que se llama en ese archivo y cuenta con las etiquetas apropiadas.

Instrucciones

1 Ingrese a su panel de WordPress.

2 Haga clic en "Editor" en la opción "Aspecto" en el menú de navegación izquierdo. La hoja de estilo es normalmente lo que se carga en la ventana del editor de primera. Si no es así, buscar el archivo .css en virtud de la lista de la plantilla a la derecha.

3 Agregue el código CSS adecuado para el archivo .css. Por ejemplo, este es el código básico para incrustar una imagen en un post o una página:

.Imagen {

background: url (http://www.yoururl.com/image.gif);

Anchura: 100px;

altura: 100px;

}

La dirección URL en el atributo de fondo contiene el enlace a la imagen. Ajuste el ancho y la altura basada en las dimensiones de la imagen. Haga clic en "Actualizar archivo" después de haber realizado todos los cambios.

4 Haga clic en "Agregar nuevo" en "Mensajes" o "Páginas" en el menú de navegación de la izquierda. También puede actualizar un archivo existente.

5 Llame a la imagen del documento HTML. Agregue el código siguiente a su entrada o página:

<Div class = "imagen"> </ div>

La "imagen" clase está ligada al atributo en el archivo CSS.

6 Haga clic en "Publicar" para empujar a su archivo HTML en vivo. Previsualizar el archivo para asegurarse de que las etiquetas CSS y documentos se conectan y la imagen se visualice.

Consejos y advertencias

• atributos CSS tienen que ser únicos. Si "imagen" ya se utiliza en el archivo CSS, cambiar el término a otra cosa.