Здравейте, намерих това ръководство:
dailyblogging.org/wordpress/how-to-add-and-style-post-thumbnails-with-captions-in-wordpress/
Вкарах следния код в темплейта на сайта и изглежда, че работи коректно - извежда снимките и текста отдолу:
Проблемът е, че текстът не е стилизиран, а според ръководството би трябвало да е - в прозрачно поле вътре в снимката.
Ето ccs, който добавих в края на файла stylesheet.ccs:
Ето и резултата до момента: Календар на проявите
Чудя се как да постигна това с прозрачната лента, може би има грешка в кода?
dailyblogging.org/wordpress/how-to-add-and-style-post-thumbnails-with-captions-in-wordpress/
Вкарах следния код в темплейта на сайта и изглежда, че работи коректно - извежда снимките и текста отдолу:
PHP:
<div class="excerpt_thumbnail">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail();
echo '<div class="thumbnail_caption">' .get_post(get_post_thumbnail_id())->post_excerpt.'</div>'; ?></a>
</div>Проблемът е, че текстът не е стилизиран, а според ръководството би трябвало да е - в прозрачно поле вътре в снимката.
Ето ccs, който добавих в края на файла stylesheet.ccs:
PHP:
.excerpt_thumbnail {
float: left;
}
.excerpt_thumbnail img{
background: #fcfcfc;
padding: 0.4em;
margin: 0.5em 1em 0.5em 0em;
border: 1px solid #E0E0E0;
}
#content_area .excerpt_thumbnail div.thumbnail_caption {
position: relative;
background: rgba(51, 51, 51, 0.7);
color: white;
text-align: center;
text-transform: uppercase;
font-size: 0.8em;
width: 112px;
margin: -4em 0em 0em 0em;
}Ето и резултата до момента: Календар на проявите
Чудя се как да постигна това с прозрачната лента, може би има грешка в кода?
