Как выбрать идеальную тему WordPress
И снова, здравствуйте!
Темой сегодняшней статьи будет как выбрать идеальную тему WordPress среди миллиона тем для вашего сайта или блога.
Вы когда-нибудь выбирали тему WordPress и начинали создавать сайт только для того, чтобы понять, что выбрали неправильную тему? С уже вложенными деньгами и временем переключение может быть исключено, и вы можете застрять, используя тему, без которой вам было бы лучше обойтись.
Выбор темы немного похож на выбор автомобиля: легко увлечься красотой и мощью прекрасного продукта, и в итоге вы получаете кабриолет-двухместный, когда вам в действительности нужен надежный седан с удобными сидениями для пяти человек.
Я оказывался в такой ситуации, по крайней мере, несколько раз. Метод проб и ошибок привел меня к разработке неформальной системы определения требований к проекту, а также оценки и сравнения кандидатских тем перед принятием обязательства. В этой статье я опишу процесс, который я использую для выбора темы, и как вы можете использовать его, чтобы увеличить ваши шансы на выбор темы, которая хорошо подходит для вашего следующего проекта WordPress.
Знайте, что вы пытаетесь построить
Никогда не выбирайте тему, пока не знаете точно, что вы пытаетесь создать. Выбор темы — это весело, но планирование контента сайта — это самая важная часть процесса создания сайта и та, которая требует максимальной самодисциплины.
Контент предшествует дизайну. Дизайн при отсутствии контента это не дизайн, это украшение.
Джеффри Зельдман
Содержание первое, выбор темы второе.
Чтобы веб-сайт был эффективным, контент должен быть на первом месте. Определите цель веб-сайта, общую структуру, а также медиа и текстовые ресурсы, которые будут использоваться для создания веб-сайта, прежде чем вы начнете смотреть на темы.
Создайте каталог всех страниц сайта и того, что будет на каждой странице. Будьте максимально подробны. Например, если вы создаете бизнес-сайт, который будет содержать страницу, на которой выделены ключевые сотрудники компании, ваше описание для этой страницы может выглядеть примерно так:
Используйте эту информацию, чтобы определить функции, которые вам нужны из темы. Затем, когда вы выбираете темы, вернитесь к этому списку, чтобы определить темы, включающие встроенную поддержку функций, которые вы планируете использовать.
Ключ на этом шаге — найти темы, созданные для того, что вы пытаетесь сделать. Неправильное применение темы — это рецепт разочарования, когда вы пытаетесь настроить тему, чтобы она соответствовала вашему видению — видению, которое никогда не было предназначено для реализации.
Многие из самых популярных тем в WordPress Theme Directory, такие как Sydney, очень тяжелы для имиджа и идеально подходят для использования в качестве веб-сайтов портфолио для креативных агентств. Если вы создаете блог, вы бы лучше избегали темы, подобной Sydney, в пользу темы, разработанной с учетом вашего типа проекта, например, Twenty Sixteen.
Можете ли вы заставить тему как Sydney работать в качестве блога? Конечно. Однако вы будете работать намного быстрее, если будете использовать темы для сайтов, для которых они были созданы.
Знайте, что вы ищете
Бюджет и сроки проекта будут много говорить о том, сколько времени вы можете позволить себе провести на веб-сайте. Существует три различных категории тем, которые вы можете рассмотреть в зависимости от требований вашего проекта и количества времени, которое вы можете потратить на совершенствование готового продукта.
Фреймворки для создания тем — это путь, если вам нужно начать с чистого листа. Genesis и Thesis — это надежные продукты, на которых вы можете создать любой тип веб-сайта. С некоторой практикой вы быстро освоите создание сайтов с помощью вашей любимой платформы. Однако, если скорость является наиболее важным фактором, вы можете либо пропустить фреймворк в пользу темы, либо выбрать скин или дочернюю тему, предварительно созданную для вашего любимого фреймворка.
На другом конце спектра находятся полнофункциональные темы, предназначенные для использования сразу после установки и требующие минимальной модификации. Вы можете выбрать отдельную тему, например, вышеупомянутую тему Sydney, или предварительно созданный скин для вашей любимой платформы.
Наконец, если вы не хотите создавать тему с нуля с помощью фреймворка, и вы не можете найти тему, которая идеально подходит прямо из коробки, вы можете выбрать тему или оболочку фреймворка, которая предназначена для легкой настройки. Само собой разумеется, что скины фреймворка разработаны так, чтобы с ними было легко работать. Однако то же самое нельзя сказать о темах. Некоторые из них легко настроить, в то время как другие очень трудно настроить и они могут легко сломаться. В последней части этой статьи мы рассмотрим способы определения того, насколько легко будет настроить тему, если вы захотите пойти по этому пути.
Игнорируйте демо-контент
Когда вы собираете веб-сайт, у вас есть определенные части контента для работы. Вы будете интегрировать тщательно отобранные изображения, графику, видео и текст. Каждый фрагмент контента, который попадает на сайт, будет иметь определенную цель.
Когда дизайнер тем создает демонстрационный сайт, он не сталкивается с одинаковыми ограничениями. Их цель состоит в том, чтобы сделать сайт как можно более визуально привлекательным и использовать все доступные функции темы. Они могут использовать столько «lorem ipsum» (текст-рыба) и стоковых фотографий, сколько захотят, чтобы это произошло.
Когда вы смотрите на демо, помните, что вы не можете оценить содержание демо. Вы здесь, чтобы оценить, насколько хорошо эта тема соответствует вашим потребностям.
Обратите внимание на демонстрационные возможности
Хотя вы должны игнорировать контент демо-сайта, вы должны обратить особое внимание на демо-функции.
Возвращаясь к нашему примеру с профилями персонала, ознакомьтесь с демонстрацией того, как можно создавать профили. Включает ли демоверсия функции, которые вы можете легко использовать для этой цели?
Zerif Lite — это тема из WordPress репозитория, которая предлагает функцию, предназначенную для этой цели.
Некоторые из наиболее важных компонентов темы, на которые следует обратить внимание:
- Компоновка навигации по сайту: элементы навигации будут иметь некоторую степень гибкости, но убедитесь, что всеобъемлющий дизайн соответствует вашим требованиям. Например, если вам нужны мегаменю, их создание будет намного проще, если вы выберете тему, которая их поддерживает.
- Как обрабатывается брендинг сайта: если у вас уже есть логотип и слоган для работы, убедитесь, что они соответствуют позициям брендинга и размерам, встроенным в тему.
- Независимо от того, работают ли функции на основе самой темы или плагинов: вы должны предпочесть темы, которые предлагают функции на основе плагинов. Таким образом, если вам когда-либо придется переключать темы, большинство функций останутся функциональными. Возвращаясь к нашему примеру с мегаменю, было бы лучше, если бы тема включала плагин «Max Mega Menu», чем включать мега-меню со встроенными функциями тем.
- Как настраивается тема: хотите ли вы работать с визуальным редактором, таким как «Visual Composer» или «Upfront Editor», или же вы предпочитаете писать правила CSS вручную для изменения представления веб-сайта? Если у вас есть сильные предпочтения так или иначе, убедитесь, что тема соответствует вашим предпочтениям. Одной из ошибок, которую следует избегать, является написание правил CSS вручную с помощью веб-сайта, созданного с использованием визуального редактора.
Получите объективное мнение
После того как вы остановились на нескольких темах, которые соответствуют вашему контенту и предлагают необходимые вам функции, есть несколько различных тестов, которые вы можете использовать для сравнения технической эффективности тем.
Один из вариантов — запустить демонстрационный сайт темы с помощью теста скорости веб-сайта Pingdom. Не беспокойтесь слишком сильно о времени загрузки или размере страницы, пока не получите тревожные результаты. Время загрузки сайта может сильно различаться в зависимости от настроек и местоположения хостинга, а также от кэширования и минимизации, реализованных на демонстрационном сайте. Размер страницы демонстрационных сайтов часто довольно раздутый из-за использования очень качественных изображений и видео фонов. Метрики, на которые следует обратить наибольшее внимание — это количество выполненных HTTP-запросов и общая оценка производительности.
Если вы обнаружите, что тема или фреймворк, которые вы действительно хотите использовать, не очень хорошо справляются с этим тестом, подумайте, что вам нужно выбрать хороший плагин для кэширования и минимизации, такой как «Hummingbird», а не причиной для отказа от темы сразу.
Лучший способ использовать результаты этого теста при оценке тем — это основа для сравнения возможных тем. Например, если вы остановились на использовании Zerif Lite или OnePress, на основании результатов этого теста вы можете дать OnePress небольшое преимущество, хотя обе эти темы на самом деле тестируются достаточно хорошо.
Еще один инструмент, который вы можете использовать для оценки тем — «Google PageSpeed Insights». Еще раз, нет конкретного ориентира, который вы ищете. Запустите все темы, которые вы рассматриваете в этом тесте, и сравните результаты. Пока вы на нем, используйте результаты теста, чтобы определить проблемы с производительностью, которые вам нужно будет решить, основываясь на выбранной вами теме.
Загляните под капот
Последнее, что вы захотите сделать, это понять, каково это работать с темой. Многие темы предлагают предварительный просмотр в области администратора. Потратьте несколько минут, чтобы просмотреть этот предварительный просмотр, чтобы понять, как будет работать эта тема. Если тема или фреймворк включает в себя визуальный редактор с перетаскиванием, посмотрите, сможете ли вы найти предварительный просмотр редактора в режиме реального времени и потратить несколько минут на изменение расположения и внешнего вида элементов веб-сайта.
Если вы будете писать собственный CSS для изменения темы, откройте демонстрационный сайт темы и посмотрите на файлы CSS, используя «Инструменты разработчика» в браузере. Цель состоит в том, чтобы понять, насколько легко или сложно будет настроить сайт. Вот несколько вещей, на которые я обращаю внимание при оценке CSS темы:
- Сколько строк CSS используется? Темы нередко имеют от нескольких сотен до нескольких тысяч строк CSS. Хотя это и не абсолютный принцип, обычно легче вносить ручные изменения в тему, в которой меньше правил CSS.
- Сколько CSS-файлов используется? Большинство тем извлекают правила CSS из нескольких файлов CSS. Однако, если вы планируете вносить ручные изменения, чем меньше количество файлов, тем лучше. Меньшее количество файлов, как правило, указывает на более организованную кодовую базу, которой вам будет легче манипулировать.
- Сколько раз «!important» используется? Хотя можно ожидать, что практически все темы будут переопределять стандартное наследование CSS с этим значением, по крайней мере, несколько раз, если вы планируете вносить ручные изменения и обнаружите, что тема использует это значение несколько сотен раз, вы можете ожидать, что будет трудно манипулировать вручную.
Один из способов понять, насколько легко будет отредактировать презентацию темы, написав правила CSS вручную — это выбрать элемент, который вы хотите изменить, и использовать панель стилей в инструментах разработчика для живого редактирования демонстрационного сайта и выяснить, насколько конкретно вы должны будете выбрать элемент и внести необходимые изменения.
Контрольный список выбора темы
Мы уже много чего сделали. Чтобы упростить задачу, вот контрольный список критериев, обсуждаемых в этой статье:
- Сначала идет контент, потом дизайн. Начните процесс с определения содержания, которое будет демонстрировать тема.
- Определите тип темы, которую вы ищете: фреймворк темы, полнофункциональная тема для использования как есть или настраиваемая тема.
- Оцените демонстрационные сайты тем, чтобы найти темы, разработанные с учетом вашего типа проекта, которые включают функции, которые вы планируете использовать.
- Сравните эффективность претендентских тем, используя такие тесты, как тест скорости веб-сайта «Pingdom» и «Google PageSpeed Insights».
- Попробуйте визуальный редактор, встроенный в тему или фреймворк, или оцените базовый код CSS темы, если у нее нет визуального редактора.
После просмотра этого списка вы должны быть готовы выбрать структуру или тему, которая лучше всего подходит для вашего проекта.
Дайте мне знать в комментариях ниже.
А я на этом буду заканчивать — до скорых встреч!
Пока нет комментариев. Будь первым!
- Создание сайта на WordPress (31)
- WordPress для начинающих (22)
- Блог на WordPress (19)
- CMS Wordpress (16)
- Плагины Wordpress (16)
- WordPress SEO (15)
- Безопасность WordPress (12)
- Услуги More WP (1)
- Пожалуйста. Фигмой тоже можно, отличный графический редактор, но сервисы подойдут для все, так как не все смогут задизайнить картинку а редакторе. В общем главное чтоб было удобно и результативно :)
- Еще можно пользоваться Figma для того чтобы сделать нужные размеры. Спасибо вам за сервис по генерации иконок, не знал что пачкой можно сразу для всего сделать.
- Всегда пожалуйста, очень рад, что вам помогло :)
- Спасибо за материал! Даже такой полный чайник, коим я себя считаю, нашла ответы на свои проблемы с сайтом.
- Sitemap.xml сейчас в WP автоматически делается, правда работает не всегда. А для html карты использую обычно WP Sitemap Page, как по мне самый лучший он. И стараюсь как то оживить если можно так выразиться, https://sverchokcorm.ru/sitemap/ тут например пару картинок добавил)
- Спасибо, мне действительно помогло. Написано подробно и понятно, для непрограммистов идеально.