портфолио анонс сайт

Стильные портфолио, записи, фото, видео, анонсы на сайт wordpress

 Привет ! Сегодня вы узнаете как очень просто и быстро создавать стильные анонсы записей или видео-записей. У вас на выбор будет 7 стилей отображения анонсов. Вы сможете добавлять к анонсам заголовок, описание, ссылку. Можно добавлять к анонсам свою фото галерею.

 

портфолио анонсы

 

 В одном из стилей при нажатии на анонс, он будет открываться в лайтбокс окне, где будут показаны заголовок, описание, кнопка «Читать далее» и дополнительные фото, если вы их загрузите.

 

лайтбокс анонс

 

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

 

плагин wordpress

 

 После установки и активации плагина, перейдите на страницу: Huge-IT Portfolios. Чтобы создать новые анонсы записей или видео, нажмите вверху на кнопку — Add New Portfolio.

 

настройки портфолио

 

 Далее, на следующей странице, если вы хотите создать видео анонсы, то нажмите на кнопку — Add Video Slide. Если вы хотите создать фото анонсы записей, то нажмите на кнопку — Add Project/Image. Затем загрузите фото или видео. После загрузки изображений, у вас будет три поля для заполнения:

 

Title, укажите заголовок анонса.

Description, укажите описание анонса, текст который будет отображаться в анонсе.

URL, можете указать ссылку страницы, на которую будет попадать пользователь при нажатии на кнопку «Читать далее».

 

создание анонсов

 

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

 Далее, справа в боковой панели, в виджете «Select the portfolio/gallery view» вы можете выбрать название для анонсов и выбрать стиль анонсов. После настройки анонсов нажмите справа на кнопку — Save Portfolio, чтобы сохранить сделанные изменения.

 Разберём стили анонсов:

 

 Block Toggle Up/Down. Описание и кнопка читать далее появляются при нажатии на значок стрелки вниз. Изображения открываются в лайтбокс окне, только фото.

 

стиль анонсов

 

 Full Height Blocks. Анонсы отображаются сразу же открытыми, с описанием и кнопкой.

 

стиль анонсов.

 

 Gallery Content Popup. С эффектом при наведении, при нажатии открываются в лайтбокс окне с заголовком, описанием и кнопкой.

 

эффект анонс

 

 Full Width Block. Анонсы в виде блоков с заголовком, описанием, кнопкой.

 

блог записи

 

 FAQ Toggle Up/Down. В виде спойлеров, только с заголовками.

 

стиль анонс

 

 Content Slider. В виде слайдера.

 

стиль слайдер

 

 Lightbox Gallery. Просто в виде фото галереи, при наведении появляется заголовок и всё. Фото открываются в лайтбокс окне.

 

стиль галерея

 

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

 

шорткод php код

 

 Откройте для редактирования страницу или запись. Вставьте в содержание шорткод анонсов. Можно вставлять анонсы с помощью специальной кнопки — Add Portfolio Gallery, которая появится в визуальном редакторе. При добавлении с помощью кнопки вы сможете сразу же выбирать стиль анонсов.

 

запись шорткод

 

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

 Если у вас остались вопросы, напишите комментарий. Удачи вам !

 

Стильные портфолио, записи, фото, видео, анонсы на сайт wordpress обновлено: Июль 29, 2016 автором: Илья Журавлёв
 
 

2 комментария

  • Иван 15.09.2016 Ответить

    Автор, подскажи, пожалуйста, в стиле Full Width Block нет кнопки «читать далее». Её как-то добавлять нужно?

  • Иван 15.09.2016 Ответить

    Сам разобрался, не был указан URL

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

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


7 + 2 =



super-infa-top
Стрелка вверх