Как сделать красивый сайт с Elementor и Astra менее чем за час

Как сделать красивый сайт с Elementor и Astra менее чем за час

Как сделать красивый сайт с  Elementor и  Astra менее чем за час

Борьба с тем, как найти тему блога, которая делает именно то, что вы хотите, чтобы он сделал? Там так много выбора, что термин "иголка в стоге сена" действительно не может быть более подходящим.

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

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

Как elementor помогает вам создавать свой сайт

Мы все знаем, что такое блог, и вот как вы объединяете Astra и Elementor, чтобы создать отличный, полностью настраиваемый блог:

  • Astra theme-тема Astra и ее бесплатный плагин add-on Starter Templates действуют как гибкая основа для вашего блога и позволяют быстро импортировать шаблоны и настраивать свой блог с помощью простых элементов управления без кода.
  • Elementor-этот бесплатный конструктор страниц поможет вам спроектировать и настроить основные страницы вашего блога с помощью простого, свободного от кода перетаскивания редактирования.

Единственное, что вам понадобится для начала работы, – это свежая копия WordPress-кроме того, эти два инструмента позаботятся обо всем.

Пришло время создать свой сайт…

Часть 1: создание фундамента вашего блога с Astra

Astra является отличным фундаментом для вашего блога по двум основным причинам:

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

Шаг 1: Установите Плагин Astra Theme + Starter Templates

Чтобы создать фундамент вашего блога,вам нужно будет установить тему Astra и ее бесплатный плагин companion Starter Templates. Оба расширения перечислены по адресу WordPress.org, так что вы можете установить их, не выходя из вашей панели управления WordPress:

Шаг 2: Импорт Одного Из Начальных Шаблонов

После установки плагина Astra theme и Astra Starter templates вы готовы импортировать дизайн своего блога!*

Для этого перейдите в раздел Внешний Вид → Параметры Astra  Стартовые шаблоны в вашей панели управления WordPress.

Затем обязательно выберите опцию Elementor Page builder:

Выберите Elementor Page Builder

Затем вы увидите все возможные стартовые шаблоны, которые можно импортировать. Некоторые шаблоны-помеченные агентством-требуют пакета premium Astra agency. Если вы хотите избежать их просмотра, вы можете использовать вкладку “бесплатно” вместо этого.

Чтобы быстро просмотреть любой шаблон, просто нажмите на него:

Предварительный Просмотр Стартового Сайта

Как только вы найдете дизайн, который вам нравится (мы используем сайт Coach starter для этого урока), нажмите на него. Затем в режиме предварительного просмотра в реальном времени запустите процесс импорта, нажав кнопку Импортировать сайт

Импорт Стартового Сайта

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

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

Шаг 3: Настройте Свой Блог С Помощью Настройщика WordPress

Как только вы импортируете свой демо-сайт ,вы действительно готовы сделать свой блог своим собственным.

Для этого вы можете использовать подробные элементы управления настройщиком темы Astra. Не нуждаясь в знании какого-либо кода, они позволяют вам управлять:

  • Цвета, используемые в вашем блоге
  • Как выглядит макет вашего поста в блоге
  • Какие шрифты использовать в своем блоге
  • Много, очень много еще

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

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

настройка с помощью настройщика

Некоторые области, которые особенно стоит исследовать, таковы::

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

Если вам нужно еще больше опций, вы можете перейти на Astra Pro бесплатно.:

  • Более детальные элементы управления цветом и типографикой – они дают вам еще больше возможностей для настройки вашего блога.
  • Дополнительные опции заголовка – например, вы можете создать классный липкий заголовок для своего блога.
  • Дополнительный контроль над макетом блога – вы можете отображать свои сообщения в сетке, управлять отображением биографии автора и множеством других полезных настроек блога.

Просмотрите полный список функций Astra Pro.

Часть 2: Настройка Основных Страниц С Помощью Elementor

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

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

редактировать с помощью elementor

Если вам нужна помощь с использованием Elementor для редактирования страниц вашего блога, Elementor 101 videos-это отличное место для начала.

Это еще не все с Pro версиями Astra и Elementor

Если вы когда-нибудь захотите больше функциональности, и Astra, и Elementor имеют версии pro, которые предлагают дополнительную функциональность.

Эта функциональность дает вам еще больше контроля и гибкости при создании вашего блога. Например, с Astra Pro вы получаете:

  • Более глубокий контроль над макетами блогов – помимо других функций, вы можете настроить макет сетки для своих записей в блоге, что особенно полезно, если вы используете привлекательные избранные изображения.
  • Более глубокие варианты цвета и типографии-получите еще более точный контроль над цветами и типографикой вашего блога.
  • Липкий и прозрачный заголовок-получите больше контроля над тем, где появляется навигационное меню вашего блога и как оно функционирует.
  • Заголовки страниц-создание великолепно выглядящих областей заголовков страниц с хлебными крошками, мета-полями и другими опциями.
  • Прокрутка до верхней ссылки-улучшите пользовательский интерфейс вашего сайта, позволив пользователям быстро прокрутить его обратно.
  • White label-если вы создаете блог для кого-то другого, вы можете удалить весь бренд Astra и заменить его своим собственным.

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

Создайте свой сайт с Elementor и Astra!

Создание сайта с Astra и Elementor дает вам возможность полностью настроить свой сайт безнеобходимости знать что-либо о коде.

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

Мы не можем дождаться, чтобы увидеть, что вы придумаете!