[SOLUCIONADO] Como muestro una lista en wordpress? mediante plugin o como?

[codeman1234]

Hola,

estoy desarrollando una web para una agencia de modelos en wordpress pero me he quedado estancado en la pagina donde listas a las modelos, como puedo hacer un listado de las modelos y modelos tipo tiene esta web que esta hecha en joomla pero en wordpress

http://www.agenciafama.es/modelos.html


Se hace mediante algun plugin o como?? Por favor ayuda que llevo intentando hacerlo y buscando pero nose como hacerlo.


Gracias

[jamie_88]

no creo que te sirva un plugin...

si cada modelo es un post con la foto como imanen en evidencia (imagen principal, la que esta abajo a la derecha), crea una template de pagina llamado modelos, en este template llamas todos los posts, y los ordenas (con html + css) en modo que te quede con el diseño que quieres... y creando una pagina de template modelos, deberias obtener el resultado...

[codeman1234]

hola Jamie_88,

antes que nada gracias por responder, solo una duda como hago para ordenarlo con html + css? sabes de algun tutorial donde pueda entender como hacerlo?

Slds y gracias

[jamie_88]

sinceramente no sabria recomendarte algun tutorial, pero si buscas en google de seguro encontraras muchos...

me imagino que ya habras instalado wordpress (almenos en local)...

entra al theme Twenty_Eleven y habre el file page.php y el file content-page.php

creo que viendo ambos files te sera mas claro como lo tienes que hacer...

[codeman1234]

Vale gracias, voy a probar y te cuento.


Slds

[codeman1234]

Hola,

dos dudas, como hago para llamar mediante PHP el titulo del post, la feature image y la categoria a ser posible? Cual seria el codigo php de eso?


Tambien quisiera crear nuevos nuevos campos en cada post para asi poder crear una ficha para cada modelo, por ello como se hace en wordpress para crear nuevos campos tipo color de ojos, color de pelo, altuira, etc?


Slds y gracias por tu ayuda jamie

[23r9i0]

titulo: the_title() o get_the_title()
feature image: the_post_thumbnail() o get_the_post_thumbnail()
categoria: get_category() o get_term()

Custom fields: Puedes usar un plugin o crearlo manualmente mas info aqui

[antigoo]

Si usa un plugin para tipos de contenidos, algunos traen opcion de contruir vistas, osea formas en las que aparecera en tipo de contenido correspondiente.

Si lo puedes hacer como categorias por post, hay plugins que muestran una lista de temas por categoria algunos son sencillos y otros traen imagenes y toda la cosa.

[codeman1234]

Iniciado por antigoo

Si usa un plugin para tipos de contenidos, algunos traen opcion de contruir vistas, osea formas en las que aparecera en tipo de contenido correspondiente.

Si lo puedes hacer como categorias por post, hay plugins que muestran una lista de temas por categoria algunos son sencillos y otros traen imagenes y toda la cosa.

Hola antigoo,

me podrias decir a que plugin te refieres para que le heche un vistazo, gracias

[codeman1234]

Iniciado por 23r9i0

titulo: the_title() o get_the_title()
feature image: the_post_thumbnail() o get_the_post_thumbnail()
categoria: get_category() o get_term()

Custom fields: Puedes usar un plugin o crearlo manualmente mas info aqui

Hola 23r9i0,

muchas gracias por tu ayuda, queria preguntarte como seria entonces el script php para que por ejemplo me muestre todas las "feature images" y "titulo" de todos los posts y que me lo muestre en filas de 4 (4 fotos por fila).

Porque te cuento los pasos que he hecho de momento que han sido los siguientes:

Crear un nuevo template como me dijo jamie_88 y en ese template estoy intentando poner las funciones que mencionas como por ejemplo:

Código:

<div class="modelos"> 
<?php 
echo the_title(); 
echo get_the_title();
echo the_post_thumbnail();
echo get_the_post_thumbnail();
  ?>

</div>

Pero no me muestra nada, que estoy haciendo mal? Como dime mi intencion es que me muestre la feature image y el titulo de todos los posts ordenados 4 filas


Gracias por la ayuda,

Slds

[antigoo]

aqui hay muchos http://wordpress.org/extend/plugins/...=category+list

[codeman1234]

Perdon, me saca el titulo pero no me saca la imagen, que hago mal?

Iniciado por antigoo

aqui hay muchos http://wordpress.org/extend/plugins/...=category+list

Alguno que recomiendes?

Slds

[codeman1234]

Hola,

ya he conseguido listar el titulo y la feature images de cualquier categoria a mi eleccion,
el codigo es el siguiente:

<?php
query_posts( array('posts_per_page'=>5, 'category_name'=>'modelos vip') );
while ( have_posts() ) : the_post();
?>

<div class="entry-previewimage">



<h2><a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php if ( has_post_thumbnail() ): // check for the featured image ?>
<a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>" class="opacity"><?php the_post_thumbnail(); ?></a> <!--echo the featured image-->
<?php
endif;?></div>
<?php // the_excerpt(); // echo the excerpt
endwhile;
wp_reset_query(); // resets main query
?>

Ahora el problema que tengo es saber como puedo hacer para poder hacer que la lista se vea ordenada por 4 filas, osea que me sea ordenado por 4 modelos por fila, por lo que tengo entendido tengo que ponerlo en una tabla pero como puedo modificar el codigo de arriba para que se ordene de esa forma o dicho de otra forma como puedo implementar la tabla en ese codigo.

[jamie_88]

Iniciado por codeman1234

Código PHP:

  <?php 
query_posts( array('posts_per_page'=>5, 'category_name'=>'modelos vip') ); 
while ( have_posts() ) : the_post(); 
?>   

