Новая тема для WordPress и не только

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

Перед тем, как говорить о той теме, которая стоит сейчас, мне хотелось бы отправиться в прошлое и рассказать какие шаблоны WordPress стояли до этого. Их было немало, но возраст этого сайта тоже уже довольно большой (в этом году будет 5 лет). Постоянным читателям (хотя таких, наверное, уже не осталось :) будет особенно интересно, думаю. Поехали!

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

1. INDEZINER Paper Wall

Ну что тут говорить? Моя самая первая тема :). Сейчас смотрю и до сих пор нравится. Как можно заметить, по сравнению с оригинальной, тема изменилась, но несильно. В частности мне пришлось поработать в фотошопе над фоном. В оригинальной теме он заметно темнее. Разумеется, что сайдбар отличался (сейчас я уже не вспомню какие виджеты там стояли), но общий вид в целом был такой. Помню ещё картинки для постов на главную я сам вставлял (это сейчас многие шаблоны сразу поддерживают миниатюры). Что из примечательного?

На дворе был 2010 год. Классная яркая тема для блога. Скевоморфизма выше крыше, всё на виду, большой логотип названия сайта и девиз сверху. Мне всё нравилось. Стояла тема долго, но в один прекрасный момент как-то захотелось отойти от всех этих цветастых хедеров и футуров. Для меня важным стало то, чтобы фокус падал на контент, а не на общую страничку как таковую. Результатом поиска стал отличный шаблон Sight от команды Wpshower.

2. Sight от Wpshower

Как видите, тема безумно простая. На мой взгляд она и сейчас актуальна, но, что самое важное, подойдет не только для блога. Каким-то небольшим новостным ресурсам однозначно тоже будет интересна. Дизайн от оригинала практически ничем отличается (ну я разве что перевёл её и всё, поставил свой логотип). Сайдбар опять же был другим (имею в виду набор виджетов), но так со всеми сегодняшними темами, кроме актуальной. По-моему там стояли метки, которыми я, к слову, уже давно не пользуюсь; популярные посты и т. д.

В плане удобства использования эта тема была, конечно, получше предыдущей. Тут и нативная поддержка миниатюр для нового поста, и огромная плашка сверху. Вообще там по умолчанию слайдер, где отображаются все последние записи на блоге, но я его сразу отключил. Вместо этого там образовалось статическое место под новый пост. И я как-то привык, что если новая статья на сайте, то это сенсация, праздник :). Она должна всегда быть огромно выделена, чтобы все сразу увидели. Увы, но такой формат не прижился. Дело в том, что не всегда у меня хватало фантазии на что-то интересное. Бывало напишешь фигню и смотришь, как она висит и занимает полстраницы на главной. Ну и в конце концов надоел этот аскетичный дизайн, хотелось опять же минимализма, но поинтереснее. Поэтому спустя год, наверное, я опять отправился на поиски новой темы.

Кстати, в Sight ещё доступен вот такой вид (видите переключатель справа от слов «Последние статьи»?).

3. Vulcan от web2feel

Не подумайте :). Сайдбар был забит под завязку, а сверху красовались ссылки на страницы блога. Итак, Vulcan. Если прошлые две «шкурки» были светлыми, то на этот раз я остановился на темном варианте. Достала меня белёсость. Пожалуй, именно эту тема я переделал довольно сильно. Если перейти на сайт разработчика, то можно заметить, что в оригинальной теме наверху только две большие кнопки соц. сетей, а также динамичное выделенное под последние записи место по типу того, что было в предыдущей теме, но поменьше размером.

В этой теме я убрал нарисованный логотип (сайт по-прежнему назывался «Блог Димантоса»), нарисовал блок иконок сверху. Перевёл, разумеется.

Уже не помню, что меня в итоге разочаровало. То ли цветовая гамма (всё-таки совсем темный фон был как-то не очень), то ли иконки надо было обновлять (а это ещё тот геморрой, ведь .psd-исходника у меня не осталось), то ли эти огромные выделения под дату поста, количество комментариев и ссылку «Читать далее». Не могу сказать. Факт в том, что этот шаблон простоял не так долго, как предыдущие. Но в целом смог внести какое-то разнообразие в жизнь этого сайта.

4. Fresh & Clean от WPExplorer

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

От оригинальной почти не отличается. Разве что я сразу же вырезал ужасный блок-слайдер сверху. После Sight с меня хватило)). Ещё в этом шаблоне присутствует нижний сайдбар, но его не видно на скриншоте, так как никакие виджеты я туда не ставил.

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

5. Moments от Site5 Free WP Themes

Хотелось возродить блог после ужасно долгого годовалого перерыва и с новыми силами начать вести записи. Собственно поэтому и поставил новый шаблон примерно в начале 2014 года. Новая обстановка, как я думал, поспособствует мотивации :). Ну, не особо, конечно, помогло, хоть я и опубликовал пару-тройку статей.

Из интересного, пожалуй, стоит отметить широту шаблона. Сайт заполнял весь экран тремя колонками, а не как предыдущие: две колонки сосредоточены в центре, а по бокам куча неиспользуемого места (наподобие сайта ВКонтакте). Это однозначный плюс, поскольку очевидно, что сейчас тренд идёт именно в эту сторону; в поддержку широкоформатных дисплеев. Ещё в этой теме замечательный «плавающий» левый сайдбар. Т.е. контент следует за прокруткой, а сайдбар остаётся неподвижным. Прикольное решение, я оценил.

