Новые виджеты в WordPress 4.8

  Автор:
  14 комментариев
  6188
Новые виджеты в WordPress 4.8

На днях вышла новая версия WordPress 4.8 под название «Эванс» в честь джазового пианиста и композитора Вильяма Джона Эванса. Версия уже доступна для обновления. В новой версии есть несколько новшеств, о которых мне бы хотелось рассказать.

Прежде всего обновления коснулись виджетов. Разработчики добавили 3 новых встроенных виджета «Изображение», «Аудио», и «Видео», а также добавили небольшой редактор в виджет «Текст». Давайте рассмотрим их по подробнее.

Встроенный виджет «Изображение»

Для чего нужен виджет «Изображение»? Многие блогеры размещают в боковую колонку изображение своего продукта с призывом кликнуть по изображению и перейти по ссылке, кто-то размещает партнерские баннеры со ссылками, кто-то размещает свои фото и т.д.

Раньше размещение фото в виджете было не простой задачей. Необходимо было загрузить изображение в медиафайлах, затем скопировать ссылку и затем с помощью HTML вставить его в виджет «Текст». Согласитесь, не просто. Для тех, кто не знает HTML можно было сформировать код в редакторе записей или страниц, и затем перенести его в виджет Текст.

Теперь со встроенным виджетом «Изображение» все происходит очень просто.

Как вставить изображение в виджет

1. Перейдите в раздел Внешний вид — Виджеты

2. Найдите виджет Изображение и перетащите его в боковую колонку

3. В поле Заголовок можно написать текст заголовка виджета

4. Нажмите на кнопку «Добавить изображение»

 

5. Выберите изображение из библиотеке или загрузите новое

6. Нажмите на кнопку «Добавить виджет»

Как сделать изображение ссылкой

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

Для того чтобы сделать изображение ссылкой, нужно сделать следующее:

1. Откройте виджет «Изображение», которое вы уже установили в боковую колонку.

2. Нажмите на кнопку «Редактировать»

3. Во всплывшем окне в поле Ссылка выберите из списка «Произвольный URL»

4. В поле ниже пропишите ссылку

5. Если необходимо, поставьте галочку «Открывать в новом окне»

6. Нажмите на кнопку «Обновить»

7. Нажмите на кнопку «Сохранить»

Теперь ваше изображение в боковой колонке будет ссылкой.

Встроенный виджет Аудио

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

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

Для размещения аудио записи в боковой колонке, нужно сделать следующее:

1. Перейдите в раздел Внешний вид — Виджеты

2. Найдите виджет Аудио и перетащите его в боковую колонку

3. В поле Заголовок можете прописать текст заголовка виджета

4. Нажмите на кнопку «Добавить аудио»

5. Вы можете «Добавить аудиозапись» или «Вставить с сайта» ссылку на аудио с другого ресурса

6. Если вы выбрали «Добавить аудиозапись», то нажмите на кнопку «Выберите файлы» и загрузите файл со своего компьютера в формате .mp3

Если вы выбрали «Вставить ссылку» то вставьте в поле ссылку на аудиофайл

7. нажмите на кнопку «Добавить к виджету»

8. Нажмите на кнопку «Сохранить»

Виджет «Аудио» будет выглядеть на вашем блоге вот так:

Встроенный виджет Видео

Зачем нужен виджет «Видео»? Вставить видео приветствие автора в боковую колонку, видео со своего канала Youtube или Vimeo, проморолик продукта итд.

Как вставить видео в боковую колонку

1. Перейдите в раздел «Внешний вид» — «Виджеты»

2. Найдите виджет «Видео» и перетащите его в боковую колонку

3. В поле «Заголовок» можете прописать текст заголовка виджета

4. Нажмите на кнопку «Добавить видео»

5. Вы можете «Добавить видео». В этом случае вы загрузите видео прямо на сайт в «Медиафайлы».

или «Вставить с сайта» ссылку на видео, например с Youtube.

Если видео маленького размера, можно загрузить его на сайт. Однако, если видео большое по размеру, лучше его загрузить на один из видеохостингов Youtube или Vimeo и затем скопировать ссылку и вставить ее в поле «Вставить с сайта»

Мы рассмотрим пример «Вставки с сайта». Видео в этом случае необходимо предварительно загрузить на Youtube и скопировать ссылку на него.

Как скопировать ссылку на видео Youtube

1. Откройте видео на отдельной странице

2. Выделите и скопируйте ссылку в адресной строке

 

6. Перейдите во вкладку «Вставить с сайта»

7. Вставьте ссылку на видео в поле

8. Нажмите на кнопку «Добавить к виджету»

9. Нажмите на кнопку «Сохранить»

Видео в боковой колонке выглядит так:

Встроенный редактор в виджет Текст

Это поистине долгожданное новшество. Как же не хватало встроенного редактора в виджет. Приходилось создавать html код в редакторе «Записи», а потом переносить код в виджет. Или создавать HTML его в виджете Текст.

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

  • Выделить жирным
  • Выделить курсивом
  • Маркированный и нумерованный списки
  • Создать ссылку

Давайте рассмотрим инструмент по подробнее:

1. Перейдите в раздел «Внешний вид» — «Виджеты»

2. Найдите виджет «Текст» и перетащите его в боковую колонку

 

3. Напишите текст в виджете и отредактируйте с помощью кнопок редактора

4. Нажмите на кнопку «Сохранить»

Текст редактируется также как и в «Записях» и «Страницах».

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

