Css en los post 'personalizados'

[FlyWeb]

Hola, buenos días.

Me gustaría crear cada 'post' que cree de una forma personalizada, incluyendo imágenes a mi antojo y voluntad y colocandolo como a mi me gusta cada post. Desgraciadamente wordpress te da soporte para crear tus post muy limitados en cuanto forma.

¿Alguien sabe como hacer algo parecido? Sería un poco parecido al diseño de los post de Yonkis.com.

Gracias de antemano.

[datasitesweb]

cada post con un css distinto ? eso es lo que buscas hacer ?

[FlyWeb]

Iniciado por datasitesweb

cada post con un css distinto ? eso es lo que buscas hacer ?

Sí. Sería como "cajas" personalizadas.

[datasitesweb]

y tendrias que crear un css para cada post.... y colocarlo en el html del post.... no se puede en el single.php, lo unico que se me ocurre es crear alguna variable que cargue secuencialmente distinto css desde el single.php ( habria que preguntar a algun craneo en PHP ).

Pero obviamente en algun momento se comenzaran a repetir...

[FlyWeb]

A las malas se me ocurre hacer unas plantillas e incrustarlas en el .css ya predefinido, pero claro, no se hasta que punto sería viable hacer eso, ya que tendría también muy limitado el diseño, ya que no iba a estar añadiendo plantillas indefinidamente.

Todo esto lo hablo desde una ignorancia del tema. Quizás estoy diciendo locuras y tonterias...

[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.

[FlyWeb]

Mil gracias metacortex, así lo haré.

Ahora a pensar los estilos para que sean lo más reutilizables posible.

[datasitesweb]

Excelente solución Metacortex ! viste FlyWeb tenia que aparecer algún cráneo ! :)

[FlyWeb]

Iniciado por datasitesweb

Excelente solución Metacortex ! viste FlyWeb tenia que aparecer algún cráneo ! :)

Ya te digo XD.