Стильные адаптивные записи плагин 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 и создаёте новые записи к другой рубрике или метки.

 

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

 

info-effect.ru
Добавить комментарий для Илья Журавлёв Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Любовь

    Здрасте!)
    А я изменила правильно?
    Спасибо
    $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;
    }

    Ответить
    1. Admin автор

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

      Ответить
  2. Любовь

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

    Ответить
  3. Екатерина

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

    Ответить
    1. Admin автор

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

      Ответить
  4. Любовь

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

    Ответить
  5. Любовь

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

    Ответить
    1. Admin автор

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

      Ответить
  6. Любовь

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

    Ответить
  7. Екатерина

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

    Ответить
  8. Любовь

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

    Ответить
  9. Александр

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

    Ответить
  10. Александр

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

    Ответить
    1. Admin автор

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

      Ответить
  11. Александр

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

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

    Ответить
    1. Admin автор

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

      Ответить
  12. Александр

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

    Ответить
  13. Анастасия

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

    Ответить
    1. Admin автор

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

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

      Ответить
  14. Никита

    Не могу понять куда вставлять PHP. Отдельной страницей сделал, но это как-то не правильно. Получается две дублирующие страницы со списком записей. Надо сделать только в рубрике чтоб было. Помогите пожалуйста если поняли)

    Ответить
    1. Admin автор

      На страницу лучше шорткод ставить. PHP код ставится в файлы шаблонов. Если вы поставите php код в шаблон категории, то на всех категориях у вас будут выводится одни и те же записи. Что вы хотите сделать ?

      Ответить
      1. Никита

        Мне нужно списки в рубриках, без анонсов, хочу просто названия. Но когда я вставляю код в описание рубрики, страница не открывается, просто серый экран весь. Работает код если вставлять в новую страницу или обычную запись ссылаясь на какую-нибудь рубрику.

        Ответить
        1. Виталий

          Добрый день! Правильно ли я понял что вы хотите реализовать, чтобы когда выбрал нужную рубрику высветились списки с записями из этой рубрики? если да, то можно попробовать вставить вот такой код

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

          Ответить
        2. Admin автор

          В настройках отключите показ изображений. В поле описание рубрики ставьте шорткод, а не php код.

          Ответить
  15. Дмитрий

    Илья, такой вопрос. Все настроил, все супер, но… после перехода на страницу, сверху отображается это же изображения. Вопрос – как убрать это фото сверху? Понимаю что где-то туплю, и это легко (возможно), но как-то никак не получается. Заранее спасибо за ответ.

    Ответить
    1. Admin автор

      У вас такая тема, тут дело не в плагине. Но, скрыть очень просто можно, с помощью CSS, смотрите здесь.

      Ответить
      1. Дмитрий

        Большое спасибо за оперативный ответ. Действительно, попробовал на другой теме – все ок.
        Зато узнал о новом плагине… :-)
        Ещё раз спасибо!

        Ответить
  16. Domaron

    Да, плагин нормальный. Сделал!

    Ответить
  17. Айсулу

    Подскажите, почему могут не срабатывать шорткоды записей на странице. Пробовала и Content view, Shortcode ultimate, Post grid.
    На других страницах шорткоды срабатывают.

    Ответить
    1. Admin автор

      Настраивали всё правильно, категорию записей указывали в настройках?

      Ответить
  18. Алексей

    Кто знает, как убрать кнопку “Читать далее” (если она не нужна) в лайт-версии плагина?

    Ответить
    1. Admin автор
      Ответить
  19. Алексей

    Спасибо!

    Ответить
  20. Владислава

    Здравствуйте. Проконсультируйте, пожалуйста, по такому вопросу. В настройках не предусмотрена возможность выставить фиксированный размер всех блоков. Как можно это реализовать через код?

    Ответить
    1. Admin автор

      Здравствуйте. Если вы укажите фиксированный размер, записи перестанут быть адаптивными. Размер блоков вы не сможете изменить. Вы можете изменить отступ (Margin) или набивку (Padding). Вам может помочь плагин SiteOrigin CSS.

      Ответить
      1. Владислава

        Спасибо за ответ, но это не совсем мне подходит. А может можно как то применять высоту по самому длинному блоку в ряду? Хотелось бы чтоб плитка смотрелась аккуратнее, а не как лестница.

        Ответить
        1. Admin автор

          В настройках можно выбрать размер изображений. Выберите фиксированный размер. Лесенкой, потому что изображения разного размера.

          Ответить
  21. Руслан

    Доброго времени суток! Как вставить картинки в эти три колонки?

    Ответить
    1. Admin автор

      Здравствуйте! Картинки нужно вставить не в колонки, а на странице создания записи, справа виджет Изображение записи)

      Ответить
  22. Руслан

    Большое спасибо!!!! я пока еще нуб в WordPress.)

    Ответить
  23. Евгений

    Доброй ночи, подскажите, как сделать сетау такого типа первая строка 1пост во всю шИрину, вторая строка 2 поста, третья строка 3 поста и снова повтор 1 пост и т д. 

    Ответить
    1. Admin автор

      Здравствуйте. Есть такой плагин Smart Posts Grid посмотрите его. Вообще лучше тему подобрать, уже с готовым шаблоном. Можно и в ручную сделать, с помощью плагина Shortcodes Ultimate, там есть функция “Колонки”.

      Ответить
  24. Елена

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

    Ответить
    1. Admin автор

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

      Ответить
  25. Елена

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

    Ответить
    1. Admin автор

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

      Ответить
  26. Вячеслав

    Здравствуйте! Подскажите пожалуйста как мне найти код, который отвечает за вывод постов (image, title, desc)? Думаю что это в файле html.php, но видимо авторы специально там всё запутали переменными, с которыми не могу разобраться. Хочу фото и заголовок обернуть в один класс для вывода заголовка поверх изображения. Спасибо.

    Ответить
    1. Admin автор

      Добрый день. Через корень сайта, где все файлы плагина, wp-content – plugins – папка плагина – здесь ищите. Можно плагин поставить File Manager, чтобы прямо в админке WP искать.

      Ответить
      1. Вячеслав

        Решил. Купил PRO.

        Ответить
  27. Дмитрий

    Добрый день

    Не могу решить одну проблему, как в этом плагине сделать переход по страницам при превышении лимита записей? То есть мне нужно, чтобы в нижней части страницы выводилось сколько всего у меня страниц с записями и стрелка на следующую страницу, но не могу этого добиться. Записей 20, а на странице отображается 12 и не дает перейти на другую, т к нет кнопок перехода

    Ответить
    1. Admin автор

      Добрый день. Всё просто. Вам нужно включить пагинацию в настройках отображения. Затем, указать лимит, сколько всего должно показываться записей. И в настройках пагинации, указать сколько должно отображаться записей на одной странице, этот показатель должен быть меньше чем лимит.

      Ответить