Вернуться на страницу поддержки Создание сайта Темы Темы

Темы

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

О темах

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

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

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

Тема: Twenty Twenty-Four

Как выбрать тему

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

Вот несколько аспектов, на которые следует обратить внимание при выборе темы.

  • Нравится ли вам, как выглядит область заголовка? Обычно здесь отображаются название сайта, меню и логотип.
  • Устраивает ли вас то, каким образом организован и представлен контент сайта? Вы можете изменить то, что вам не по душе, однако, выбрав подходящий макет, в дальнейшем вы затратите меньше времени на изменения и переделки.
  • Хорошо ли выглядит эта тема на экранах смартфонов и планшетов? Чтобы это увидеть, запустите демонстрацию в реальном времени и с помощью селектора в верхней части переключайтесь между отображением на ПК, планшете и мобильном устройстве. Все темы WordPress.com легко адаптируются к разным размерам экрана, в том числе к мобильным телефонам.
Тема: Gourmetto

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

Тема: Iotix

Просмотр доступных тем

Для просмотра коллекции доступных тем на сайте WordPress.com посетите раздел Внешний вид → Темы на консоли 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, используемый для редактирования кода темы, установленной на вашем сайте. Этот инструмент предназначен для тех, кто уверенно владеет навыками программирования. Если вы не относитесь к числу таких владельцев сайтов, мы не рекомендуем вам пользоваться этим инструментом: есть риск нарушить работу сайта. Большинство задач можно выполнить, не прибегая к редактору файлов тем и воспользовавшись альтернативными вариантами.

Снимок экрана редактора файлов тем с файлом style.css темы Twenty Twenty-One.
Редактор файлов тем

Чтобы перейти в редактор файлов тем, выполните следующие действия.

  1. Откройте консоль вашего сайта.
  2. Перейдите в раздел Внешний вид на боковой панели.
  3. Нажмите Редактор файлов тем. Если такого пункта нет, это означает, что редактор файлов тем недоступен в вашей теме.
  4. В правом верхнем углу выберите тему для редактирования в выпадающем меню «Выбрать тему для редактирования» и нажмите кнопку «Выбрать».
  5. Справа щёлкните по файлу конкретной темы, которую вы хотите отредактировать. Этот файл темы будет загружен в окне кода слева.
  6. После внесения изменений нажмите кнопку «Обновить файл» внизу, чтобы сохранить изменения.

Альтернативы редактору файлов тем

Вы можете вносить значительные изменения в свою тему, не используя редактора файлов тем. Чем ещё вы можете воспользоваться?

Copied to clipboard!