con esto obtienes solo 5 posts de la categoria modelos vip,

Iniciado por codeman1234

Ahora el problema que tengo es saber como puedo hacer para poder hacer que la lista se vea ordenada por 4 filas, osea que me sea ordenado por 4 modelos por fila

para tener 4 columnas, lo que tienes que hacer es un float left, primerp calcula el tamaño de tus divs...

si tu div principal tiene un width de 880 px, entonces el div donde muestras las fotos de los modelos (si no me equivoco es este: <div class="entry-previewimage">) no puede ser mas grande de 200px (con un margen a la derecha de 20px para que se vea ordenado)...

Iniciado por codeman1234

por lo que tengo entendido tengo que ponerlo en una tabla pero como puedo modificar el codigo de arriba para que se ordene de esa forma o dicho de otra forma como puedo implementar la tabla en ese codigo.

implementa tablas solo en ciertos casos, como por ejemplo si tienes que mostrar los horarios de un bus, los datos de una clase (escuela)...

[codeman1234]

Iniciado por jamie_88

con esto obtienes solo 5 posts de la categoria modelos vip,

Como lo puedo poner para quitar ese limite de solamente 5 de forma correcta ya que yo le he puesto 999 para que muestre 999 imagenes que serian mas que suficientes pero prefiero aprender a solucionarlo de forma correcta a ser posible.

Iniciado por jamie_88

para tener 4 columnas, lo que tienes que hacer es un float left, primerp calcula el tamaño de tus divs...

Mas o menos he conseguido domarlo, me salen de forma de 4 columnas pero el problema son dos primero tengo ahora mismo puesto 7 modelos para probar y me salen en 3 filas de esta forma:

XXXX
XX
X

Me deberia salir completo de esta forma:

XXXX
XXX


Como puedo solucionarlo?


El segundo problema seria que me gustaria que las imagenes salgan ordenadas de tipo random, que no esten siempre en el mismo orden como podria ponerlo?


El codigo CSS es el siguiente:

Código:

.entry-previewimage, .entry-previewimage a {
width: 200px;
/*height: auto;*/
border:2px solid yellow;
background-color: #ccc;
margin-right: 20px;
float:left;
}

Estoy siguiendo tus indicaciones de width y float, que hago mal? Porque quisiera que todas las imagenes se muestren en el mismo tamaño.

Estoy usando el template "Twenty Twelve" y el template que estoy ahora es full width sin sidebar, te lo comento por si acaso.


Como deberia prodecer? Gracias y slds

[jamie_88]

Iniciado por codeman1234

Como lo puedo poner para quitar ese limite de solamente 5 de forma correcta ya que yo le he puesto 999 para que muestre 999 imagenes que serian mas que suficientes pero prefiero aprender a solucionarlo de forma correcta a ser posible.

si lees la documentacion se te hara mas facil ;)... en lugar de usar el 999 usa -1, pero si la query es para la home, no tiene mucho sentido (creo yo) mostrar todos los posts, bastarian con 12 o un maximo de 20 posts... y controlo que el category_name creo que se refiere al slug y no al nombre (si tu nombre es modelos vip tu slug deberia ser modelos-vip)

http://codex.wordpress.org/Function_..._in_a_Category

Iniciado por codeman1234

Mas o menos he conseguido domarlo, me salen de forma de 4 columnas pero el problema son dos primero tengo ahora mismo puesto 7 modelos para probar y me salen en 3 filas de esta forma:

XXXX
XX
X

Me deberia salir completo de esta forma:

XXXX
XXX

a esto seria mas facil responder si tu pagina esta online... asi le puedo dar un ojo...

Iniciado por codeman1234

El segundo problema seria que me gustaria que las imagenes salgan ordenadas de tipo random, que no esten siempre en el mismo orden como podria ponerlo?

si he entendido a lo que te refieres... sinceramente nunca he tenido tal necesidad, y aunque si creo que no podrias hacer una query random "directa", de alguna forma lo podrias lograr, pero (para mi), seria mejor que muestos los posts por orden de fecha desc, o en este caso que son modelos por orden de nombre...

Iniciado por codeman1234

El codigo CSS es el siguiente:

Código:

.entry-previewimage, .entry-previewimage a {
width: 200px;
/*height: auto;*/
border:2px solid yellow;
background-color: #ccc;
margin-right: 20px;
float:left;
}

Estoy siguiendo tus indicaciones de width y float, que hago mal? Porque quisiera que todas las imagenes se muestren en el mismo tamaño.

Estoy usando el template "Twenty Twelve" y el template que estoy ahora es full width sin sidebar, te lo comento por si acaso.


Como deberia prodecer? Gracias y slds

lo primero que tendrias que hacer es crear un thumbnail (busca en los codex de wordpress sobre thumbnail y como agregar nuevos tamaños en tu tema) del tamaño que necesitas (200x200 por ejemplo) porque no tiene sentido cargar la imagen a tamaño original si en realidad la necesitas mas pequeña...


saludos...

[el_tigre]

Pienso que podría cargar imágenes thumbnail del mismo tamaño por medio de un Custom fields o también por medio de imágenes destacadas.

[codeman1234]

Iniciado por el_tigre

Pienso que podría cargar imágenes thumbnail del mismo tamaño por medio de un Custom fields o también por medio de imágenes destacadas.

Hola El tigre,

Gracias tambien por responder pero ya lo solucione, cargandolas por thumbnail como dices, encontre la propiedad de css adecuada.


Muchas gracias a todos, me ayudasteis muchisimo y estoy aprendiendo muchisimo del wordpress cosas que ni me imaginaba que se pueden hacer con el.

Slds