В этом уроке я покажу вам, как выбрать правильный шаблон для вашего сайта. Буду сравнивать бесплатные/платные темы, отзывчивость, SEO, простоту, совместимость и многие другие критерии. Все это на реальном примере.
Итак, у меня есть выбранное доменное имя, а также правильный хостинг WordPress . Я только что установил WordPress и вижу шаблон WP по умолчанию на своем сайте. Важно понимать, что общий вид (дизайн) сайта зависит от выбранной тематики.
Большинство шаблонов WordPress включают предопределенные цвета текста и шрифты, расположение элементов и виджетов, а также множество других деталей и стилей, которые влияют на внешний вид веб-сайта.
Самое лучшее в темах WP — это то, что если повезет, вы сможете получить отличный вид своего веб-сайта, не написав всего одну строку кода.
Я считаю выбор шаблона WordPress важным делом. Поэтому я сел и подумал о том, чего я на самом деле ожидаю от будущей темы WP. Ниже приведены основные области требований , на которых я сосредоточился.
Бесплатно против. платный шаблон вордпресс
Во-первых, подумайте , хотите ли вы инвестировать в шаблон, и если да, то сколько . Проверьте свой бюджет и выберите в соответствии с ним. В то же время при принятии решения нужно иметь в виду этот факт: не все платные темы — отличные продукты и не все бесплатные темы — продукты низкого качества . Как говорится, вы можете найти отличные бесплатные шаблоны WordPress и ужасные платные шаблоны.
Иногда из-за того, что шаблоны бесплатны, у авторов не хватает на них времени. Это означает, что многие бесплатные шаблоны не обновляются вовремя . Так что в какой-то момент вы застрянете. Сам WordPress часто обновляется, и есть большая вероятность, что ваша тема не будет работать после обновления. Также есть бесплатные шаблоны WP, по которым вы не найдете помощи и поддержки . Так что вы должны справиться с этим самостоятельно.
Совет: у меня большой опыт работы с этими темами WordPress: шаблон Divi и Avada . Они очень гибкие и по-прежнему просты в настройке даже для новичков.
Ответная реакция
Я принимаю это как должное. Более 50% моих посещений приходятся на мобильные устройства и планшеты, и ожидается, что это число увеличится в будущем. Для выбора шаблона WordPress я тестировал адептов , увеличивая/уменьшая окно браузера, либо через инструмент google resizer .
Если у вас под рукой есть планшет и мобильный телефон, рекомендую протестировать демо-шаблоны непосредственно на этих устройствах . По личному опыту знаю, что в некоторых случаях на реальном мобильном устройстве шаблон может вести себя совершенно иначе, чем когда мы пытаемся сымитировать такое устройство на компьютере. Причиной может быть технология и подход, с которым запрограммирован шаблон (конкретно причиной может быть, например, другая операционная система устройства — Android/iOs/Windows Phone…).
Поддержка браузера
Здесь я выполняю первую просьбу. Помимо разных типов устройств желательно протестировать демонстрационный шаблон на разных типах браузеров — chrome, firefox, safari и internet explorer. Кроме того, вы можете протестировать шаблон в других менее используемых браузерах, таких как Opera и им подобных. Поэтому я рекомендую сделать шаблон WordPress с учетом этого факта.
веб-дизайн
Веб-дизайн — это чисто эмоциональное дело. Теоретически шаблон WordPress следует выбирать в соответствии с типом блога и аудиторией. Однако я воспринимаю его как свой сайт, который просматриваю практически каждый день, поэтому хочу, чтобы он радовал мой глаз.
Важно помнить, что веб-дизайн сайта всегда должен соответствовать уровню юзабилити сайта для посетителей (т.н. UX — «пользовательский опыт»). Это означает, что вы должны сначала иметь красивый дизайн, если в результате посетители вашего сайта будут сбиты с толку, потеряны, дезориентированы и невежественны на вашем сайте. Поэтому я буду настраивать выбор шаблона WordPress.
Специально для моего блога у меня было меню с боковой прокруткой в качестве требования, потому что мне это просто нравится. Я также представил минималистичный дизайн и список статей на главной странице в виде кирпичной кладки или сетки (grid) с несколькими размерами блоков:
Функциональность шаблона
Вот некоторые требования к шаблону WordPress, которые вы должны знать перед выбором шаблона:
1. Продвижение многоязычия
Если вы планируете многоязычный веб-сайт, шаблон должен поддерживать многоязычие, в частности плагины wpml или polylang . Лично я использую wpml , который уже успешно развернул на нескольких веб-сайтах. У меня нет опыта работы с последним, но у обоих есть хорошие рекомендации. Я рекомендую вам учитывать мультиязычность в будущем при выборе шаблона WordPress.
2. Поддержка электронной коммерции (решения для электронной коммерции)
Если вы планируете задействовать интернет-магазин, это следует учитывать при выборе шаблона WordPress. Убедитесь, что шаблон поддерживает эту опцию. В частности, он должен поддерживать, например, самое распространенное интернет-решение для WordPress — плагин woocommerce .
3. Поддержка словацких символов
Вы также должны быть осторожны с этим. Шрифт шаблона может не поддерживать наши типичные словацкие «иероглифы» и тогда может получиться так же катастрофично, как при открытии инстаграм через компьютер: Будем надеяться, что мальчиков, закодированных из инстаграма, исправят как можно скорее и мы тоже не забудем об этом. Лучший способ проверить наш потенциальный шаблон — вставить панграмму для проверки словацких диакритических знаков. Лучше всего разместить его в заголовках, подзаголовках, тексте и виджетах. Даже в версии с большой буквы.
К сожалению, часто у нас нет возможности проверить это перед установкой шаблона. Он также может показывать вам плохие символы в демо-версии, но после установки вы обнаружите, что в теме есть возможность выбрать соответствующий шрифт ( у него должен быть расширенный латинский шрифт-подмножество ). Если вы обнаружите, что некоторые персонажи вас плохо показывают, не отчаивайтесь, есть способы это исправить, но это выходит за рамки данной статьи.
4. Язык шаблона
Было бы хорошо, если бы шаблон был переведен на нужный язык (языки) (в моем случае словацкий). Или, по крайней мере, включите шаблон перевода .POT. Но не отчаивайтесь, даже если он не содержит .POT, мы можем помочь вам с помощью плагина Loco Translate , если только он не требует больше времени и технических требований.
5. Поддержка различных форматов статей
WordPress позволяет вам установить его формат при редактировании статьи (« форматы сообщений» на английском языке, см. изображение ниже). Но это зависит от создателей, чтобы решить, работать ли это в нем. Например, я планирую использовать цитаты, видео и галереи в своем блоге и прошу, чтобы они отображались соответствующим образом. Поэтому мне потребуется поддержка различных форматов статей из моего шаблона.
6. Скорость шаблона
Очень важный факт для выбора шаблона WordPress. Само собой разумеется, что я хочу иметь быстрый веб-сайт, чтобы не отпугивать посетителей блогов или роботов Google (роботов Google, которые будут индексировать мой веб-сайт). Вот почему я протестировал демо-шаблон с помощью инструмента pingdom :
Я думаю, что самым важным показателем результата, который я получил от инструмента, является время загрузки страницы. Если вы получите это время с шаблоном в течение 2 секунд, это приемлемо, потому что мы можем значительно сократить его в нашем реальном блоге. Делается это выбором качественного хостинга , установкой плагина кеша для скорости и оптимизацией размера изображения. Я использую (и считаю лучшим) плагин кэширования WP Rocket . Я использую плагин EWWW Image Optimizer для оптимизации размера изображения.
Я также хотел бы быстро объяснить, почему я использую (и почему я бы рекомендовал вам) хостинг веб -поддержки. У них есть автоматическая установка WordPress , что удобно новичкам и продвинутым пользователям, экономит время. Упомянутые выше плагины WP Rocket и EWWW Image Optimizer уже включены в установку, настроены и настроены на сервере . Их серверы имеют SSD . В результате получается очень высокая скорость интернета, как вы можете видеть на примере моего блога на картинке выше. И это круто для меня :).
7. Наличие конструктора страниц
Трудно перевести на словацкий, но я бы перевел как визуальный компилятор страниц. Это инструмент, с помощью которого вы можете создавать свои собственные страницы из разных элементов и размещать их по-разному. Вероятно, лучше всего будет показать это на картинке:
На картинке показан именно конструктор Divi , который входит в число лучших. Вообще построитель страниц может быть частью темы (например, divi builder тоже часть темы divi ), либо в виде отдельного плагина. Поэтому, даже если в выбранной вами теме не будет компоновщика страниц, вы можете установить его как плагин. Лучшим конструктором в виде бесплатного плагина является Page Builder от SiteOrigin .
Мне не нужен конструктор для моего блога, поэтому я исключаю его из выбора шаблона WordPress. Наоборот, у меня будет запрошено, если мой шаблон не содержит таковых. Причина в том, что каждый дополнительный функционал шаблона, а также каждый используемый плагин способствует снижению скорости работы сайта.
8. Качество кода шаблона
Я как программист знаю качество кода с демо-сайта, но для неспециалиста это может быть сложно. Тема может выглядеть красиво, но фон может быть «уродливым» кодом. Одна из возможностей — запустить тему через валидатор кода от W3C , международной организации, отвечающей за стандартизацию нашего интернета (www).
Не бойтесь, если этот инструмент покажет вам какие-либо ошибки в коде, вам придется считаться с тем, что большинство доступных тем будут иметь некоторые недостатки. Просто это не красное море ошибок :).
И самое главное в этом пункте я сохранил в конце — почему мы должны заботиться о качестве кода темы? Потому что плохо запрограммированная тема может существенно повредить нашему SEO. А мы этого не хотим.
9. Документация
Я бы хотел, чтобы мой шаблон включал документацию, чтобы мне не приходилось задаваться вопросом, где и как я настроил отдельные элементы шаблона. К сожалению, многие бесплатные темы с wordpress.org не включают документацию , поэтому нам требуется дополнительное время, чтобы найти и протестировать, где и как ее настроить. Напротив, многие платные темы у крупнейшего поставщика шаблонов имеют высокий уровень документации (они «хорошо документированы»). Это одно из требований, которое продавец требует от создателей темы. Поэтому я буду настраивать выбор шаблона WordPress.
В конечном счете, каждый из нас должен решить, запрашивать ли шаблон документации. как по мне так да. На работе и в частном порядке у меня уже была возможность попробовать множество разных шаблонов, и у каждого были совершенно разные индивидуальные настройки (иначе написано, нет единых правил WordPress по организации настроек темы). Я считаю, что время — деньги и не хочу тратить его на поиск ненужных настроек, предпочитаю тратить время на написание статей.
Требуется ли много работы для настройки?
Если у вас мало навыков работы с WordPress, обязательно просмотрите отзывы и комментарии к шаблону. Конечно, демо-версия может выглядеть фантастически. Но если вы хотите разместить шесть изображений вместо пяти в том или ином разделе, а сделать это можно только программно, это может стать для вас проблемой.
Нажмите на шаблон в демо-версии и получите обзор. Читайте описание и инструкции по настройке темы. Вот как легко настроить. Еще один важный аспект связан с постановкой темы. Является ли раздел настроек темы удобным, интуитивно понятным, простым в использовании? Скриншоты на веб-сайте шаблона — отличное место для проверки. Здесь вы можете увидеть, как в теме организованы отдельные разделы настроек.
Совместимость с плагинами
Вероятно, у вас есть какие-то плагины, необходимые для работы веб- сайта. Важно убедиться, что шаблон поддерживает эти надстройки. Когда дело доходит до бесплатных шаблонов WordPress, их проще протестировать и проверить на совместимость — просто установите для пробной версии. Но если вы выбрали премиальную тему, возможное решение — запросить информацию у создателя.
SEO-шаблон оптимизирован?
Удивительно иметь красивый внешний вид веб-сайта. Но помните, что сайт должен существовать и для поисковых систем . Вы можете проверить SEO-оптимизацию тем WP вручную. Существуют также онлайн-сервисы, которые показывают, насколько шаблон оптимизирован для SEO, например EasySeo . Опять же, если вы выберете премиальную тему, создатель сможет предложить вам всю важную информацию о ней.
А как насчет социальных сетей?
Что касается социальных сетей, их всегда можно добавить в виде плагина WordPress . Но поскольку социальные сети становятся все более и более важными в онлайн-среде, было бы неплохо интегрировать социальные сети в шаблон.
Посмотреть коллекции шаблонов
Для вдохновения вы можете ознакомиться с коллекцией ТОП-30 тем WordPress для конкретных целей:
- Шаблоны WordPress для бизнеса
- Бесплатные шаблоны WordPress
- Шаблоны WordPress для интернет-магазина
- Шаблоны WordPress для фотографов
Выбор шаблона WordPress – заключение
Я подумал о требованиях, поэтому буду продолжать искать сам шаблон. Но я оставлю это для следующей статьи. Я надеюсь, что эта статья принесла вам что-то, независимо от того, являетесь ли вы новичком в WordPress или продвинутым пользователем.
Совет: для быстрого сайта очень важно выбрать правильный хостинг. Рекомендую делать ставку на проверенное качество: WebSupport , Webglobe-Yegon или Wedos .
Was this article helpful for you? Support me by sharing, please. 👍
