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

Астра Тема

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

Контейнер

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

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

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

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

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

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

Макет контейнера

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

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

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

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

Выделенный или определенный макет

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

• Макет страницы - только для страниц
• Расположение архивов - Все архивы
• Макет поста блога - для архива блога и отдельных постов блога

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

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

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

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

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

Макет контейнера / макет полной ширины

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

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

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

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

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

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

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

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

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

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

Выделенные модули plugin Astra Pro Addon предлагают больше вариантов стиля.

Содержимое в штучной упаковке - макет контейнера

Документы »Настройки настройщика» Глобальные »Содержимое в штучной упаковке - макет контейнера

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

Основной контейнер: где появляется основной контент

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

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

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

Настройки в штучной упаковке можно найти как:

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

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

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

Особенности Astra Free Theme

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

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

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

Боковая панель / Главное изображение / Отключить заголовок

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

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

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

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

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

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

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

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

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

Параметры верхнего и нижнего колонтитула

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

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

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

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

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