Ну что ж, спасибо разработчикам WordPress за такие замечательные дополнения. Теперь с виджетами «Видео», «Аудио», «Изображение» и «Текст» блогерам еще проще создавать интересный, яркий, полезный блог.

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

 


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

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

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

 

Новые виджеты в WordPress 4.8

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

Анфиса Бреус

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

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

Комментарии на Блог
14 комментариев
  1. Как всегда очень полезные новые «штучки» выдаёте =) Спасибо!
    Анфиса, по поводу аудио… Раньше в виджете «Приветствие автора», в настройках аудио-приветствия, можно было настроить ЦВЕТ аудио-плеера, а теперь нет *UNKNOWN* А было бы здОрово вернуть эту возможность! Я, например, не показываю плеер только из-за этого. Спасибо ещё раз *ROSE*
    P.S. И почему-то, ещё с версии 4.7, НЕ хочет обновляться «Кнопка вверх»…

    • Да, Валентина, раньше была такая возможность, поскольку был встроен сторонний скрипт для отображения плеера. Сейчас мы используем встроенный плеер WordPress, а он не позволяет менять цвет плеера. Возможно в будущем разработчики добавят такую возможность.
      По поводу Кнопки Вверх. Сегодня выйдет новая версия шаблона AB-Inspiration и в этой версии кнопка вверх встроена. Поэтому нужно будет плагин отключить.

      • Ну я консерватор по-натуре, поэтому не очень люблю обновления и трудно привыкаю к любым изменениям… Хотя понимаю, что это необходимо делать периодически и делаю, «скрепя сердце» *NO* А надо, наверное всё-таки, не всегда и не всё обновлять. Ну так, что б только нормальной работе не мешало. И это я только про себя и свои ресурсы. А в общем и целом, тебе Анфиса и всей вашей с Василием команде — низкий поклон, без всякой лести, за все ваши разработки! Шаблоном очень довольна! *IN LOVE*

  2. Очень полезные дополнения к уже имеющимся инструментам! Обязательно буду использовать. Спасибо за подробную инструкцию!

  3. Анфиса! Благодарю за пост! Как всегда, все очень содержательно и понятно. Приятно заходить на блог!

  4. Анфиса, спасибо большое за тако

  5. Спасибо большое за такой подробный обзор! Увидела новую версию, но как всегда, не торопилась обновлять. Оказывается, столько полезного есть! Раньше картинку в виде банера сначала делала в записях, а потом переносила код, а сейчас можно делать гораздо проще! Думаю, что многим такая информация будет полезна. За всем не уследишь, поэтому обзор очень кстати. Пять звездочек и лайки!

  6. Анфиса, благодарю за хорошую статью. Как всегда нужно и полезно!
    Дай Бог тебе здоровья и счастья! *IN LOVE*

  7. Анфиса, спасибо большое за статью! Действительно, добавлен полезный функционал, а вы, как всегда, просто и понятно показали и рассказали.
    Но у меня ещё есть один вопрос: Когда пишешь статью, то title автоматически генерируется плагином. Но где в статье (я в коде не нашла) есть h1? Для СЕО он нужен, но получается, что «разбавленные» ключи надо вписывать под основным заголовком и оформлять их тегом (h1). Но это же смешно получается — два здоровых заголовка в начале статьи? Или я что-то не догоняю…

  8. Анфиса! Спасибо за статью! Очень интересная информация!

  9. От всей души благодарю, Анфиса! Очень полезны ваши разъяснения. С ними становится все понятно и легче адаптировать блог!

  10. Спасибо, Анфиса, что так подробно все описали. Я, к сожалению, давно не работала с блогом — училась. И как раз сегодня, перед тем, как зайти на блог, нашла Вашу статью. Очень своевременно! Решила поделиться с друзьями и поставить 5 звездочек. Успеха всем нам!

  11. Анфиса, спасибо за статью *ROSE* *ROSE* *ROSE*

  12. Анфиса, спасибо за обзор! Если бы не нововведения, связанные с правовой информацией, сразу даже и не узнала бы о новшествах в виджетах последней версии WordPress…

    Уже под какой-то статьёй оставляла свой недвузначный комментарий по поводу любых обновлений, ну вот и получила очередное подтверждение, что не всегда они проходят комфортно, а следовательно…

    Из-за этого «замечательного» html-редактора в текстовом виджете, у меня «слетела» форма подписки на основную рассылку! Да так, что уже хотела «стучаться» к вам в скайп за помощью, хотя код уже наизусть выучила, пока правила. Сдерживало то, что форма сторонняя, но тоже от профессионала. Если бы не последнее обновление и не этот встроенный html-редактор, действительно не было бы никакой головной боли с блогом. А мы ведь не только блогу посвящаем своё время!

    Надеюсь, если я правильно поняла (я, всё-таки, не программист, а простой пользователь) проблема разрешится сама собой, как только параллельно обновлю AB-Inspiration до 7-ой версии, с чем я всегда также не тороплюсь.

    В общем, вам и вашей команде СПАСИБО за своевременные поправки и дополнения, и за заботу о клиентах и пользователях! *ROSE*. А вот разработчиков платформы благодарить пока не хочется *UNKNOWN* . Хотя, как я понимаю, им тоже приходится это делать. Тогда остаётся к ним вопрос: «А удобство-то в чём?», если Анфиса Бреус итак всегда всё подстраивает в своём шаблоне для максимального комфорта владельцев сайтов на WordPress! *THUMBS UP*. ИМХО. *PARDON*

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