Как сделать такой анонс на wordpress?

12
[Удален]
1628

Здравствуйте! Хотелось бы сделать у себя на сайте подобный анонс записей:

Пока что удалось сделать только такой:

Как можно увеличить рамку, чтобы картинку в ней поместить вверху, а внизу добавить рейтинг, комменты и просмотры?

Заранее благодарен за помощь :)

SeVlad
На сайте с 03.11.2008
Offline
1609
#1
blackw0lf:
а внизу добавить рейтинг.. просмотры?

Наверное поставить соответствующие плагины ;)

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
[Удален]
#2
SeVlad:
Наверное поставить соответствующие плагины ;)

Не в этом суть. Как сделать именно такую большую рамку, в котором будут все эти данные. То есть чтобы в рамке картинка была не по центру а вверху, а внизу вот такие вот данные.

П.С. Плагины у меня стоят, нужно только решение для подобной реализации. Но отдельное спасибо за ссылочку.

kimberlit
На сайте с 13.03.2007
Offline
370
#3
blackw0lf:
То есть чтобы в рамке картинка была не по центру а вверху, а внизу вот такие вот данные.

Внутри блока: сначала картинка, а потом остальная шняга. Кэп.

[Удален]
#4
kimberlit:
Внутри блока: сначала картинка, а потом остальная шняга. Кэп.

Не получается так..

Этот блок выводится кодом:

<?php

if ( has_post_thumbnail() ) { ?>
<img class="klongim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&amp;h=300&amp;w=200&amp;zc=2" alt="" />
<?php } else { ?>
<img class="klongim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php bloginfo('template_directory'); ?>/images/dummy.png&amp;h=300&amp;w=200&amp;zc=2" alt="" />
<?php } ?>
kimberlit
На сайте с 13.03.2007
Offline
370
#5
blackw0lf:
Этот блок выводится кодом:

Это картинка выводится, а не блок. Сделай свой блок, где сначала идёт этот код, а потом свой добавь.

LS
На сайте с 29.12.2011
Offline
21
#6

рамку увеличить никак не получиться.

Нужно блок вывода поместить в div.


<div class="post">
<?php
if ( has_post_thumbnail() ) { ?>
<img class="klongim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&amp;h=300&amp;w=200&amp;zc=2" alt="" />
<?php } else { ?>
<img class="klongim" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php bloginfo('template_directory'); ?>/images/dummy.png&amp;h=300&amp;w=200&amp;zc=2" alt="" />
<?php } ?>
Вывод названия
<div class="rigth">Вывод рейтинга</div> <div> Вывод к-ва комментариев </div>
</div>

И оформить его в css файле style.css

.post{

background-color:black;
/*и тп.п*/
}
.right{
float:right;
}
Coolmac
На сайте с 08.09.2011
Offline
60
#7

Написанть блок, залить серым цветом, задать ему padding. Далее в нем вывести картинку, следом за ней еще блок с информацией. Блоку с информацией тоже задать отступ, значения на ваше усмотрение.

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
[Удален]
#8
SeVlad:
Наверное поставить соответствующие плагины ;)

Поставил соответствующий плагин.

А как его вывести отдельно в шаблон?

По умолчанию вывод настроен автоматически в конец публикации.

horrors
На сайте с 02.04.2010
Offline
53
#9
blackw0lf:
Поставил соответствующий плагин.

Соответствующий - это какой? :)

Установите проверенный временем WP-PostRatings и вставьте код в нужном месте.

[Удален]
#10
horrors:
Соответствующий - это какой? :)
Установите проверенный временем WP-PostRatings и вставьте код в нужном месте.

Это GD Star Ratind. Просто у меня он работает на сайте нормально, функций в нём предостаточно. Уверен, что можно как-то вывести в шаблон..но как.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий