Термины WordPress Layout Terms Demystified (краткий справочник)

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

Вы пытаетесь понять, что означают термины макета WordPress?

Многие новички при работе над своим сайтом сталкиваются с терминами и лексикой по верстке WordPress. Эти слова используются дизайнерами и разработчиками, а обычным пользователям они могут показаться непонятными.

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

Зачем изучать термины макета WordPress?

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

Настройщик темы WordPress

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

How to change your WordPress theme

Для еще большей гибкости вы можете использовать плагины для построения страниц WordPress, такие как SeedProd.

Интерфейс конструктора страниц SeedProd

SeedProd позволяет вам легко создавать собственные пользовательские макеты с помощью простых инструментов перетаскивания без написания кода.

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

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

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

Учитывая это, давайте разберемся в этих распространенных терминах макета WordPress, чтобы узнать, что они означают и как их использовать.

Вот краткий список понятий и терминов, которые мы объясним в этой статье.

Понимание типичного макета WordPress

Другие общие компоненты макета WordPress

Термины макетов в конструкторах страниц WordPress

Понимание типичного макета WordPress

Большинство веб-сайтов используют очень знакомый макет. Это выглядит примерно так:

Общий макет WordPress

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

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

Макет страницы блога

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

Давайте сначала поговорим о каждом из этих основных разделов более подробно.

Заголовок в макете WordPress

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

Вот как выглядит раздел заголовка на WPBeginner.

Макет заголовка на сайте WPBeginner

Пользовательский заголовок в настройщике темы WordPress

Многие популярные темы WordPress поставляются с дополнительными функциями для настройки области заголовка вашего макета WordPress. Эту функцию иногда называют пользовательским заголовком.

Пользовательский заголовок в теме WordPress

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

Пользовательский фон в настройщике темы WordPress

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

Опция фонового изображения в настройщике темы WordPress

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

Область содержимого в WordPress

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

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

Пример макета домашней страницы

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

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

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

Домашняя страница WPBeginner

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

Просто перейдите в раздел Настройки » Чтение страницу и выберите «Статическая страница» в опции «Отображение вашей домашней страницы».

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

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

Не забудьте нажать на кнопку ‘Сохранить изменения’, чтобы сохранить настройки.

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

Боковые панели в макетах WordPress

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

Пример боковой панели

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

Область нижнего колонтитула в макетах WordPress

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

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

Интересует, что поместить в нижний колонтитул вашего сайта? Смотрите этот контрольный список того, что нужно добавить в нижний колонтитул вашего сайта WordPress.

Другие компоненты макета WordPress

Далее мы рассмотрим некоторые компоненты макета WordPress, которые вы можете добавить в разделы заголовка, содержания, боковой панели или нижнего колонтитула. Это строительные блоки, которые помогут вам сделать функционирующий макет.

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

Навигационные меню

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

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

Вертикальные ссылки

Использование виджетов в макете WordPress

Виджеты — это элементы, которые вы можете добавить в области с виджетами или боковые панели вашего сайта WordPress. Большинство тем WordPress поставляются с несколькими областями, в которые можно добавить виджеты.

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

Вы можете увидеть все эти виджеты, посетив Внешний вид » Виджеты страница в области администрирования WordPress.

Добавление виджетов в WordPress

Использование блоков в макетах WordPress

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

Использование блоков для создания макетов в WordPress

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

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

Популярные изображения в макетах WordPress

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

Подлинные изображения в WordPress

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

Обложка изображений в WordPress

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

Вы можете добавить его в свой пост или страницу с помощью блока «Обложка». Блок обложки также позволяет использовать цвет фона вместо изображения.

Изображение обложки в редакторе блоков WordPress

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

Использование шаблонов в редакторе WordPress

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

Блочные шаблоны в WordPress

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

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

Добавление кнопок в макет WordPress

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

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

Добавление кнопок в WordPress

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

Использование пользовательского CSS в макетах WordPress

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

Именно здесь на помощь приходит пользовательский CSS. WordPress облегчает сохранение собственных пользовательских правил CSS. Просто перейдите к разделу Внешний вид » Настроить страницу, а затем перейдите на вкладку Additional CSS.

Открытие настройки темы для добавления пользовательского CSS

Отсюда вы можете добавить свои собственные правила CSS, и вы сможете увидеть их применение в живом предварительном просмотре. Подробнее об этом читайте в нашем полном руководстве о том, как добавить пользовательский CSS в WordPress.

Термины макетов в конструкторах страниц WordPress

Самый простой способ создания пользовательских макетов WordPress для ваших целевых страниц — это использование конструктора страниц WordPress.

Мы рекомендуем использовать SeedProd. Это самый дружелюбный к новичкам плагин для построения страниц WordPress на рынке.

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

Использование шаблонов в конструкторах страниц WordPress

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

Шаблоны SeedProd

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

Модули и блоки в конструкторах страниц WordPress

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

Однако плагины для построения страниц имеют больше блоков, чем редактор по умолчанию. Например, SeedProd включает блоки для отзывов, блоки WooCommerce, карты Google, контактные формы, вставки Facebook (признана экстремистской организацией на территории РФ) и многое другое.

Блоки SeedProd

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

Использование секций в макетах WordPress

Подобно функции «Шаблоны» в редакторе по умолчанию, разделы — это набор блоков, сгруппированных вместе для мгновенного создания общих областей сайта. Например, раздел заголовка, изображение героя, таблицы цен и т.д.

Многоразовые разделы в SeedProd

Различные плагины для построения страниц WordPress могут использовать разные термины для их обозначения. Например, в SeedProd они называются секциями, а Beaver Builder называет их сохраненными строками и колонками.

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий