Как сделать сайт с WordPress и Elementor

Не у всех есть технические навыки, чтобы создать рабочий веб-сайт. Ведь для этого нужно знать как минимум HTML, CSS и хотя бы основы PHP. Однако программирование — не единственный способ справиться с задачей. Нет ничего проще, чем сделать веб-сайт с WordPress и Elementor.

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

Настройка WordPress и хостинга

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

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

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

Создание первой страницы с помощью Elementar

С установленным плагином мы переходим к созданию первой страницы. Перейдите в раздел страницы и нажмите «Добавить новую».

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

Под заголовком нажмите кнопку «Редактировать с помощью Elementor», чтобы открыть редактор плагина.

Создайте свою домашнюю страницу с Elementor, используя предварительно сделанный шаблон

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

Нажмите иконку в виде папки, расположенную в центре экрана — Добавить Шаблон.

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

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

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

Изменить текст главной страницы

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

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

Чтобы изменить цвета и шрифты домашней страницы, щелкните элемент, который вы хотите изменить, и перейдите на вкладку «стиль». Здесь вы можете изменить цвета текста с помощью палитры цветов или введя шестнадцатеричный код, если он у вас есть. У вас также есть доступ к широкому спектру шрифтов на выбор.

Изменение фоновых изображений

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

У вас есть много вариантов, когда дело доходит до изменения фона. Градиенты, фото и даже видеоконтент YouTube можно использовать в Elementor.

После того, как ваши изменения будут завершены, нажмите кнопку «Опубликовать» в левом нижнем углу.

После сохранения страницы Elementor щелкните значок меню в левом верхнем углу.

Нажмите кнопку “Просмотр страницы” в левом нижнем углу, чтобы выйти из редактора и увидеть вашу страницу.

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

Установить страницу в качестве домашней страницы Вашего сайта

Теперь, когда страница создана и опубликована, пришло время установить ее в качестве домашней. Перейдите в админ-панель — Настройки и нажмите «Чтение».

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

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

Создание остальных страниц сайта

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

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

Настройте Свой Сайт Сегодня

Elementor дает вам контроль над настройкой WordPress без изучения кода. Система делает всю фоновую работу за вас. Единственное, что вам нужно добавить, это немного вашего собственного воображения.

Курсы по разработке на PHP