Как это реализовать на wordpress?

12
T
На сайте с 22.10.2010
Offline
65
1247

Уважаемые веб-строители! Не подскажете, как реализовать эту схему в шаблоне wordpress?

Буду благодарен за помощь!

---------- Post added 19-04-2012 at 15:31 ----------



---------- Post added 19-04-2012 at 15:35 ----------

Для прояснения - это план главной страницы

Sandal
На сайте с 30.11.2010
Offline
29
#1

Не зацикливайтесь на вордпрессе, попробуйте заюзать другие цмски.

Женский форум Харькова (http://woman.kh.ua)
skAmZ
На сайте с 04.09.2009
Offline
122
#2

Sandal, очень полезно и информативно...

topman, вас что конкретно интересует верстка и/или как данные вывести?

Sandal
На сайте с 30.11.2010
Offline
29
#3
skAmZ:
Sandal, очень полезно и информативно...

Всегда рад помочь ;)

Skreep
На сайте с 27.03.2012
Offline
12
#4

Миниатюры из постов чудесно выводит вот этот вот плагин (можете запихать в functions.php):

http://wp-kama.ru/id_142/kama-thumbnail.html

Настроить его под себя труда не составит - в статье все разложено подробно, а в комментариях к ней еще подробнее.

Далее. Название статьи под миниатюрой выводите, например, вот таким вот кодом, вставленным в самый конец loop'а перед <?php endwhile; ?>

<span><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Перейти к работе  <?php the_title(); ?>"><?php the_title(); ?></a></span>

Статичный текст выводите непосредственно HTML кодом, тут тоже проблем не должно возникнуть.

Ну и ссылки на последние посты... можете прибегнуть к стандартной функции WP, а можете воспользоваться вот этим вот: http://wp-kama.ru/id_80/funktsiya-dlya-vyivoda-poslednih-zapisey-v-wordpress.html Это оригинально выполненная замена стандартому виджету, с рядом настроек.

Навигацию можно выполнить вот так вот: http://druweb.ru/postranichnaya-navigacziya-v-wordpress-bez-plaginov.html

Вся прелесть этой конструкции в том, что создается она без использования плагинов, все без труда можно зашить в functions.php, а на станицу выводить короткие вызовы функций. Сам использовал дважды, проблем никаких не возникло.

T
На сайте с 22.10.2010
Offline
65
#5

Skreep, спасибо за подсказку! Но картинки на главной должны работать в качестве ссылок на статьи! И на каждой картинке должны быть надписи в виде названия статьи! Плюс еще необходимо сделать все так, как в схеме, т.е 2 картинки-ссылки должны быть напротив друг друга, если у кого есть примеры такого кода поделитесь плиз!

Skreep
На сайте с 27.03.2012
Offline
12
#6
topman:
Но картинки на главной должны работать в качестве ссылок на статьи!

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

topman:
И на каждой картинке должны быть надписи в виде названия статьи!

Просто позиционируете тот самый элемент с названием куда Вам угодно - при создании новых постов он автоматически будет появляться там, где надо.

topman:
Плюс еще необходимо сделать все так, как в схеме, т.е. 2 картинки-ссылки должны быть напротив друг друга, если у кого есть примеры такого кода поделитесь плиз!

Готового решения Вы, боюсь, не найдете.

herbst
На сайте с 16.07.2010
Offline
70
#7

При помощи этой функции можете дергать первое изображение текущего поста в цикле:

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

При помощи скрипта timthumb.php можете ресайзить эти изображения без нарушения их пропорций.

А по поводу того, как сделать так, чтобы сверху 4 поста выводилось так, а ниже просто списком ссылок - так это задача с тучей решений. Можно внутри цикла прописать условие и итератор ввести, можно с параметрами цикла пошаманить через query_posts, можно ввести два цикла на странице и тд. Навскидку вариантов 10 могу подсказать ) Пишите в аську, если что - помогу

Godinovich
На сайте с 27.05.2009
Offline
38
#8
При помощи скрипта timthumb.php можете ресайзить

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

Есть такая функция в WordPress API, называется get_the_post_thumbnail. Массив, передаваемый в качестве второго параметра, вот и изменение размера миниатюры.

А теперь см. рабочий пример (вертикальная прокрутка справа).

Качественные темы для WordPress (http://www.wordpreso.ru) 2012-ого года на русском языке.
KoDmAn
На сайте с 24.09.2009
Offline
42
#9

4 большие картинки и название статей

<?php $recent = new WP_Query("showposts=4"); while($recent->have_posts()) : $recent->the_post();?>
<?php the_post_thumbnail('featured-big'); ?><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
<?php endwhile; ?>

Статичный текст: можно добавить прям в home.php, можно подключить сайдбар для этого места

Дале еще 10 статей с мелкой картинкой

<?php $recent = new WP_Query("offset=4&showposts=10"); while($recent->have_posts()) : $recent->the_post();?>
<?php the_post_thumbnail('featured-small'); ?><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
<?php endwhile; ?>

Картинки задаются при публикации поста, размеры оговариваются в functions.php

add_theme_support( 'post-thumbnails' );
add_image_size( 'featured-big', 300, 150, true );
add_image_size( 'featured-small', 100, 50, true );

Дивы, li, ul и прочий css - разбросать по вкусу

6666
На сайте с 10.01.2005
Offline
505
#10

topman, такая конструкция не пойдет? http://serovnik.com/

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
12

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