Css en los post 'personalizados'

[metacortex]

Iniciado por FlyWeb

incluyendo imágenes a mi antojo y voluntad y colocandolo como a mi me gusta cada post

Si dominas CSS te resultará sencillo. Todo lo que debes hacer es crearte un juego de estilos que puedas combinar y luego los asignas a tu gusto, por ejemplo:

Código css:

.izquierda {
  float: left;
}
 
.rojo {
  background: #cc0000;
}
 
.azul {
  background: #009999;
}
 
.padding8 {
  padding: 8px;
}
 
.linea-gris {
  border: 1px solid #666666;
}
 

Ahora supongamos que deseas que tu imagen flote a la izquierda, tenga un padding de 8 px y el fondo rojo.

Código html:

<img class="izquierda padding8 rojo" />
 

Si sólo quieres una línea gris y padding pero sin fondo:

Código html:

<img class="linea-gris padding8" />
 

Etc, etc...

Esto lo colocas en el cuadro de diálogo de la imagen (editor) justo en el campo de texto "Clase".

Resumiendo: el objetivo es que planifiques y construyas algunos estilos genéricos con creatividad, los cuales puedas reutilizar una y otra vez sin necesidad de engrosar tanto tu hoja de estilos. Luego los aplicas cómodamente desde tu propio editor de WP. De esa forma personalizarás al máximo todas las imágenes.