Новое в AB-Inspiration 6.0.27 и плагинах. Пример создания внешнего вида блога с видеофоном. Цитата Facebook.

  Автор:
  11 комментариев
  7904

Развитие блогов идет в сторону комплексного решения где есть все: и главная презентационная страница, и эффектная форма подписки под шапкой, и отдельная страница для блога, и страница с отзывами, и страница с каталогом продукции.

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

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

Ну пользователи шаблона AB-Inspiration об этом знают  :).

Сегодня хочу представить новшества которые вошли в новую версию шаблона AB-Inspiration 6.0.27. Эти новшества позволят вам создать еще более эффектный внешний вид главной страницы САМОСТОЯТЕЛЬНО. Больше эффектности, больше динамики и интерактива на вашей главной странице.

Вот эти новшества мы сегодня разберем в этой статье:

  1. Цитата Facebook. Вставлен код отправки цитаты в Facebook. Теперь при выделении любого слова или фразы появляется всплывающее окно с возможностью отправить цитату в фейсбук.
  2. Количество просмотров. В строку под заголовком статьи добавлена информация о количестве просмотров статьи.
  3. Видеофон на главной. Добавлена возможность установить на главную страницу видеофон.
  4. Меню в шапке — граница сверху и снизу, отступы сверху и снизу, стиль фона при наведении мышки — граница или фон
  5. Прозрачные копки в плагине Входная страница

А теперь давайте разберем все новшество поподробнее.

Цитата Facebook

В шаблон AB-Inspiration вставлен специальный код, который позволяет при выделении текста на странице со статьей отправить цитату в Facebook.

Как это работает?

Новшество не требует дополнительных настроек. Все что нужно в шаблоне уже есть и настроено (если вы строго следовали инструкции по настройке). В шаблоне настроены метатеги, и вставлен код фейсбук. Для его работы необходимо в настройках шаблона в разделе «Вставки» прописать ID приложения facebook. Мы это делали во время настройки блога.

Итак, теперь вы можете открыть статью и выделить любой фрагмент текста. В этот момент появится всплывающая подсказка со словом «Поделиться цитатой»

tsytata3

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

tsytata4

Количество просмотров статьи

Подсчет количества просмотров статей ведется уже давно в шаблоне AB-inspiration. Этот функционал был встроен для  входной страницы (показ свежих/популярных/комментируемых записей). Так вот, вывод популярных записей как раз и осуществляется за счет этого функционала.

Раз он есть в шаблоне, я решила вывести данные в статьях. Теперь в строке под заголовком статьи размещается информация о количестве просмотров статьи.

Данный функционал не требует дополнительных настроек

prosmotry

Количество знаков текста на входной странице

Это новшество касается тех, кто использует премиум плагин «Входная страница».

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

Итак, раньше в выводе описания указывали количество слов. Получалось вот так:

vhodnaya

Достаточно сложно выровнять блоки если указывать количество слов. Слова бывают разные по длине, поэтому блоки получались одни выше другие ниже.

В новой версии шаблона вывод блоков будет осуществляться по количеству знаков.

В настройках плагина «Входная страница» нужно будет увеличить количество знаков на уровнях.

vhodnaya

Теперь будет выглядеть это так:

vhodnaya2

Как видите, блоки с текстом стали ровными и сделать их ровными с помощью количества знаков гораздо проще, чем по количествуслов.

Меню в шапке

Тут мы остановимся по подробнее, поскольку в меню в шапке добавлено много нового :).

  1. Отступы пунктов меню сверху и снизу
  2. Стиль при наведении мышки на выбор фон или граница снизу(подчеркивание)
  3. Граница меню сверху и снизу

1. Отступы сверху и снизу

Эту опцию лучше всего использовать для создания меню в шапке на полупрозрачном фоне. Меню разместить вверху справа, а слева на полупрозрачном фоне заголовок и описания блога.

Раньше можно было задать только высоту меню в шапке. Какая была высота, так и отображался фон при наведении мышки на пункт меню. Выглядело это так (при наведении мышки фон занимает всю высоту меню):

primer-menu-old

Теперь, за счет отступов меню сверху и снизу можно сделать так:

primer-menu-new

Получается, что высота меню прежняя 90px (полупрозрачный фон), а при наведении мышки на пункт меню, фон появляется посередине, и его высота 30px.

В настройках это выглядит так:

menu-otstupy

2. Стиль при наведении мышки: на выбор фон или граница снизу

