Стильные записи WordPress !


Плагин — Content Views позволит вам создавать стильные и привлекательные записи на сайте wordpress. Вы сможете с помощью шорткода добавлять анонсы записей в любое место на вашем сайте. Вы сможете добавлять записи на страницу по категориям, меткам, авторам, то есть, можно будет добавить записи только из определённой категории или метки и т.д. В настройках вы сможете настроить внешний вид записей, можно выбрать размер миниатюры, размер отрывка текста, показ заголовка и т.д. Можно создавать не только анонсы записей, но и страниц. Можно будет выбрать тему или макет для записей, у вас будет на выбор 3 темы:

 

Grid (адаптивная сетка)

04-02-2016 20-36-29_mini

 

Collapsible List (складные листы)

04-02-2016 20-40-11_mini

 

Scrollable List (прокручиваемый)

04-02-2016 20-45-30_mini

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

04-02-2016 20-50-58_mini

 

После установки и активации плагина, перейдите на страницу: Content Views, вверху нажмите на вкладку — Add New, чтобы создать новые анонсы записей.

 

04-02-2016 21-35-15_mini

 

 

Настройки плагина

 

Filter Settings.

— View title, укажите любое название для ваших записей.

— Content type, здесь вам нужно выбрать, что будет отображаться в анонсах, записи или страницы ?

— Common filters, можно исключить записи или указать только конкретные, а так же указать сколько максимум записей будет отображаться на странице. Include only — указать id определённых записей, Exclude — исключить записи по id, Limit — указать сколько максимум записей будет отображаться.

 Advanced filters, здесь вы можете фильтровать показ записей, чтобы например показывались записи только из определённой категории.

 

04-02-2016 21-42-13_mini

 

Если вы хотите, чтобы у вас отображались записи только из определённой рубрики, тогда поставьте галочку возле значения — Taxonomy (Categories, Tags…). Затем поставьте галочку возле значения Рубрика, в поле Select terms выберите рубрику из которой должны отображаться записи.

 

04-02-2016 21-57-27_mini

 

Display Settings.

— View type (Layout), выберите тему для записей, в начале данной записи было показано как выглядят записи в разных темах.

— View type settings, если вы выбрали в качестве темы Grid (сетку), то здесь вам нужно указать сколько будет колонок в сетке.

Layout format, по умолчанию стоит 1 column, если выбрать 2 column, то вы сможете выбрать с какой стороны будет отображаться миниатюра записи.

Fields settings, здесь вы сможете выбрать, что будет показываться в записи. Show Thumbnail — изображение, Show Title — заголовок, Show Content — текст из записи, Show Meta Fields — можно будет выбрать для отображения категорию, автора, дату, количество комментариев.

Size, можно выбрать размер для изображения.

 

04-02-2016 22-07-06_mini

 

Show Full Content, будет показываться всё содержание записи.

Show Excerpt, будет показываться только отрывок текста, можете указать размер отрывка.

Pagination settings, можно включить пагинацию на странице, то есть, если на странице много записей, то они будут разбиты по страницам. Внизу страницы будут стрелки для перехода по страницам. Normal — обычная пагинация, Ajax — переход по страницам без обновления самой страницы, Items per page — здесь нужно будет указать сколько показывать записей на одной странице при включённой пагинации.

— Other settings, здесь можно выбрать в каком окне будет открываться ссылка записи. Current tab — в том же окне, New tab — в новом окне.

В конце нажмите на кнопку — Save, чтобы сохранить настройки.

 

04-02-2016 22-33-14_mini

 

 

Добавление записей на страницу

 

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

 

04-02-2016 22-57-36_mini

 

Вставьте шорткод на страницу, на которой будут отображаться записи, опубликуйте страницу и наслаждайтесь результатом.

 

04-02-2016 22-58-17_mini

 

 

Перевести текст в кнопке Читать далее

 

В записи, в кнопке Читать далее, у вас будет отображаться Английский текст, чтобы перевести текст на Русский, перейдите на страницу установленных плагинов. Возле названия плагина, нажмите на вкладку — Изменить.

 

8rQrcHfiiFw

 

