Помогите молодому верстальщику с сайтом Wordpress

R4
На сайте с 19.03.2014
Offline
0
678

Здравствуйте ув. коллеги. Нужна Ваша помощь. Обрыл уже кучу сайтов, никак не могу решить свой вопрос...

http://pojrem.ru/ - здесь мне понравилась одна штука, которую я хочу прилепить к себе на свой сайт по кулинарии

а именно http://prntscr.com/31wnla - вывод рецептов на главной и в категории..

оба сайта на wordpress, я уже все перепробывал-ничего не выходит...

мой сайт gotovim-vkusno.com.ua

Помогите пожалуйста знатоки :beer:

Спасибо

С ув. Руслан-автор блога

Sly32
На сайте с 29.03.2012
Offline
303
#1

Это пара строчек кода. Могу помочь, но желательно знать вашу тему. У себя я выводил так:

В данном случае выводится 4 самых популярных рецепта по просмотрам


<h3>Самые популярные рецепты на сайте </h3>



<?php


$args = array('showposts' => 4,
'cat' => 78, // здесь номер категории где нужные вам рецепты
'meta_key' => 'views',
'meta_compare' => '>=',
'meta_value' => 0,
'orderby' => 'meta_value_num', // как сортируем
'order' => 'DESC' ); // вверх или вниз


query_posts($args);
?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>


<!-- Вывод thumbs, если нет - первое изображение из поста иначе- заглушка --!>
<div style="float: left; overflow: hidden; width: 23%; height: 280px">
<span style="font-size: 9px"><?php the_time('d.m.Y');?>
<?php if(function_exists('the_views')) { the_views(); } ?> читали</span>// подсчет посетителей
<?php if ( has_post_thumbnail()) { ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
<?php the_post_thumbnail(array(150,100),
array('class' => 'alignnone post_thumbnail')); ?>
</a>
<?php }else { ?>
<a href="<?php the_permalink(); ?>" title="Фото для <?php the_title_attribute(); ?>"><img src="/здесь адрес картинки для заглушки" align="none" alt="Вся Беларусь здесь фото" width="150" height="100" /></a>
<?php } ?>

<h5><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h5>



</div>



<?php endwhile; ?>

<?php endif; ?>
<?php wp_reset_query(); ?>

</div>


Пример вывода десь :http://www.realby.info/recepty/

Опять же - вывод картинок- по вашему усмотрению, можно брать тумбсы, можно искать первую в посте. У меня немного криво выводятся, так как никак не могу залезть в CSS и подправить для первой картинки в посте и для миниатюр.

Этот код можно вставить прямо на страницу, где вы хотите выводить список рецептов, если у вас установлен плагин поддержки кода PHP- не надо даже лезть ковыряться в код. все параметры настраиваются.

Здесь пример без пагинации, но ее несложно подключить. Да, тема должна поддерживать микроминиатюры.

Gzas
На сайте с 05.01.2014
Offline
135
#2

А так не подойдёт:


<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr> //строки
<td style="width: 25%;" valign="top"> //столбцы с заданной шириной
//Блок рецептов
</td>
<td style="width: 25%;" valign="top">
//Блок рецептов
</td>
<td style="width: 25%;" valign="top"> //столбцы с заданной шириной
//Блок рецептов
</td>
<td style="width: 25%;" valign="top">
//Блок рецептов
</td>
</tr>
........................ //и так далее

</tbody>
</table>
R4
На сайте с 19.03.2014
Offline
0
#3

Спасибо большое, но мне нужен не информер, а вывод материалов с пролистыванием... как на примере... можно ли это как-то организовать?!

Sly32
На сайте с 29.03.2012
Offline
303
#4
Ruslan4eg:
Спасибо большое, но мне нужен не информер, а вывод материалов с пролистыванием... как на примере... можно ли это как-то организовать?!

В мой код добавляйте пагинацию и все

---------- Добавлено 20.03.2014 в 10:49 ----------


<h3>Самые популярные рецепты на сайте </h3>



<?php


$args = array(
'showposts' => 20, // количество на странице
'cat' => 78, // здесь номер категории где нужные вам рецепты
'orderby' => title, // как сортируем
'order' => 'DESC'
'paged' => $paged,
);



query_posts($args);
?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div style="float: left; overflow: hidden; width: 23%; height: 280px">
/*Здесь выводите все что хотите из поста*/

</div>

<?php endwhile; ?>
<br><?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

</div>

Стили естественно лучше вынести в CSS, тело цикла напишете сами - вывод картинки, заголовка, краткого описания...

Плагин постраничной навигации естественно нужен

R4
На сайте с 19.03.2014
Offline
0
#5

проблема в том что у меня по ходу все через функции выводиться....😕

SeVlad
На сайте с 03.11.2008
Offline
1609
#6
Sly32:
В мой код добавляйте пагинацию и все

По моему там просто вёрстка такая.

2 цикла. В первом выводится 2 поста с анонсом, во втором 20 след постов без анонсов - просто миниатюра и заголовок.

АПД. А не, я похоже не прав. Вероятно действительно там блок типа "похожие записи" между циклом и пагинацией.

Ruslan4eg:
проблема в том что у меня по ходу все через функции выводиться...

Проблема в том что у тебя тема, сгенерённая в артклистире. И нужно избавляться от этого мусора.

Темы с похожим функционалом (сужу по скринам ;) ) http://wordpress.org/themes/birdsite, http://wordpress.org/themes/picturesque, http://wordpress.org/themes/mixfolio

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
R4
На сайте с 19.03.2014
Offline
0
#7

Ребят, если не тяжело (может у кого-то появиться свободная минутка), помогите мне пилз организовать эту тему. мой скайп ruslan-bad89 - в долгу не останусь)

SeVlad
На сайте с 03.11.2008
Offline
1609
#8

Ruslan4eg, если ты действительно хочешь понять как верстаются темы, то а) забудь про артистир и б) учись.

А будут сложности - гугли. И только если решение не найдено - задавай вопросы на форумах. Только конкретные вопросы. Тогда всё получится.

Nomiki
На сайте с 28.03.2012
Offline
117
#9

Ruslan4eg, что вы мучаетесь. Если диз в Арти - поставьте себе плаг, и выводите нужные посты хоть в сайдбаре, хоть в виджет-зонах до/после основных постов, которые у вас выглядят в блоговом виде.

Для плага в CSS напишите вывод построчный, типа inline-block.

И будет всё нормально выглядеть ;)

Заказать дизайн сайта: nomiki@yandex.ru | Портфолио: behance.net/nomiki | ВК: vk.com/nmk_msk
R4
На сайте с 19.03.2014
Offline
0
#10

Спасибо, буду пробовать)))

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