Категории: Обзоры тем WordPress

Установите полноразмерный или коробочный контент с помощью бесплатной темы Astra

Астра Тема

Astra — эффективная и полностью настраиваемая тема WordPress. Он красивый и быстрый, что делает его идеальным для блога, бизнеса, личного портфолио и витрины WooCommerce. Будучи легким, он обеспечивает отличную скорость для веб-сайта. Astra создана с учетом SEO, что повышает рейтинг сайта в поисковых системах. Благодаря своим специальным функциям и шаблонам он идеально подходит для таких конструкторов страниц, как Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer и т. д.

Контейнер

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

Как манипулировать макетами контейнеров на веб-сайте?

Использование темы Astra позволяет удобно применять макеты контейнеров на всем веб-сайте. Вы можете настроить сетки с помощью опции «Настройщик». Его можно найти на вкладке «Внешний вид»: «Внешний вид» > «Настройщик» > «Глобальные» > «Контейнер».

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

Ширина контейнера

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

Компоновка контейнера

Бесплатная тема Astra предлагает 4 типа макета контейнеров. Это глобальные макеты, которые будут применяться ко всему веб-сайту. Если вам нужен разный макет для разных типов сообщений, вы можете сделать это с помощью специального макета контейнера.

С помощью «мета-настроек» страницы вы можете лучше контролировать макет контейнера каждой страницы.

Существуют следующие типы макетов контейнеров.

  • В штучной упаковке
  • Контент в штучной упаковке
  • Полная ширина / Содержится
  • Полная ширина/растянутый
  • Специальный макет контейнера

Выделенный или специальный макет

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

  • Макет страницы – только для страниц
  • Макет архивов – Все архивы
  • Макет публикации в блоге — для архива блога и страниц с отдельными публикациями в блоге.

Тема Astra предлагает интеграцию со многими популярными plugin . Эти plugin предлагают интеграцию с Astra:

WooCommerce

EDD ( Easy Digital Downloads )

УзнатьDash

ПодъёмникLMS (3)

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

Специальные модули plugin Astra Pro Addon предоставляют более расширенные возможности. Специальные модули plugin Astra Pro Addon содержат следующие опции:

  • Мета-настройки страницы имеют преимущество над макетом контейнера. Приоритет мета-настроек выше, чем у настроек настройщика.
  • Настройки макета сайта определяют ширину контейнера.

Макет контейнера/макет во всю ширину

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

Документы » Настройки настройщика » Глобальные » Полная ширина / Содержащийся — макет контейнера

Как объяснялось ранее, веб-сайт может иметь два контейнера; Первичный контейнер и вторичный контейнер.

Первичный контейнер — это страница, на которой отображается основной контент.

Вторичный контейнер образует боковую панель и различные виджеты на боковой панели.

С помощью макета «Полная ширина/Содержащийся» можно объединить первичные и вторичные контейнеры. Эти контейнеры затем можно разместить в одном контейнере для более аккуратного внешнего вида. Макет «Полная ширина / Содержащийся» отображает содержимое и боковую панель рядом в одном контейнере. Этот контейнер оставит пространство вокруг контейнера, поскольку оно отображается по ширине контейнера.

Настройки контейнера можно изменить или изменить, перейдя в «Внешний вид» и пройдя по этому пути:

Внешний вид > Настройка > Глобальный > Контейнер

Полная ширина/содержащий макет идеально подходит для тех веб-сайтов, которым нужен аккуратный дизайн, без каких-либо блоков или границ сетки. Этот макет можно установить по умолчанию посредством интеграции с такими plugin , как WooCommerce, LifterLMS и т. д.

Многие конструкторы страниц, такие как Visual Composer, требуют, чтобы тема управляла шириной контейнеров. По той же причине они рекомендуют макет «Полная ширина» или «Содержащийся».

Специальные модули plugin Astra Pro Addon предлагают больше возможностей стилизации.

Контент в штучной упаковке – макет контейнера

Документы » Настройки настройщика » Глобальные » Content Boxed — макет контейнера

Ранее мы обсуждали, что обычно веб-сайт может иметь два контейнера:

Первичный контейнер: где отображается основной контент.

Вторичный контейнер: состоит из боковой панели и различных виджетов.

Если вы выберете «Макет содержимого в штучной упаковке», то в коробочном формате появится только основной контейнер. Тем не менее, вторичный контейнер останется на простом фоне.

Если вы хотите сделать область контента вашего веб-сайта более заметной, чем боковая панель, то выбор этого макета идеален. Проще говоря, Content Boxed Layout идеально подходит для содержательных веб-сайтов и блогов.

Настройки коробочного макета можно найти следующим образом:

 Внешний вид > Настройка > Глобальный > Контейнер

Более того, если вы хотите применить другой контейнер для отдельных страниц, вы можете сделать это из мета-настроек.

  • Контейнер содержимого в штучной упаковке можно применить к выбранным страницам или сообщениям в мета-настройках.
  • Настройки макета сайта определяют ширину контейнера.
  • С помощью plugin Astra Pro Addon вы можете изменить цвет фона сайта через модуль «Цвета и фоны». Однако если у вас нет Astra Pro, вы также можете добавить фоновое изображение с помощью пользовательского CSS.

Особенности бесплатной темы Astra

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

Полная ширина/растянутый макет

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

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

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

Глобальные параметры из настройщика

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

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

Совместимость с Elementor Pro 2.0

Astra — одна из тех немногих тем, которые полностью совместимы с конструктором тем Elementor 2.0. Используя Astra и Elementor Pro 2.0 Theme Builder, вы можете микропроектировать каждый аспект вашего веб-сайта. Независимо от того, выбираете ли вы другой верхний или нижний колонтитул, шаблоны блога или что-то еще, вы можете сделать это по-своему с помощью этих двух мощных инструментов.

Интеграция Элементора

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

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

Параметры мобильного заголовка

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

Легкий и не раздувается

Astra обеспечивает поддержку Elementor. Это означает, что Astra не дублирует функции, предлагаемые Elementor. Astra — легкая и модульная тема. Он заботится о косметических аспектах, таких как глобальные цвета, типографика, стиль и интеграция сторонних plugin . Тем не менее, Elementor выполняет часть построения страниц.

Ахмад

Посмотреть комментарии

  • У меня вопрос по поводу настройки контейнера. Его можно регулировать по ширине. Но нигде не прочитал, как можно регулировать высоту коробки-контейнера (блока). На моем сайте слишком много белого. Я хотел бы разместить основной текст ближе к заголовку, сделав блок, в котором он расположен, менее высоким.

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

Недавние Посты

Как использовать верхние и нижние колонтитулы с Elementor

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

6 января 2022 г.

Сравнение тем WordPress: Astra и OceanWP

Две самые популярные темы WordPress на рынке — Astra и OceanWP. Профессиональный…

2 января 2022 г.

Сравнение новостных тем WordPress: Newspaper vs. Астра

Чтобы создать отличный новостной сайт, вам не обязательно становиться веб-дизайнером. Мы…

25 октября 2021 г.

Создайте новостной веб-сайт с газетной темой.

Тема «Газета» — одна из самых важных тем WordPress, разработанная tagDiv,…

18 октября 2021 г.

Как создать электронную коммерцию с помощью конструктора Avada WooCommerce

Когда дело доходит до создания интернет-магазина, лучше всего plugin WooCommerce. Это…

4 октября 2021 г.

Как использовать липкий заголовок и эффекты прокрутки с Elementor

Заголовок – это, как правило, первое, что видит человек, когда посещает ваш сайт.

21 сентября 2021 г.