Como hago esto... Ayuda.

[Marthita23]

Mi petición es simple para una modificación...

Por favor visiten:

http://www.modelling.com.mx/mg/

De esta pagina son 2 cosas las que quiero solucionar las dos radican porque elimine la barra lateral.

Como ven hay dos entradas de ejemplo una dice hola mundo es la que aparece por default, la otra dice otra mas y la ultima dice prueba 2, aun lado de ellas aparece un espacio en blanco justo donde iria la barra lateral.

Ahora mi pregunta es como puedo hacer para que en lugar que parezca de 2 entradas por renglón o nivel se ocupe el espacio en blanco que era de la barra lateral con otra entrada, para que sean las 3 entradas por renglón o por nivel.

La segunda pregunta, entren en cualquiera de las entradas por ejemplo Hola mundo... de igual forma aparece el espacio en blanco que era de la barra lateral, "Como puedo hacer para que este espacio desaparezca y la entrada ocupe todo el espacio incluyendo lo que era de la barra latera....?

Bueno a barra lateral saben a la que me refiero donde van los tags populares, calendario, etc.

Espero ahora si me respondan jejeje por favor ayúdenme gracias.

Ciao.

[keison]

Aqui va la respuesta para la segunda pregunta:

Tienes que editar tu archivo css aqui:

Código css:

.entry {style.css (línea 235)
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0 5px 10px;
padding:5px 10px;
}
 

y agregar el atributo width, para manejar el ancho de la entrada.

Código css:

.entry {style.css (línea 235)
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0 5px 10px;
padding:5px 10px;
width: 921px;
}
 

se deberia ver asi:

kirbits.cl/images/modellingcommx.jpg

Me cuentas como te fue.

Saludos.

**Me interesa saber como dejar 3 entradas en el index**
si lo descubres deja aca la respuesta

[Marthita23]

Hola gracias me fue de mucha ayuda ya quedo en las entradas el tamaño completo, sigo buscando para la pagina principal...

Abusabdo de tu amabilidad podrias decirme como colocar las imagens de thumbs en cada entrada nueva en el directorio, no logro ponerlas y siguen quedando los rectangulos grises.

Gracias.

[keison]

si no me equivoco, estas trabajando en la pagian y ha cambiado el index.
como quieres que queden?. o el problema es que no se te ven?

saludos

[Marthita23]

Haz de cuenta que en cada entrada en la pagina principal, arriba de Prueba 2, Otra mas y Hola mundo tiene un rectángulo que se ve gris.. se supone que debería tener una imagen que va en la entrada pero no he podido lograr que quede alguna imagen, no se como hacerlo, que tengo que modificar o hacer para que aparezcan las imágenes en el post.

Bueno espero me ayudes jejeje gracias nuevamente.

[Marthita23]

Keison....

Me enviaron como hacer lo de los 3 post en una sola línea:

Hola MArtha, lo que debes hacer es cambiar el tamaño del espacio que contiene los post, el cual varía según el theme pero debería llamarse algo como "main" o "main wrapper" o "content" como te digo depende del theme. Para identificarlo vas al archivo index.php de tu theme y buscas la llamada a los posts ( busca esto

' <?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post"> '

En este caso el div se llama "content".

Lo que debes hacer es aumentar el ancho de este espacio, ya que por defecto el ancho es del total del ancho del theme menos el sidebar. Al eliminar el sidebar el ancho del contenido sigue siendo el mismo.

Ej. tu theme mide 1000px de ancho (verás algo así en tu hoja de estilos css widht: 1000px;), de los cuales tu content mide 600px y tu sidebar 400px, al borrar el sidebar el content sigue siendo de 600px, debes aumentarlo a 1000px (es un ejemplo)

Lo siguiente es dividir el ancho total del content entre 3 para saber cuanto será el ancho de cada post, en el ejemplo sería 333px, a esto debes restarle un poco por los margenes y padding, calcula más o menos 325px y vas probando

En la hoja de estilos css busca el div que le da el estilo a los post, casi siempre es #post y ponle width: 325px; y también es importante que pongas float: left; para que los post queden uno al lado del otro.

Espero haber sido claro, si tienes dudas puedes copiar aquí tu css que te decimos como hacerlo

Saludos...

Esto es lo que buscabamos, solo que no entiendo bien como o donde cambiarlo puedes traducirlo jejeje pero en fin esta es la ayuda que me dieron espero sea de utilidad.

[keison]

Iniciado por Marthita23

Haz de cuenta que en cada entrada en la pagina principal, arriba de Prueba 2, Otra mas y Hola mundo tiene un rectángulo que se ve gris.. se supone que debería tener una imagen que va en la entrada pero no he podido lograr que quede alguna imagen, no se como hacerlo, que tengo que modificar o hacer para que aparezcan las imágenes en el post.

Bueno espero me ayudes jejeje gracias nuevamente.

Marthita: Esto es lo que quieres hacer?

Te dejo una imagen:

kirbits.cl/images/modelling.jpg

Vengo llegando asi que leo el codigo que te enviaron con mas calma en un rato mas. y te respondo para ver que hacer.

Saludos y gracias por compartir =)

[keison]

Martitha:

Aqui esta el resultado, de lo que te enviaron.

kirbits.cl/images/modelling3column.jpg

El codigo php es solo para identificar el nombre de la clase que mantiene el post.

Para tu caso es un poco mas de manipulacion de las imagenes no mas, pero no pense que se podria lograr atravez de css no mas :).

Te cuento un poco mas:

El cuadro que contiene los post se llama: Home-Entry-post

Código css:

.home-entry-post {style.css (línea 612)
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin:0 7px 13px 5px;
padding:0;
width:298px;
}
 

en el css solo debes cambiar el width:

Código css:

width:280px;
 

Ahora tienes problemas con el ancho de las imagenes de las entradas, asi que tendremos que cambiarlo, este es el css original.

Código css:

.home-thumb {style.css (línea 637)
background:#F1F1F1 none repeat scroll 0 0;
border:1px solid #DDDDDD;
height:90px;
margin:10px;
padding:5px;
width:268px;
}
 

Tambien hay que cambiar el width:

Código css:

width:245px;
 

Con esto deberiamos estar listos.

Saludos y suerte.

Me cuentas como te fue

[Marthita23]

Hola gracias a ti por responder...

Mira en realidad lo que quiero es como lo coloque aqui:

http://www.modelling.com.mx/modelling.jpg

Como puedes ver en la imagen hay un rectangulo rojo que dice AQUI LA IMAGEN en la entrada, esas imagens de cada entrada son las que no he podido poner.

Y bueno del codigo segun deberia quedar asi como estan en la imagen de la pagina los 3 post seguidos en un solo renglon.

Bueno espero te ayude el codigo que te envie y si resulta me ayudes

Gracias nuevamente.

[keison]

Ok ahora si entiendo ;).

En el theme original se le insertan imagenes o tu lo hiciste ? y que theme usas?

Gracias por compartir el codigo ;)

saludos

[Marthita23]

Mira esta es el screenshot del theme

[keison]

Esta muy bueno el theme marthita.
ya me imagino como funciona mas o menos.
Como no estoy seguro te contacto por MP y luego dejo aca la respuesta.

[keison]

listo, ya he descubierto como agregar las imagenes, primero deberas subirla por medio del wordpress, (no he probado con imagenes externas), luego creas una nueva entrada y en donde dice campos personalizados, es donde esta el "truco".
En nombre le pones "thumbnail", sin comillas. y en value , le das el valor de la url de la imagen: http://www.modelling.com.mx/keison.jpg, luego guardas el campo y publicas la entrada.

Deberás ajustar el tamaño de la imagen a 245px x 90px. y te aseguro que quedara todo bien.

Saludos, me cuentas como te fue.