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

Здравствуйте, уважаемые читатели!

Не каждый обладает техническими навыками для настройки сайта. Когда дело доходит до HTML, PHP и CSS, есть чему поучиться. Тем не менее, программирование не единственный способ настроить внешний вид. На самом деле, для создания сайта на WordPress и Elementor требуется совсем немного усилий, что бы понять как им пользоваться.

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

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

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

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

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

После настройки учетной записи в Beget вы получите доступ к cPanel. Эта панель поставляется с различными инструментами, которые помогут вам добиться успеха.Прокрутите страницу до нижней части экрана, пока не увидите раздел установщик Установка систем управления. Нажмите на значок “WordPress” и установите его на новый домен.

Элемент Установки

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

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

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

Это будет наша домашняя страница. Заголовок страницы “главная “и нажмите кнопку” Сохранить Черновик”. Это хорошая идея, чтобы получить в привычку постоянно экономить свою работу. Это уменьшает шансы потерять все, если что-то случится.

 

Под заголовком нажмите кнопку “Изменить с помощью elementor wordpress”, чтобы открыть редактор плагина.

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

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

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

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

Сделайте ваш шаблон Elementor wordpress полной ширины

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

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

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

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

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

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

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

Вернитесь в раздел редактирования экрана и нажмите кнопку “стиль”.”

Выберите другое изображение после удаления того, что есть.

 

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

Изменение цветов и шрифтов

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

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

После того, как ваши изменения будут завершены, нажмите кнопку “Сохранить” в левом нижнем углу.

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

Нажмите кнопку “Параметры страницы”в списке меню. Переключите раскрывающийся список состояние на “опубликовано”.”

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

 

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

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

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

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

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

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

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

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

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

Настройка Вашего Сайта Сегодня

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

Какие инструменты редактирования вы использовали в прошлом для WordPress? Вам нравится использовать готовые шаблоны или пользовательские макеты, которые вы создаете с нуля?

[game-puzzle id=”905″]

P.S Создаете ли вы сайты самостоятельно? Используете ли для этого плагин Elementor?