Plugin: List category posts - Cum să afișezi subtitlul sub miniatură
Am încercat să afișez subtitlul sub miniatură folosind CSS, dar fără succes. Continuă să apară deasupra.
css:
.lcp_catlist {
float:left;
text-align:center;
}
.lcp_catlist li {
display:block;
float:left;
width: 160px;
height: 150px;
margin-bottom: 10px;
}
div.project-title {
}
.project-thumb {
float: left;
padding: 3px;
}
shortcode-ul:
[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]
Din câte am înțeles, miniatura trebuie să fie într-un div pentru ca proprietatea float din CSS să funcționeze. Totuși, pluginul nu oferă opțiunea de a folosi thumbnail_tag. Există vreo soluție pentru a pune miniatura într-un div?
Nu sunt sigur dacă ajută, dar acesta este template-ul HTML pentru fiecare post:
<ul>
<li>
<div class="project-title">TITLUL POSTĂRII</div>
<div class="project-thumb">MINIATURA MEA</div>
</li>
</ul>`
Problema este că div-ul pentru imagine este în partea de jos, în timp ce div-ul pentru titlu este deasupra.
Chiar dacă am încercat să modific setările CSS, poziția rămâne aceeași. Nu pot schimba ordinea elementelor, deoarece aceasta este definită în nucleul pluginului.
Vă mulțumesc foarte mult pentru ajutor!
după o întreagă noapte de căutări pe Google și teste, am rezolvat problema folosind șablonul List Category Posts. Tot ce am făcut a fost să creez un alt șablon (pe baza celui oferit de plugin) într-un folder din directorul temei mele. Apoi am editat codul plasând codurile pentru afișarea imaginilor în miniatură deasupra codurilor pentru titlu și, violă!, funcționează perfect.
mulțumesc Sol pentru încercarea de a mă ajuta. Chiar apreciez asta. ^^

este pe localhost-ul meu, deci nu pot să-l afișez.
dar iată o captură de ecran: http://img52.imageshack.us/img52/7974/23615186.jpg
și iată CSS-ul meu pentru el: http://pastebin.com/A9fF3AFw

Nu sunt sigur dacă asta va ajuta, dar acesta este șablonul HTML pentru fiecare post:
<ul>
<li>
<div class="project-title"><a href="my_link">Eniro Cinderella</a></div>
<div class="project-thumb"><a href="my_link"><img width="150" height="120" src="my-image.jpg" class="attachment-thumbnail wp-post-image"></a></div>
</li>
</ul>
problema este că div-ul pentru imagine este în partea de jos în timp ce div-ul pentru titlu este deasupra.
chiar dacă am experimentat cu setările CSS, pare să rămână în acea poziție. totuși, nu le pot schimba locurile deoarece asta face parte din nucleul plugin-ului.

Nu am văzut nicio referință la wp-caption în exemplul tău, așa că este dificil să depanez fără a vedea codul efectiv. Cu toate acestea, ca sugestie, de ce nu creezi o galerie simplă într-o pagină WP, apoi folosești firebug pentru a analiza codul și să-l copiezi?