При наведении мышки теперь можно выбрать как будет выделяться пункт меню. Есть 2 варианта: фон или граница. Выглядеть это будет так:

Фон:

primer-style-menu1

Граница (подчеркивание):

primer-style-menu2

Настройки стиля фона при наведении мышки выглядят так:

menu-fon

3. Граница меню сверху и снизу

И наконец третье новшество в меню в шапке это границы сверху и снизу.

Вы можете задать толщину границы, стиль (сплошная линия, черточки, точки) и цвет границы.

primer-menu-border

Вот такие настройки доступны для границы:

menu-border

Я записала видео инструкцию по настройке меню в шапке.

5. Видеофон на главной странице

Эта опция будет работать для главной страницы блога с AB-Inspiration созданной с встроенным шаблоном страницы «Входная страница». Лучше всего применить вместе премиум плагины «Живая форма+слайдер» и  «Входная страница». Тогда получится презентационная эффектная главная страница блога.

Видеофон можно установить 2-мя способами:

  1. загрузить .mp4 и .webm файлы через кнопку «Загрузить» в настройках
  2. Использовать видео с Youtube. Для этого нужно просто взять ID Видео.

Можно задать затемнение фона. Это немного затемнит видео. Необходимо для того, чтобы лучше был виден текст формы.

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

Настройки видеофона выглядят так:

videofon

Небольшое видео, демонстрирующее работу видеофона и внешний вид главной страницы:

Премиум плагин «Входная страница»

Еще пару слов о новшествах в премиум плагине «Входная страница».

  1. добавлена возможность выбрать как будет выглядеть кнопка «Читать далее» в виде цветной границы или в виде фона.
  2. добавлена возможность выбрать цвет текста на кнопке «Читать далее» при наведении мышки
  3. изменен вывод анонса. Ограничение не по словам, а по знакам.

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

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

Эта опция доступна для всех шести уровней «Входной страницы»

В настройках эта опция выглядит так:

vhodnaya-knopki-nastroyki

Вот так кнопка выглядит если выбрать опцию «Цветная граница» — Цвет белый, и при наведении мышки кнопка будет вся белого цвета, а текст на кнопки черным.

vhodnaya-knopki

Вот это основные яркие изменения в шаблоне AB-Inspiration и плагинах. Есть еще масса доработок, исправлений недочетов и ошибок. Это обновление коснулось шаблона и плагинов WPForm, Входная страница, Отзывы, и Каталог

Обновления выйдут 23-го мая. А пока я записала видео инструкцию «Как самостоятельно создать эффектную презентационную главную страницу с видеофоном на шаблоне AB-Inspiration + плагин WPForm + плагин Входная страница»

Ну как, вам нравится?

Если есть вопросы, не стесняйтесь, задавайте в комментариях. Буду рада ответить.

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Новое в AB-Inspiration 6.0.27 и плагинах. Пример создания внешнего вида блога с видеофоном. Цитата Facebook.

   6 голосов
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Оставьте свой комментарий:

Комментарии на Блог
11 комментариев
  1. Анфиса! Количестве просмотров статьи — это круто! Оно так необходимо! Спасибо огромное!

  2. Анфиса! Столько много обновлений и сразу! Это круто! В голове все даже не укладывается. Но количество просмотров я на своем блоге не увидела. Огромное Вам спасибо за Ваш колоссальный труд! Ваш шаблон — феноменальный!

  3. Здравствуйте, Анфиса!
    Отличные новшества новой версии!
    Будем ждать обновления.
    Спасибо за Ваш труд по усовершенствованию шаблона!!!

  4. Анфиса, спасибо за новые возможности на шаблоне. Ждем обновления!!!

  5. Анфиса! Сделала обновление. Количество просмотров удивило меня. Очень большое количество просмотров удивило меня. Для некоторых статей я этого ожидала, а для некоторых это было большой неожиданностью для меня. У меня на блоге 58 статей с просмотрами более тысячи, а всего чуть более 800 статей. У статей с большим числом просмотров — больше траст.
    А в настройке Главной странице я сделала вывод статей По просмотрам.
    Большое- большое Вам спасибо.
    Ваш шаблон — лучший!
    Большое- большое Вас спасибо.

  6. Анфиса, добрый день! В виджете Инстаграм исчезли фото — этого не было в обновлениях, это Вордпресс так сделал?

  7. Анфиса, спасибо! Зато другие обновления очень радуют — количество посещений некоторых статей стало настоящим сюрпризом …

  8. Отлично! Цитата Facebook просто великолепна *THUMBS UP*

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