Урок №4. Работа с Elementor и другими плагинами

  • статья
  • видеоурок

Автор: ГлавХост

Время чтения: 5,5 минуты

Время просмотра видео: 3 минуты

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

    Что такое плагины и зачем они нужны

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

    Как найти плагин в WordPress.

    Плагин Elementor: инструкция по работе

    Первый в нашем списке — плагин Elementor. Находим его в поиске, устанавливаем и активируем. Данный плагин поможет вам с оформлением сайта. Давайте с его помощью отредактируем одну из наших страниц.

    Как редактировать страницу в Elementor.

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

    Бесплатный функционал в Elementor.
    1. Давайте разделим нашу страницу на 2 части. Слева у нас будет текст, а справа — видео. Для этого удалим старый блок.

      Добавление структуры в Elementor.
    2. Нажимаем на плюсик. Здесь есть много структур, выбираем подходящую.

      Выбор структуры блока.
    3. Мы выбрали структуру с двумя блоками. Нажимаем на правую колонку и добавляем виджет с видео.

      Добавление видео на страницу.
    4. Вставляем ссылку на нужный ролик.

      Ссылка на видео.
    5. Теперь нажимаем на левую колонку и добавляем текст. Нажимаем «Обновить».

      Добавляем текст на страницу.
    6. Посмотрим, как это выглядит на сайте.

      Результат работы в Elementor.

    Отлично, давайте добавим еще один блок на страницу.

    1. Нажимаем на значок папки.

      Добавление шаблона в Elementor.
    2. Здесь расположены готовые шаблоны: вы можете выбрать как шаблон целой страницы, так и отдельного блока. Выбираем подходящий вариант, мы остановились на этом.

      Выбор готового шаблона.

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

      Библиотека шаблонов.
    3. Отредактируем текст блока и привяжем к нашей кнопке ссылку на YouTube-канал.

      Форма для подписки.
    4. Обновим страницу и проверяем, что все работает.

      Страница обновлена.

    Другие полезные плагины

    Добавим еще пару полезных плагинов.

    Jetpack

    Например, плагин Jetpack ускоряет загрузку сайта и повышает его безопасность. Установим и активируем его.

    Установка Jetpack.

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

    Настройки Jetpack.

    Файловый менеджер

    Следующий плагин — это файловый менеджер.

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

    Установим и активируем менеджер файлов. С его помощью вы легко сможете загружать файлы на сайт прямо из панели управления WordPress.

    Установка файлового менеджера.

    Заключение

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

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

    В следующем уроке мы расскажем, как подключить аналитику сайта и добавить его в поисковые системы. Подписывайтесь на наш YouTube-канал, чтобы не пропустить новые и интересные ролики по созданию сайтов!

Оценить:

4.5

Другие статьи