Далее, на странице редактирования плагина, справа, найдите вкладку — content-views-query-and-display-post-page/includes/html.php, нажмите на данную вкладку. Затем нажмите на сочетание клавиш Ctrl+F, у вас откроется поиск по странице, введите в поиск текст Read more, который отображается на кнопке, нажмите Enter, на странице будет показано место где отображается данный текст, вам останется только заменить его на Русский — Читать далее и Обновить файл.

 

viDBRc0Iag8_mini_mini

 

Всё готово !

Если вы хотите, чтобы у вас на разных страницах отображались разные записи из разных рубрик, то вам нужно создавать записи по отдельности для каждой рубрики, то есть, чтобы у вас для каждой рубрики с записями был отдельный шорткод. Просто жмёте на вкладку — Add New и создаёте новые записи к другой рубрике или метки.

 

Остались вопросы ? Напиши комментарий ! Удачи !

 



Стильные записи WordPress ! обновлено: Октябрь 15, 2016 автором: Илья Журавлёв

19 комментариев

  • Любовь 05.06.2016 Ответить

    Здрасте!)
    А я изменила правильно?
    Спасибо
    $dots : »;

    // Read more button
    if ( apply_filters( PT_CV_PREFIX_ . ‘field_content_readmore_enable’, 1, $fargs[ ‘content’ ] ) ) {
    // Leverage WordPress translation
    $default_readmore = ucwords( rtrim( __( ‘Читать далее…’ ), ‘.’ ) );
    $text = apply_filters( PT_CV_PREFIX_ . ‘field_content_readmore_text’, $default_readmore, $fargs[ ‘content’ ] );
    $btn_class = apply_filters( PT_CV_PREFIX_ . ‘field_content_readmore_class’, ‘btn btn-success’, $fargs );
    $readmore_btn .= self::_field_href( $oargs, $post, $text, PT_CV_PREFIX . ‘readmore ‘ . $btn_class );
    $readmore_html .= apply_filters( PT_CV_PREFIX_ . ‘field_content_readmore_seperated’, », $fargs ) . $readmore_btn;
    }

    • Илья Журавлёв 05.06.2016 Ответить Автор

      Привет, если всё правильно сделала, то на кнопке будет отображаться — Читать Далее.

  • Любовь 05.06.2016 Ответить

    Да, именно так и отображается) Отличный плагин! ИЛЬЯ, СПАСИБИЩЕ!!!

  • Екатерина 08.06.2016 Ответить

    Подскажите, пожалуйста как изменить цвет кнопки «Далее»

    • Илья Журавлёв 08.06.2016 Ответить Автор

      В CSS файлах плагина искать надо. Ничего конкретного сказать не могу, так как не занимался этим. Есть плагины специальные, с помощью которых можно менять стили. Один такой плагин мне попадался, уже не помню его название, вспомню напишу.

  • Любовь 08.06.2016 Ответить

    А у меня в настройках плагина просто меняется и цвет кнопки » далее» и цвет фона;)

  • Любовь 08.06.2016 Ответить

    ой) плагины спутала(((
    извините))))))

    • Илья Журавлёв 08.06.2016 Ответить Автор

      )))…Нашёл ещё один супер плагин на подобии этого, скоро буду разбирать, он походу ещё лучше и проще.

  • Любовь 17.06.2016 Ответить

    Извините, пожалуйста) И у меня теперь тот же вопрос))): а как цвет кнопки поменять? Может Вы уже знаете
    Спасибо.

  • Екатерина 17.06.2016 Ответить

    я поменяла в основном файле css темы

  • Любовь 17.06.2016 Ответить

    Можете, пожалуйста, подробно написать :как и куда войти и что менять. Я не разбираюсь, просто. Спасибо.

  • Александр 19.01.2017 Ответить

    Здравствуйте. А у меня на кнопке написано: Тег «Далее».
    Откуда взялся этот «Тег»? Не пойму, перелопатил поиском код, попробовал найти через программу языковой локализации, нигде не нашел сочетания этих двух слов. Помогите, как сделать, чтобы было написано просто «Далее» без приставки «Тег».

  • Александр 19.01.2017 Ответить

    Ё-моё, прошу прощения. Только что написал пост, подумал, пойду еще покопаюсь, и о-го-го, оказалось что прямо во вкладке Display Settings есть окошко «Text for Read more» где можно вписать любое слово, которое будет отображаться на кнопке!!! Вот там то и была надпись «Тег «Далее», я её поменял. Меня сбила с толку рекомендация менять надпись кнопки в коде. Видимо в новой версии этот момент поменялся.
    Только вот теперь возник другой вопрос. Когда открываешь запись с установленным плагином в формате аккордеона, первая вкладка автоматически отображается открытой. Нет ли в настройках опции, чтобы при открытии страницы весь аккордеон был закрыт? Огромное спасибо вас за то, что выкладываете столько виджетов с пояснениями.

    • Илья Журавлёв 20.01.2017 Ответить Автор

      Здравствуйте, да, после обновления плагина, теперь можно менять текст кнопки прямо в настройках. А с аккордеоном может помочь CSS, просто надо найти нужное значение, которое не будет открывать первую вкладку при открытии страницы. Может помочь плагин — SiteOrigin CSS или плагин — Simple Custom CSS.

  • Александр 20.01.2017 Ответить

    Илья, спасибо за быстрый ответ. Это я опять поторопился с формулировкой проблемы. Её просто нет. Там же на второй вкладке есть опция Open first item by default (открывать первую вкладку по умолчанию). Галочку снял и … вуаля. Это все от спешки и невнимательности.
    Что касается плагина SiteOrigin CSS, то опять же благодаря вам и вашему сайту я пользуюсь этим плагином (а так же капчой и мн. др), уже изменил размер шрифта анонса в Content Views.

    Вообще с помощью SiteOrigin CSS я всю главную отредактировал под себя. Но у него есть один недостаток. Плагин позволяет форматировать только главную страницу. Дело в том, что у меня по умолчанию в шаблоне стоит 16-й размер шрифта. Однако на страницах записей и в комментариях выводится только 15-й. Что я ни делал в таблице стилей, ничего не помогает. Убрал все значения с 15-м шрифтом — все бестолку. Менял ради интереса фонт=сайз 16 на другое значение, ничего в записях не меняется. Думаю, что где-то что-то блокирует вывод 16-го шрифта в записи и комментарии, а где и что не пойму. Нет ли плагина для CSS аналогичного SiteOrigin, чтобы можно было тект в комментариях и в записях переформатировать?

    • Илья Журавлёв 20.01.2017 Ответить Автор

      SiteOrigin CSS может редактировать любую страницу, вверху есть поле специальное, туда нужно вставить URL адрес страницы. Либо просто нажать на ссылку, а потом перейти по URL адресу, который появится. Перейдите на страницу где у вас есть комментарии и отредактируйте текст в любом комментарии. Можно добавить свои CSS стили в плагин Simple Custom CSS. Если хорошо подумать, всё можно решить.

  • Александр 20.01.2017 Ответить

    Огромное спасибо. Шрифты удалось изменить и в записях. Теперь вот пытаюсь установить Post Tiles, указываю цвет плитки и шрифта, количество знаков, ставлю шорт код , беру его сверху, не пойму, тот ли он, поскольку он не меняется, и у меня вместо обещанных 8-ми, получается всего 5 плиток. Когда браузер в полуразвёрнутом состоянии они не адаптируются под ширину сайта, а просто увеличиваются в размере и выставляются по вертикали с левой стороны, а когда окно браузера сжимаю, получается всего 5 плиток — четыре по горизонтали и одна внизу. Не подскажете, что предпринять?

  • Анастасия 20.05.2017 Ответить

    Добрый день. Не до конца поняла. Если у меня нет страниц, а только рубрики и в каждой рубрике записи. Куда мне нужно вставить шорткод, чтобы в этой рубрике записи отображались сеткой?

    • Илья Журавлёв 20.05.2017 Ответить Автор

      Здравствуйте. Данный плагин не предназначен для такого. Страницы рубрик выводятся с помощью одного шаблона, а не отдельных страниц. Если вы добавите php код плагина в шаблон рубрик, то плагин выведет там записи из одной категории или последние записи.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *



Яндекс.Метрика

Правила - Карта - Связь - Мой хостинг

Стрелка вверх