Как выбрать шаблон (визуальное оформление) для блога на Вордпрессе? Главные сложности.

Как будет выглядеть сайт на экране посетителя? Какой будет цветовая гамма, как будут расположены элементы? Всё это зависит от используемого “шаблона”. Он же “дизайн”, он же – “тема” или “визуальное оформление”. А если на английском, то это обычно “template”. Когда речь идёт о настройке блога на Вордпрессе, то здесь дизайн сайта принято называть “шаблоном”.

Очень часто и очень “легко” поиск и установка пригодного шаблона может стать крайне непростым делом, даже при работе с Вордпрессом. Несмотря на то, что его функционал призван всячески облегчать ведение блога.

Почему так и что может помочь? Мой личный опыт по настройке сайтов на различных CMS, в том числе и WordPress, а также анализ опыта других людей, привёл к следующим наблюдениям:


Количество шаблонов

Шаблоны Вордпресса.

Установка шаблонов в Вордпрессе прямо доступна через административный интерфейс, с помощью которого выполняется поиск по репозиторию. Это крайне удобно. В любой другой CMS, например Joomla! или Drupal придётся ползать по всяким сайтам, скачивать, закачивать и т.д. Здесь же нашёл, выбрал, нажал “установить”, нажал “активировать” – и всё, он уже на борту, Можно устанавливать тему за темой и потом их уже изучать вплотную. На скриншоте выше как раз можно видеть пример накопления таких установок.

Однако, шаблонов в репозитории очень много! Если заранее нет чёткого понимания, что конкретно требуется, то поиск может сильно затянуться. Но даже, если и есть такое понимание – придётся перебирать и перебирать, ведь многие шаблоны довольно похожи, хотя и различаются важными нюансами.

Цветовая гамма

На вкус и цвет, конечно…

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

Точно также и с шаблонами Вордпресса. Есть такие варианты, где цвета можно настраивать, а есть и такие, где нет. Заранее не угадать, следует проверять. А ведь не каждый человек готов потом вручную править шаблон на уровне кода. Или платить за это стороннему программисту. “Проще” перебирать дальше.

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

Предпросмотр

Предпросмотр шаблона в репозитории.

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

Структура и функционал

Ниже с этим же синим шаблоном можно увидеть практический вывода страницы.

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

Иногда возможности, представляемые шаблоном, ясны сразу, но обычно придётся его “открыть”, активировать и смотреть уже “по месту”. Всё это не только личное время, но и рост нагрузки на сервер хостинга, что не всегда приветствуется провайдерами. При этом не факт, например, что идеальный по цвету шаблон позволит расположить Главный Рекламный Баннер именно сверху или снизу, или где он там должен быть.

Главная страница vs Страница записи

Блог на Вордпрессе состоит из главной страницы блога, которая размещается по основному адресу, и страницы с любой отдельной записью, на которую типовой посетитель переходит напрямую по ссылке. Из поиска или социальных сетей. Соответственно, одно дело смотреть на “богатое” оформление главной страницы, другое – на отображение отдельного поста. В этом случае всё однозначно выглядит проще.

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

Поддержка, дата обновления, платность-бесплатность.

Шаблон Easel, он же ComicPress

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

Несколько лет назад мне понравился шаблон Easel, его и сейчас можно найти в репозитории, но обновлений не было очень давно. В настоящее время он выглядит как динозавр на фоне современных адаптивных и минималистичных дизайнов.

Контент vs Дизайн

Газетно-СМИшный стиль для блога.

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

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

Адаптивность

Мобильный вариант, горизонтальная развёртка.

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

Облако меток (тегов)

Непригодный вариант показа меток.

Ещё в эпоху активного ЖЖ люди привыкли ориентироваться в контенте блогов с помощью меток. Это очень важная функция. В Вордпрессе они выводятся с помощью специального виджета в левой или правой части экрана, примерно как это и делается в ЖЖ. Но есть нюанс, который может значительно снизить эффективность меток! Дело в том, что чем больше размерность шрифта при написании того или иного ключевого слова – тем больше в блоге контента с этим тегом. Именно так у меня и сделано, всё наглядно. Однако я видел множество шаблонов, где все теги одного размера. Как только вижу – сразу удаляю.

Какой из всего этого вывод?

Выбор шаблона для блога на Вордпресс.

Не дайте хвосту вилять собакой!

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

Не лишне будет на досуге изучить основы HTML и CSS, языки разметки гипертекста. Если он есть, этот досуг 🙂

Передать дальше