Вы пытаетесь понять, что означают термины макета WordPress?
Многие новички при работе над своим сайтом сталкиваются с терминами и лексикой по верстке WordPress. Эти слова используются дизайнерами и разработчиками, а обычным пользователям они могут показаться непонятными.
В этом руководстве мы объясним некоторые из наиболее часто используемых терминов макета WordPress. Это поможет вам понять жаргон, используемый для макетов сайтов WordPress, и работать над своим сайтом как профессионал.
- Зачем изучать термины макета WordPress?
- Понимание типичного макета WordPress
- Заголовок в макете WordPress
- Пользовательский заголовок в настройщике темы WordPress
- Пользовательский фон в настройщике темы WordPress
- Область содержимого в WordPress
- Боковые панели в макетах WordPress
- Область нижнего колонтитула в макетах WordPress
- Другие компоненты макета WordPress
- Навигационные меню в WordPress
- Использование виджетов в макете WordPress
- Использование блоков в макетах WordPress
- Популярные изображения в макетах WordPress
- Обложка изображений в WordPress
- Использование шаблонов в редакторе WordPress
- Добавление кнопок в макет WordPress
- Использование пользовательского CSS в макетах WordPress
- Термины макетов в конструкторах страниц WordPress
- Использование шаблонов в конструкторах страниц WordPress
- Модули и блоки в конструкторах страниц WordPress
- Использование секций в макетах WordPress
Зачем изучать термины макета WordPress?
Темы WordPress управляют внешним видом вашего сайта. Вы можете настроить их, посетив раздел Внешний вид » Настройщик страница.
Все лучшие темы WordPress поставляются с опциями для изменения дизайна вашего сайта с помощью настроек кастомайзера, но ваши возможности ограничены в зависимости от темы.
How to change your WordPress theme
Для еще большей гибкости вы можете использовать плагины для построения страниц WordPress, такие как SeedProd.
SeedProd позволяет вам легко создавать собственные пользовательские макеты с помощью простых инструментов перетаскивания без написания кода.
В комплект поставки также входят десятки шаблонов, которые вы можете использовать в качестве отправной точки. Кроме того, он поддерживает WooCommerce, что поможет вам создать макеты и для вашего интернет-магазина.
Однако в процессе работы над созданием макета вашего сайта вы можете столкнуться с терминами веб-дизайна, которые вам, возможно, не знакомы.
Изучение этих терминов макета сайта поможет вам понять строительные блоки дизайна сайта WordPress, чтобы вы могли легче создавать любой дизайн, который вы можете себе представить.
Учитывая это, давайте разберемся в этих распространенных терминах макета WordPress, чтобы узнать, что они означают и как их использовать.
Вот краткий список понятий и терминов, которые мы объясним в этой статье.
Понимание типичного макета WordPress
Другие общие компоненты макета WordPress
Термины макетов в конструкторах страниц WordPress
Понимание типичного макета WordPress
Большинство веб-сайтов используют очень знакомый макет. Это выглядит примерно так:
Верхняя область сайта называется верхним колонтитулом, за ним следует область контента, а затем нижний колонтитул в нижней части страницы.
В зависимости от того, какую страницу просматривает пользователь, макет может быть разным. Например, на странице блога WordPress она может включать боковую панель рядом с областью контента.
Этот базовый макет затем наполняется другими элементами, о которых мы поговорим далее в этой статье.
Давайте сначала поговорим о каждом из этих основных разделов более подробно.
Заголовок в макете WordPress
Заголовок в макете WordPress — это верхняя часть любой страницы. Обычно он содержит логотип вашего сайта, заголовок, меню навигации, форму поиска и другие важные элементы, которые вы хотите, чтобы пользователи видели в первую очередь.
Вот как выглядит раздел заголовка на WPBeginner.
Пользовательский заголовок в настройщике темы WordPress
Многие популярные темы WordPress поставляются с дополнительными функциями для настройки области заголовка вашего макета WordPress. Эту функцию иногда называют пользовательским заголовком.
В зависимости от темы WordPress, вы можете добавить в заголовок изображение во всю ширину сайта с теглайном или кнопкой призыва к действию. Некоторые темы WordPress могут позволить вам изменить положение логотипа, меню навигации и изображения заголовка.
Пользовательский фон в настройщике темы WordPress
Подобно функции пользовательского заголовка, некоторые темы WordPress могут позволить вам установить пользовательский цвет фона или изображение для всего вашего сайта WordPress.
Обычно вы можете найти эту опцию в настройщике темы. Однако иногда она находится внутри других вкладок. Для получения более подробной информации ознакомьтесь с нашим руководством о том, как добавить фоновое изображение в WordPress или как изменить цвет фона в WordPress.
Область содержимого в WordPress
Область контента идет сразу после шапки макета. Здесь отображается основное содержимое страницы.
Для пользовательского макета главной страницы раздел контента может включать призыв к действию, а затем услуги или продукты, отзывы и другую важную информацию.
Интернет-магазины обычно используют эту область для продвижения текущих продаж, избранных товаров, самых продаваемых товаров и т.д.
Блог WordPress может использовать макет с большим количеством контента, выдержками и изображениями из последних статей, формой подписки на рассылку и т.д.
Вот как выглядит макет главной страницы WPBeginner. Это богатый контентом сайт, поэтому последние статьи занимают всю область контента.
По умолчанию 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 5.5. Каждый шаблон представляет собой набор блоков, расположенных в определенном порядке для часто используемых макетов.
Вы можете выбрать кнопки, стили заголовков, галереи, колонки и многое другое. Это позволяет новичкам быстро создавать макеты по общим шаблонам.
Это относительно новая функция, поэтому существует ограниченный набор шаблонов. Однако по мере того, как темы и плагины WordPress будут добавлять свои собственные шаблоны в редактор блоков, их будет становиться все больше.
Добавление кнопок в макет WordPress
Кнопки играют важную роль в современном дизайне и верстке сайтов. Они предоставляют пользователям четкий призыв к действию, что способствует росту вашего бизнеса и конверсии.
Редактор блоков по умолчанию поставляется с собственными кнопками, которые вы можете использовать в любом посте или странице WordPress.
Ваша тема WordPress может также поставляться с настройками кнопки призыва к действию в настройщике темы. Большинство популярных плагинов для построения страниц WordPress также поставляются с кнопками в различных стилях, которые вы можете использовать.
Использование пользовательского CSS в макетах WordPress
CSS — это язык стилей, используемый для создания веб-сайтов. Ваша тема WordPress и плагины поставляются с собственными правилами CSS, но время от времени вы можете захотеть изменить такие мелочи, как цвет текста, размер шрифта или цвет фона.
Именно здесь на помощь приходит пользовательский CSS. WordPress облегчает сохранение собственных пользовательских правил CSS. Просто перейдите к разделу Внешний вид » Настроить страницу, а затем перейдите на вкладку Additional CSS.
Отсюда вы можете добавить свои собственные правила CSS, и вы сможете увидеть их применение в живом предварительном просмотре. Подробнее об этом читайте в нашем полном руководстве о том, как добавить пользовательский CSS в WordPress.
Термины макетов в конструкторах страниц WordPress
Самый простой способ создания пользовательских макетов WordPress для ваших целевых страниц — это использование конструктора страниц WordPress.
Мы рекомендуем использовать SeedProd. Это самый дружелюбный к новичкам плагин для построения страниц WordPress на рынке.
Другие конструкторы страниц используют похожие термины для общих инструментов и функций.
Использование шаблонов в конструкторах страниц WordPress
Шаблоны — это самый быстрый способ создания макета веб-страницы. Все популярные плагины для построения страниц поставляются с кучей готовых к использованию шаблонов, которые вы можете использовать в качестве отправной точки.
Например, SeedProd имеет шаблоны для различных типов страниц, которые могут вам понадобиться, включая целевые страницы, страницы продаж, страницы 404, страницы скорого перехода и т.д.
Модули и блоки в конструкторах страниц WordPress
Подобно блокам в редакторе WordPress по умолчанию, плагины для построения страниц также используют блоки. Некоторые конструкторы страниц могут называть их модулями или элементами, но по сути это одно и то же.
Однако плагины для построения страниц имеют больше блоков, чем редактор по умолчанию. Например, SeedProd включает блоки для отзывов, блоки WooCommerce, карты Google, контактные формы, вставки Facebook (признана экстремистской организацией на территории РФ) и многое другое.
Вы можете использовать блоки для создания собственных макетов, перемещать их и играть, чтобы понять, что лучше всего подходит для вашего бизнеса.
Использование секций в макетах WordPress
Подобно функции «Шаблоны» в редакторе по умолчанию, разделы — это набор блоков, сгруппированных вместе для мгновенного создания общих областей сайта. Например, раздел заголовка, изображение героя, таблицы цен и т.д.
Различные плагины для построения страниц WordPress могут использовать разные термины для их обозначения. Например, в SeedProd они называются секциями, а Beaver Builder называет их сохраненными строками и колонками.
Мы надеемся, что эта статья помогла вам узнать о терминах, используемых в макетах WordPress. Вы также можете ознакомиться с нашим руководством о том, как бесплатно изучить WordPress за неделю, или с нашим сравнением лучших хостинг-компаний WordPress.
Источник: www.wpbeginner.com