На начальных этапах создания веб-сайта на WordPress вы познакомитесь с темами. В этом руководстве мы объясним, что такое тема, как она работает на сайте и какие существуют различия между типами тем.
В этом руководстве
Тема — это визуальный дизайн и общий макет вашего сайта. Она отвечает за то, каким образом посетители веб-сайта видят его контент. Темы включают элементы дизайна, такие как цветовые схемы, оформление, макеты страниц и другие компоненты, которые создают целостный и гармоничный внешний вид веб-сайта.
Темы — это основа внешнего вида и функциональности веб-сайта. Вместо того чтобы создавать сайт с нуля, можно воспользоваться темой в качестве базовой конструкции сайта, чтобы ускорить его запуск. Выбрав тему, вы можете сразу приступить к созданию контента, не тратя слишком много времени на разработку оформления. Хорошо продуманная тема значительно облегчает работу по созданию сайта.
Кроме того, можно менять темы сайта без потери контента, и все изменения будут применяться автоматически.
Учитывая, сколько существует различных опций, полезно для начала определить, что именно вам требуется в теме. Главное — помнить, что вы и только вы решаете, какой должна быть структура вашего сайта. После активации темы WordPress.com с помощью редактора сайта можно будет вносить изменения в текст, изображения, цвета, шрифты, макет и расположение всех элементов сайта.
Вот несколько аспектов, на которые следует обратить внимание при выборе темы.
- Нравится ли вам, как выглядит область заголовка? Обычно здесь отображаются название сайта, меню и логотип.
- Устраивает ли вас то, каким образом организован и предст��влен контент сайта? Вы можете изменить то, что вам не по душе, однако, выбрав подходящий макет, в дальнейшем вы затратите меньше времени на изменения и переделки.
- Хорошо ли выглядит эта тема на экранах смартфонов и планшетов? Чтобы это увидеть, запустите демонстрацию в реальном времени и с помощью селектора в верхней части переключайтесь между отображением на ПК, планшете и мобильном устройстве. Все темы WordPress.com легко адаптируются к разным размерам экрана, в том числе к мобильным телефонам.
Просматривая темы, сосредоточьтесь на том, как выглядит весь макет, а не на отдельных аспектах, показанных в демоверсии. Демонстрационная версия может представлять собой образец сайта мебельного магазина, портфолио музыканта, модный журнал или кулинарный блог. Вместе с тем ваш сайт может быть адаптирован под любое содержание, после того как вы замените демонстрационный текст и изображения вашими собственными.
Для просмотра коллекции доступных тем на сайте WordPress.com посетите раздел Внешний вид → Темы на консоли WordPress.com. Эти темы не нужно загружать или устанавливать на сайте — их можно активировать одним нажатием кнопки.
Имеется множество тем, подходящих для различных веб-сайтов и бюджетов, и постоянно добавляются новые темы. При просмотре тем вы увидите одну из следующих меток прямо под названием темы.
- Бесплатно: темы доступны для всех сайтов на WordPress.com.
- Premium: премиум-темы доступны для сайтов с тарифными планами Explorer, Creator и Entrepreneur.
- Partner: партнёрские темы доступны для сайтов с тарифными планами Creator и Entrepreneur. Э��и темы создаются сторонними разработчиками специально для WordPress.com, и, чтобы ими пользоваться, необходима подписка с оплатой за год или помесячно.
На любом тарифном плане с поддержкой плагинов можно также найти темы, разработанные сообществом WordPress, например Astra, OceanWP и другие. Найдите вашу любимую тему сообщества и поищите тег Community под миниатюрой темы.
Приведённые ниже термины определяют различные типы тем в экосистеме WordPress.
Блочные темы — это самые новые и популярные темы, доступные на WordPress. Эти темы, также называемые темами полного редактирования сайта (или FSE), используют все возможности редактора сайта в процессе создания макета. Вам не потребуются навыки программирования.
Блочные темы позволяют сделать дизайн сайта более разнообразным и адаптивным. Их исходные макеты можно использовать как стартовую площадку для вашего собственного проекта. Они обеспечивают полный контроль над каждым элементом сайта.
В блочных темах для настройки цветов, оформления и макета сайта используются стили, что значительно расширяет возможности настройки по сравнению с более ранними темами. Они дают возможность редактировать шаблоны, отвечающие за представление содержимого на сайте, а также создавать пользовательские шаблоны, части шаблонов и паттерны для повторного использования на страницах, в записях и других видах контента на сайте. Таким образом, сайт больше не ограничен в визуальных возможностях: забудьте о единообразном внешнем виде, узкой цветовой палитре или одинаковых меню навигации.
Примечание. Универсальные темы, описанные ниже, также появятся на отфильтрованной странице блочных тем.
Универсальные темы — это наша первая версия тем, созданных для редактора блоков. Хотя в основном они похожи на блочные темы, основное отличие состоит в том, что в них по-прежнему используется конфигуратор для редактирования определённых аспектов, например меню.
Гибридные темы — это базовые темы, где применяются блоки, но не редактор сайта. По сравнению с блочными темами они имеют минимальные возможности настройки.
Классические темы — это темы, разработанные ещё до появления редактора блоков WordPress. Их дизайн редактируется в основном в разделе Внешний вид → Настроить, но общая структура и разметка обычно задаются темой и не поддаются редактированию в той мере, в какой это возможно в блочных темах. Большинство опций редактирования блоков (например, контент во всю ширину экрана) недоступны в классических темах.
Этот раздел руководства относится к сайтам с тарифным планом WordPress.com Creator или Entrepreneur, а также с устаревшим тарифным планом Pro. Сайты с бесплатными тарифными планами, планами Starter и Explorer должны перейти на платный тарифный план более высокого уровня, чтобы получить доступ к этой функции.
Сторонние темы — это темы, разработанные сторонними разработчиками для использования на платформе WordPress. Наше руководство по загрузке тем содержит пошаговые инструкции по добавлению на сайт темы стороннего производителя.
Каким бы вы ни задумали свой будущий сайт, вы обязательно найдёте для него подходящую тему. Если вы выбираете тему на WordPress.com или маркетплейсах типа Themeforest, необходимо учитывать дополнительные факторы.
- Как часто обновляется тема? Если тему часто обновляют, это хороший признак.
- Есть ли у темы положительные отзывы?
- Насколько тема простая и легкая, включает ли она в себя большое количество пользовательских функций (таких как виджеты, шорткоды и специальные плагины)?
- Много ли пользователей установили эту тему? Если тема популярна, значит, она хорошо работает.
- Есть ли у разработчика служба поддержки, которая может ответить на вопрос или помочь решить проблему?
Хотя мы не предоставляем поддержку по сторонним темам, в нашем руководстве по поддержке Помощь при возникновении проблем с плагинами и темами имеются предложения и рекомендации.
Наши специальные руководства по темам помогут вам активировать, настроить и сконфигурировать темы на вашем сайте.
Активация темы
Выбор темы — важный этап создания сайта. Из этого руководства вы узнаете, как найти и выбрать тему, которая подойдет вашему сайту.
Добавление демосодержимого
Демосодержимое показывает все возможности темы. Можно добавить его на сайт, а затем заменить в нем текст и изображения. Работать с демосодержимым намного проще, чем с пустым сайтом.
Изменение темы
Вы можете изменить тему своего сайта, чтобы обновить внешний вид вашего контента. В этом руководстве рассказывается, как переключиться на новую тему.
Загрузка темы
Из этого руководства вы узнаете, как загрузить тему на сайт WordPress.com.
Создание дочерней темы
Если вы умеете работать с HTML и PHP, то можете создать дочернюю тему и изменить в ней код темы.
Удаление темы
В этом руководстве рассказывается, как удалить темы с сайта.
Устаревшие темы
В этом руководстве объясняется, что происходит, когда тема устаревает, и что делать в такой ситуации.
Эта возможность доступна на сайтах с тарифным планом WordPress.com Creator или Entrepreneur. Если для вашего сайта действует один из устаревших тарифных планов, эта функция доступна с планом Pro.
Редактор файлов тем — это инструмент WordPress, используемый для редактирования кода темы, установленной на вашем сайте. Этот инструмент предназначен для тех, кто уверенно владеет навыками программирования. Если вы не относитесь к числу таких владельцев сайтов, мы не рекомендуем вам пользоваться этим инструментом: есть риск нарушить работу сайта. Большинство задач можно выполнить, не прибегая к редактору файлов тем и воспользовавшись альтернативными вариантами.
Чтобы перейти в редактор файлов тем, выполните следующие действия.
- Откройте консоль вашего сайта.
- Перейдите в раздел Внешний вид на боковой панели.
- Нажмите Редактор файлов тем. Если такого пункта нет, это означает, что редактор файлов тем недоступен в вашей теме.
- В правом верхнем углу выберите тему для редактирования в выпадающем меню «Выбрать тему для редактирования» и нажмите кнопку «Выбрать».
- Справа щёлкните по файлу конкретной темы, которую вы хотите отредактировать. Этот файл темы будет загружен в окне кода слева.
- После внесения изменений нажмите кнопку «Обновить файл» внизу, чтобы сохранить изменения.
Вы можете вносить значительные изменения в свою тему, не используя редактора файлов тем. Чем ещё вы можете воспользоваться?
- Чтобы добавить проверочный код, требуемый такими сервисами, как Google AdSense, используйте плагин Insert Headers and Footers. Пошаговые инструкции см. в разделе Добавление кода в заголовки сайта.
- Чтобы расширить функциональность сайта, можно добавить на сайт фрагменты кода (небольшие фрагменты кода PHP) с помощью плагина Code Snippets.
- Используйте редактор сайта, чтобы изменить структуру, стиль и функциональность любой темы на основе блоков.
- Для изменения стиля можно использовать редактор CSS, чтобы добавить код CSS на весь сайт.
- Вы можете создать дочернюю тему и изменить её одним из указанных выше способов.
- Управляйте новыми файлами и загружайте их через SFTP.