Полное руководство по темам WordPress

В этом посте для новичков мы поделимся всем, что вам нужно знать о темах WordPress.

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

Вот все, что мы рассмотрим:

• Что такое тема WordPress
• Как выбрать тему WordPress (включая бесплатные и платные темы)
• Темы WordPress против конструкторов тем и шаблонов
• Как использовать темы WordPress - например, установка, изменение, обновление, настройка и т. Д.
• Как создать свою собственную тему WordPress

Ваша тема WordPress контролирует внешний вид вашего сайта WordPress. Хорошая аналогия - подумайте о своей теме как о «одежде» вашего сайта:

• Когда вы меняете одежду, вы меняете свой взгляд на внешний мир.
• Когда вы меняете тему WordPress, вы меняете то, как ваш сайт выглядит для посетителей.

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

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

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

Вот сообщение в блоге по умолчанию с популярной темой OceanWP:

А вот тот же пост в блоге на тему Гестии:

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

Темы и плагины WordPress выполняют очень разные функции, и важно помнить об этом:

• Темы управления дизайном / внешним видом
• Функциональность управления плагинами

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

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

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

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

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

• Пользовательский опыт
• Производительность (сколько времени требуется для загрузки вашего сайта)
• Брендинг
• И т.п.

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

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

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

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

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

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

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

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

Вы можете увидеть, как люди говорят такие вещи, как:

• Премиум-темы кодируются лучше, чем бесплатные.
• Премиум-темы имеют лучший дизайн, чем бесплатные.
• Премиум-темы более удобны для SEO, чем бесплатные.
• Премиум-темы более безопасны, чем бесплатные.
• И т.п.

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

Бесплатные темы - это просто код, а премиальные темы - это просто код:

• У вас могут быть хорошо закодированные / дизайнерские / оптимизированные бесплатные темы и плохо закодированные / дизайнерские / оптимизированные бесплатные темы.
• У вас могут быть хорошо закодированные / дизайнерские / оптимизированные премиальные темы и плохо закодированные / дизайнерские / оптимизированные премиальные темы.

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

Все это, чтобы сказать, если вы найдете бесплатную тему, которая вам нравится, и она делает все, что вам нужно, это совершенно нормально. Не думайте, что вам «нужна» тема премиум-класса, чтобы иметь успешный веб-сайт. Например, наша собственная тема Hello на 100% бесплатна и используется более чем на 300 000 сайтов.

При этом есть несколько причин, по которым вы можете выбрать премиальную тему:

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

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

• Больше демонстраций / шаблонов - это следует тем же аргументам, что и «больше функций» выше.
• Долговечность - с бесплатной темой у вас выше среднего шанс, что разработчик откажется от нее, потому что это не источник дохода. С платными темами у разработчика есть финансовый стимул продолжать их поддерживать.

Лучшее место для поиска бесплатных тем WordPress - это официальный каталог тем WordPress.org.

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

Если вы не хотите пробираться через все 7600+ тем, вы можете ознакомиться с нашим тщательно отобранным списком лучших бесплатных тем WordPress.

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

Самая большая торговая площадка для премиальных тем - это торговая площадка Envato ThemeForest, которая содержит более 11000 премиальных тем по состоянию на август 2020 года. Цена зависит от темы, но вы обычно платите ~ 60 долларов за тему от ThemeForest.

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

Теперь давайте проведем несколько сравнений, чтобы помочь вам понять некоторые термины, с которыми вы можете встретиться в отношении «тем WordPress».

Если вы чувствуете себя ограниченным идеей использования готовой темы WordPress, вы можете предпочесть конструктор тем (также известный как конструктор веб-сайтов WordPress).

По сути, конструктор тем позволяет «построить» часть или всю тему WordPress с помощью какого-либо редактора (код не требуется). Например, Elementor Theme Builder позволяет создавать свою тему с помощью визуального интерфейса с перетаскиванием.

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

Даже если вы используете конструктор тем, вам все равно потребуется установить тему WordPress (опять же, это базовое требование WordPress, даже если вы полностью заменяете дизайн этой темы). В этом сценарии вы хотите выбрать очень легкую «базовую тему», например тему Hello.

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

Это может немного запутать, потому что «шаблон» может означать разные вещи в разных ситуациях.

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

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

В контексте такого инструмента, как Elementor Theme Builder, «шаблон» - это одна конкретная часть вашей темы. Например, у вас были бы отдельные шаблоны для вашего сайта:

• Заголовок
• Дизайн публикации в блоге
• Дизайн списка блогов
• Нижний колонтитул
• И т.п.

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