Расшифровка WordPress: Быстрая разработка с использованием каталога шаблонов WordPress

by Jos Velasco
Расшифровка WordPress: Быстрая разработка с использованием каталога шаблонов WordPress thumbnail

WordPress снова это сделал.

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

На этот раз благодаря такому инструменту, как шаблоны блоков WordPress и новому каталогу и библиотеке, где они организованы.

Заинтригованы?

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

Что такое шаблон WordPress?

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

Если вы не знакомы с блоками, давайте начнем с этого.

Фиолетовая стрелка указывает на блоки WordPress слева от экрана

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

В 2018 году блочный редактор Gutenberg заменил классический редактор WordPress. С тех пор блоки стали золотым стандартом настройки сайтов WordPress благодаря их мощной функциональности и удобной конфигурации с помощью перетаскивания.

Глоссарий DreamHost

Gutenberg

Gutenberg — это название проекта Редактора Блоков в WordPress. Многие разработчики и энтузиасты WordPress используют термины Редактор Gutenberg и Редактор Блоков как взаимозаменяемые.

Читать далее

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

Смотрите также: 27 тем блоков WordPress, идеальных для полноценного редактирования сайта

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

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

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

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

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

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

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

Получайте контент прямо в свой почтовый ящик

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

Понимание каталога шаблонов WordPress

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

Но сначала (поймали!) у нас есть еще одно предостережение: существует Каталог шаблонов WordPress и Библиотека шаблонов WordPress.

Это потому что есть версии как для WordPress.org, так и для WordPress.com, которые отличаются.

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

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

Глоссарий DreamHost

Конструктор сайтов

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

Читать далее

Каталог шаблонов WordPress, или Каталог блочных шаблонов, находится на WordPress.org. Библиотека шаблонов WordPress размещена на WordPress.com.

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

Лучшая функция из всех? Сотни шаблонов, представленных в библиотеке и каталоге, предоставляются бесплатно.

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

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

В настоящее время категории шаблонов блоков в каталоге включают:

  • Записи: Отображение контента вашего блога
  • Текст: Размещение текста в любом месте вашего сайта
  • Галерея: Демонстрация изображений
  • Призыв к действию: Стимулирование посетителей сайта к действию
  • Баннеры: Отображение дизайнов в верхней части страниц для привлечения внимания посетителей
  • Шапки: Помощь в навигации по сайту
  • Подвалы: Располагаются в нижней части сайтов, предлагая дополнительные возможности навигации
  • Каркас: Предоставление заполнителей для планирования и экспериментирования с различными элементами дизайна

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

Фиолетовый прямоугольник выделяет категории блоковых шаблонов. Ниже категорий расположена строка поиска.

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

Предварительный просмотр узора на широком экране показывает слово 'etcetera' на фоне зеленого и лососевого цвета

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

Синяя кнопка с надписью 'Скопировать шаблон'

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

Как начать работу с каталогом шаблонов WordPress

Давайте приступим к реализации вашего первого шаблона на вашем веб-сайте.

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

Меню «Записи» в WordPress. Первый пункт в списке - «Все записи» на белом фоне.

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

Вокруг синей кнопки с плюсом в верхнем левом углу области редактирования нарисован фиолетовый прямоугольник

Примечание: Не видите возможности добавления блоков или шаблонов на редактируемой странице? Возможно, вы еще не используете тему, которая их поддерживает. Наше руководство Как перейти с классической темы на темы блоков WordPress поможет вам обновиться до темы блоков, чтобы вы могли воспользоваться всеми её современными преимуществами.

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

Вкладка «Узоры» показывает длинный вертикальный список опций. Внизу находится кнопка с надписью «Исследовать все узоры»

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

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

Серый квадрат, в верхнем левом углу написано 'Призыв к действию'

Хотите переместить, удалить или как-то иначе изменить ваш шаблон? Кликните по нему в записи, чтобы увидеть все настройки и опции шаблона.

Настройки для перемещения, удаления или редактирования вашего шаблона имеют простой пользовательский интерфейс с иконками для клика

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

Это основы использования шаблонов на вашем сайте. Очень просто, правда? 

В чем смысл шаблонов WordPress?

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

Скорость создания

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

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

Консистенция сайта

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

Ох, не опять.

Шаблоны WordPress наследуют настройки шрифта, цвета и отступов от самой темы. Здесь нет общих предустановок!

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

Красивые дизайны

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

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

Полностраничный шаблон для школы клоунов. Иконки подчеркивают преимущества шаблона: скорость, согласованность и дизайн

Перегружены? 3 совета по выбору лучших шаблонов

Это замечательно, что есть тысячи доступных шаблонов WordPress.

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

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

Начать с доступности

По меньшей мере 15% населения мира сталкиваются с инвалидностью, поэтому сеть законов и агентств по всему миру поддерживает высокие стандарты доступности веб-сайтов.

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

Для полного руководства обязательно прочтите Как создать доступный сайт (Полное руководство)

Определитесь с вашей историей и стилем

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

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

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

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

Узнайте больше о веб-дизайне с Топ-7 основных элементов веб-дизайна.

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

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

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

Мы поможем вам разобраться с каталогом шаблонов WordPress

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

Но что если вы не доверяете своему чувству стиля, не имеете времени заниматься этим, поскольку должны обрабатывать бизнес-заказы слева направо (поздравляем!), или просто не хотите?

Мы это понимаем.

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

Фоновое изображение объявления

Запустите свой сайт с DreamPress

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

Ознакомьтесь с планами