Без правок не обошлось и здесь. Удалил верхний огромный блок, какие-то непонятные линии около заголовков, перевёл, разумеется. Кстати, насовсем уже отказался от логотипа (от девиза, а-ля в первой теме, уже давно), хотя и можно было его поставить. Вместо этого тупо написал название сайта :).

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

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

6. OMG Theme от WP Dev Shed (текущая)

Та-дам!

new1

Идеал? Ну почти. Если быть честным, мне безумно нравится. Современная, стильная, широкая тема. Для меня лично плюс, что она особо и не выглядит как блоговая. Это оригинально и свежо, по крайней мере. Заходишь на главную — и сразу все посты в удобном формате одной колонкой (с разделением по три). Причем все одинаковые. Нет на весь экран свежей записи. Хотя, в оригинальной версии присутствует слайдер на весь экран :) (и чего только все разработчики его суют, причем в большинстве случаев невозможно отключить просто из настроек, надо самому лезть в код), но я его быстро отключил.

Видимых сайдбаров на главной странице нет. Есть левый, но он спрятан. Выезжает он по клику на соответствующую кнопку слева сверху (видимо разработчики вдохновились последними редакциями Android :) К слову сказать он доступен абсолютно на любой открытой странице сайта.

new2

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

Кстати о длине. Я очень обрадовался, когда увидел, что раскрытая статья занимает почти весь экран, с большим и в меру удобным для чтения шрифтом. А справа ещё отдельно настраиваемый сайдбар. Супер! Не нравятся мне эти узкие классические блоговые темы, коих большинство. Хотя сейчас я уже наблюдаю тенденцию к широким темам, с параллаксом и прочими современными фишками. Взять хотя бы недавно обновленную тему по умолчанию от WordPress. Посмотрите как-нибудь на досуге. А ещё меня удивило, что тема от WP Dev Shed откуда-то знает про русские переносы. И главное, всё верно делает!

new3

Также мне понравился встроенный в шаблон блок «Об авторе». Хоть никто кроме меня сюда, понятное дело, не пишет, но мне кажется с таким блоком лучше. Этакая подпись после каждого поста. Кстати, ещё я поставил плагин WPFront Scroll Top. Ну, посты нередко бывают большими, возвращаться наверх прокруткой долго. А тут нажал — и быстро перешел. Теперь у меня прямо совсем какой-то Android на блоге, по всем гайдлайнам Lollipop :)

new4

А ещё у этой темы очень крутой мобильный вид! Даже не думаю как-то его править, а тем более отключать. Ведь он хорошо смотрится на всех устройствах и не влияет на общее восприятие сайта.

new6

new7

Были правда мелкие проблемы с темой, но в целом все они уже решены. Правда я до сих пор не могу исправить один баг с навигацией. На главной она работает, а в поисковой выдаче на странице поиска — нет. Также не работает на страницах категорий и архивов. Проблема заключается в том, что, если навигация на этих страницах не работает. Браузер получает неверный URL (например «http://dimantos.ru/?s=привет#038;paged=2» вместо правильного «http://dimantos.ru/?s=привет&paged=2»). Уже написал в поддержку на форуме. Разработчики сказали, что всё пофиксят.

На этом, наверное, всё. Оставляйте свои комментарии по поводу тем, интересно послушать ваше мнение :). Может какие-то шаблоны вас заинтересовали? Ну и что думаете о текущем дизайне? Огромное спасибо расширению Awesome Screenshot, c помощью которого удалось сделать все эти скриншоты страниц, а также новой функции вордпресса «Предпросмотр сайта без применения темы».

А сейчас несколько важных изменений относительно дальнейшего этого бложека. Пора бы уже написать об этом (что-то подобное я оформлял отдельной статьей в далеком 2011). Перечислю по пунктам:

  • ребрендинг (теперь сайт называется не «Блог Димантоса», а «Dmitry’s Blog») и новый фавикон;

favicon_new_2015

  • все существующие категории в скором времени будут переделаны, а статьи перерасформированы по ним (то же самое касается тегов);
  • больше на блоге нет формы ВКонтакте для комментирования (Ну как нет. Просто до неё теперь не так просто добраться :). Сделано это сознательно, поскольку я не могу отключить возможность комментирования, при этом не могу и удалить блок полностью (иначе «вкашные» комменты потеряются, всё-таки их довольно много, особенно вопросов-ответов насчет Connectify, которые многим могут быть полезны. Почему отказался от VK? Во-первых, в последнее время я почти не пользуюсь соцсетью, а уведомления о новых комментариях приходят только туда. Во-вторых, сам по себе формат жутко неудобный. Всё сделано внутри своего кода так, что даже существующие комментарии нельзя экспортировать, например в Disqus. Ещё одна причина отсутсвие взаимодействия с остальным кодом сайта (комментарии ВК не учитываются в общей статистике комментов WP) и т.д.);

Captura de pantalla 2015-02-12 a las 23.06.38

  • перераспределение зон для рекламы (Т.к. новая тема по сути не располагает пространством на главной странице для рекламы, а левый сайдбар не всегда на глазах, я принял решение поместить блок Яндекса после постов, а блок с ссылками TrustLink после системы комментирования Disqus. Думаю, это самое оптимальное решение).

Теперь точно всё. Обещаю писать что-нибудь интересное хотя бы раз в неделю. Надеюсь, всё получится :).

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите сочетание «Ctrl» + «Enter».

Оценить статью:
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1, в среднем: 5,00 из 5)
Загрузка...