Как сделать вот такой вывод на главной в WP

T
На сайте с 01.12.2014
Offline
10
463

Сейчас у меня обычная блоговая структура на сайте.

Я хочу сделать вывод записей на главной как то вот так: http://joxi.ru/E2pbQKnuXdzOrY http://joxi.ru/1A5WVdJH1oLEmE

А в рубриках вот так. http://joxi.ru/Rmzz31Qh564PmO

Как это сделать помогите советом?

Я даже не знаю, как это называется, чтобы воспользоваться поиском...

Polkan
На сайте с 28.09.2005
Offline
102
#1
tcreator:
Сейчас у меня обычная блоговая структура на сайте.
Я хочу сделать вывод записей на главной как то вот так: http://joxi.ru/E2pbQKnuXdzOrY http://joxi.ru/1A5WVdJH1oLEmE
А в рубриках вот так. http://joxi.ru/Rmzz31Qh564PmO
Как это сделать помогите советом?
Я даже не знаю, как это называется, чтобы воспользоваться поиском...

Ничего особенного там нет.

Открывайте style.css своей темы и вперед - верстайте.

Что касается рубрики: то же самое + в шаблоне надо добавить вывод описания раздела (если этого нет)

Ну или ищите готовую тему, где это все уже сделано.

WordPress-плагин для Apishops (http://p-api-shop.ru/) P-API-Shop WooCommerce-плагин для Apishops (http://woo-apishops.ru/) Woo-Apishops
Macdec
На сайте с 22.11.2013
Offline
56
#2

Проще будет вам тему похожую найти. Попробуйте по запросу "новостные темы wp"

Не стыдно падать, стыдно не подняться | WordPress статьи (http://wordsmall.ru/)
totamon
На сайте с 12.05.2007
Offline
437
#3

вообще поищите по словам "слайдер", "новостной слайдер"

если сайт на вордпрессе поищите подходящую тему, есть с реализованными подобными элементами, но как правило платные... вывод контента можно изменить при помощи плагинов (пример для ВП) или путем изменения шаблонов

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
P
На сайте с 05.03.2009
Offline
45
#4

Привет!

Для того чтобы сделать вывод превью постов как на скрине, нужно создать блок div class="previevBlock" в нем будет превьюшка поста, далее в стилях этому блоку прописываешь оптекание с лева то есть float:left;

и задаешь необходимую ширину . допустим место под блок с превьюшками у тебя 900px и задав одному блоку div class="previevBlock" ширину 300px у тебя их в ряд влезет 3 шт , задашь ширину 225px то влезет 4шт.

Делаю сайты любой сложности с 2004 года. Качественно, ответственно, честно.

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