Смена шаблона WordPress. Прихоть или необходимость?
Предвижу возмущенные возгласы, зачем ты опять сменил тему, ведь и с той было неплохо! Нельзя же так часто менять шаблоны! Посетители не успели привыкнуть к прежней теме, а ты уже лепишь следующую, причем, даже близко, непохожую на предыдущую!
Все это правда, друзья. Но замена темы оформления на «Белой Шляпе» была продиктована не капризом и не прихотью, а совершенно четкой, объективной необходимостью.
Причины замены шаблона WordPress на блоге «Белая Шляпа»
Январский 2010 года взрыв посещаемости «Белой Шляпы» показал, что блог технически не готов к высокому трафику. Избыток графики и скриптов в прежней теме давало огромную нагрузку на ресурсы хостинга, очень замедляло загрузку сайта и повышало количество отказов при открытии блога.
Кроме того, не обладая высоким художественным вкусом, я, откровенно говоря, перебарщивал с украшениями и фенечками, сам это прекрасно понимал, но поделать ничего не мог. Хотелось добавлять и добавлять еще больше и еще красочнее. В определенный момент стало понятно, что украшения отвлекают читателя от смысла статей, да и не очень-то ему, порой, соответствуют.
То же и относительно php скриптов и javascript. Их было очень много. Знающие люди поражались количеству скриптов и удивлялись тому, что блог еще работает и загружается.
Критерии выбора нового шаблона
Честно говоря, я думал, что выбрать шаблон для блога на WordPress очень легко и выбор этот не займет много времени. Случилось все совершенно наоборот, да и выбора, как такового, не состоялось. Пришлось верстать шаблон самостоятельно на основе какой-то старинной немецкой темы 2006 года, сделанной еще для WordPress первых версий.
Что мне нужно было от нового шаблона?
1. Минимум графики
2. Минимум скриптов
3. «Резиновую» ширину, автоматически растягивающуюся на любое разрешение монитора
4. Наличие двух сайдбаров справа
5. Наличие активного футера с, минимум, двумя, а лучше тремя блоками для вывода информации
6. Отсутствие административной части для обеспечения большей самостоятельности в настройках
7. Монохромность, а лучше черно-белость.
Первый, второй и седьмой пункты не являлись обязательными, так как удалить графику, скрипты и перекрасить шаблон на свой вкус с помощью каскадных таблиц стилей не составляет труда.
Были пересмотрены тысячи отечественных и зарубежных сайтов на разных языках. Скачаны сотни тем. Но ничего не подходило. По какому-то одному, а чаще по нескольку параметрам меня та или иная тема не устраивала. К концу второго дня выходных я стал отчаиваться найти что-то подходящее и склонялся к тому, чтобы сверстать тему самостоятельно. Так и сделал. Взял за основу первую попавшуюся старинную тему, отобранную по принципу «Чем проще, тем лучше» и стал колдовать над ней, вычищая код, перенося блоки, попутно, растягивая их, и меняя цвета. Точнее говоря, обесцвечивая имеющуюся палитру.
Оценка «На первый взгляд»
Боюсь показаться нескромным и безответственным, но мне в новой теме все нравится. И легкость цветов, их задействовано всего шесть. И отсутствие нагромождения кода, использующегося теперь, только для установки счетчиков и блоков с рекламой. И вместительность двух боковых колонок справа, которые способны отобразить массу информации и рекламы без подключения вкладок на Query. И совершенное отсутствие графики. В шаблоне задействовано три изображения – логотип слева вверху, портрет автора в сайдбаре и ярлык rss ленты. Других изображений в этом дизайне нет. Тень под заголовками постов сделана при помощи css (она видна только тем, кто не пользуется придурковатым браузером Internet Explorer). Девиз этой темы: « Мне плевать, как я выгляжу, главное, что удобно и места много!» Для блоков с информацией опять применена избирательность, то есть некоторые из них не показываются на некоторых типах страниц (Как это сделать, я писал здесь). На первый взгляд это неудобно, но на самом деле – вопрос привычки. Постоянные читатели «Белой Шляпы» с «закрытыми глазами» ходят по ее страницам и интуиция подсказывает им где и какой блок надо искать.
Инструменты для рисования и верстки темы
А вот и те программы, которые помогли мне создать, сверстать и нарисовать тему, которая сейчас применена на этом блоге:
1. Total Commander – для управления файлами и выхода на сервер FTP
2. Denwer — эмулятор сервера Apache с MySQL, PHP и всем остальным, что есть у серверов
3. Дополнение к браузеру Mozilla FireFox Firebug, с помощью которого анализируются и редактируются html и css документы
4. TopStyle Pro – супер-программа для визуального редактирования css стилей с собственной интуицией и функцией дописывания начатых операторов
5. Adobe Photoshop RUS Official – эту программу не надо представлять, всем известный графический редактор
6. Notepad++ — супер-блокнот для редактирования кода. Можно редактировать прямо на сервере. Программа сама догадывается, какой код хочет ввести пользователь, редко ошибается, и дописывает его.
7. Дополнение к браузеру Mozilla Firefox Fire FTP, для загрузки и скачивания и редактирования файлов на ftp серверы
8. Браузер Opera 10
9. Браузер Firefox 3.5
10. Браузер Google Chrome
11. Браузер Internet Explorer 8
9 февраля 2010, Вторник в 03:02
hawot
Действительно, получилась легкая и визуально приятная тема. Завидую белой завистью такому трепетному отношению к оформлению блога. Я не могу заставить себя так долго подбирать и настраивать шаблон.
Спасибо за ссылку на TopStyle Pro. Жаль что он столько стоит.
А вот фавикон можно бы и поразборчивей сделать
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 09:50
@hawot, спасибо за замечание. На самом деле до фавикона еще не дошли руки и он стоит в числе первоочередных задач. До конца этой недели обещаю с ним разобраться.
Только вот что-то перемкнуло в голове у меня не могу стили в футере настроить. Все разъезжается и не выстраивается в линию. Думаю, что если удасться выспаться и прийти в себя после шаблонной гонки на выходных.
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 09:58
@hawot, TopStyle — это ссылка на официальный сайт. Там он продается, но вы же знаете где это есть бесплатно.
Ответить на комментарий
9 февраля 2010, Вторник в 04:52
NomadUA
Загружается не в пример быстрее... Да и визуально — приятное оформление :) Поздравляю с обновлением :)
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 09:52
@NomadUA, тебе спасибо на добром слове. Мне тоже очень нравится. Да еще в сравнении с той цыганщиной, которая была раньше.
Ответить на комментарий
9 февраля 2010, Вторник в 11:51
Ольга М.
Евгений, я вас прекрасно понимаю! Мои эксперименты с украшением шаблона тоже утяжеляют его и он нелегко загружается. Моя подруга и блоггер Агиделия, как и я использует программу Artisteer для создания шаблона. Так у неё она лёгкая, быстро загружается. А я всё не могу себе сделать запоминающийся и лёгкий шаблон. Обыскалась в инете, но все интересные темы для Wordpress уже кем-то из знакомых блоггеров используются и скачаны по сто раз...Вобщем, трудное это дело... Хотя мне почему-то кажется, что Вы ненадолго остановитесь на простом по оформлению шаблоне. Как творческая душа, Вы ещё будете продумывать над идеальным и красивым для себя шаблоном. Время покажет... :)
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 12:20
@Ольга М., это уж точно, что ненадолго. Какая по счету эта тема теперь и сказать сложно. Идеальных шаблонов не бывает и всякий раз что нибудь да не устраивает.
Но в то же время хочется выбрать для себя что-то раз и навсегда. Не дело это так метаться из стороны в сторону. Что подумают читатели?
Я сейчас думаю, что шаблон менять можно сколько угодно раз, только так чтобы снаружи это было незаметно или воспринималось, как добавление или изменение функционала блога. Но ни в коем случае так кардинально, как я в этот раз, нельзя часто менять цветовые схемы. Это раздражает наших поклонников.
За программу спасибо. Я сегодня скачаю ее и попробую что это такое. Ни разу о ней не слышал. Интересно. Artisteer
Оля большое Вам спасибо за ваш комментарий. Приятно получать одобрение понимающих тебя людей. Приходите чаще. Я рад Вам и жду.
Ответить на комментарий
9 февраля 2010, Вторник в 12:34
Валерий Иванов
Конечно кардинальная смена дизайна! Каждая из них по-своему оригинальна!
С точки зрения быстроты работы и простоты новая тема — супер! ;-)
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 13:02
Привет, Валера, берем пример с Google — простой аскетичный дизайн, быстрота загрузки и очень сильное юзабилити. Над последним мне еще работать и работать. Стили css надо дорабатывать (перерабатывать) очень серьезно.
Ответить на комментарий
9 февраля 2010, Вторник в 13:03
Ольга М.
Евгений, программа эта не бесплатная ( от $49.95 ), а пробная версия создаёт шаблон с водяными знаками. Так что тут либо нужен ключ или же убирать водяные знаки. У меня на странице Artisteer есть внизу ссылка на сайт, где дана возможность их убирать ;)
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 13:34
@Ольга М., да большое спасибо, судя по цене, программа хорошая. Попробую найти ее на сайтах, где дают таблетки от жадности. Таких много.:-)
Ответить на комментарий
9 февраля 2010, Вторник в 16:27
Игорь
Приветствую, вчера заходил, вначале не понял куда попал, был промежуточный вариант без фото)). Сегодня всё понял, но жалко, что пропало «золото» во всех своих проявлениях))
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 20:22
@Игорь, мне золота тоже немного жаль, но скорость загрузки важнее.
Но исчезло оно не во всех своих проявлениях, а только в графическом.)
Ответить на комментарий
9 февраля 2010, Вторник в 21:40
Наблюдатель
Жень, привет. Моё мнение по шаблону догадываешься какое — ты ж знаешь мои вкусы на сей счет. Так что, высказываюсь соответственно дизайну — минималистично и чёрно-бело :)
Пыс. Я там тебе письмо в личку кинул, глянь.
Ответить на комментарий
eavasi отвечает:
февраля 9, 2010 в 23:16
@Наблюдатель, гран мерси за поддержку!
Если «личкой» ты называешь мою электропочту, то письмо я видел, сегодня отвечу.
Ребе.
Ответить на комментарий
10 февраля 2010, Среда в 00:41
vycheslav
Ну не знаю...а мне нравится. Я конечно полный профан, может и слишком лаконично, но мне кажется за картинками нужно на сайт с картинками, а тут серьезные вопросы. На мой взгляд все соответствует. Главное на работе теперь открывается корректно, у нас Firefox урезанный по самые нехочу и там трудно было читать черные буквы на темно красном фоне.
Ответить на комментарий
eavasi отвечает:
февраля 10, 2010 в 00:46
@vycheslav, мне тоже очень нравится и как выглядеть стал и то, что Вам стал нравится и что и Вы и многие многие другие могут теперь читать Белую Шляпу на работах своих в браузерах с отключенными картинками.
Спасибо за добрый комментарий. Заходите почаще, теперь Вам здесь комфортно.
Ответить на комментарий
10 февраля 2010, Среда в 01:41
Олли
Гм, А Евгений заметно побледнел :)
А вот мне прежний нравился больше. Было в нём что-то эдакое — кубинско-экзотическое. А теперь бледное и снежное, как вид за моим окном :(
Ответить на комментарий
eavasi отвечает:
февраля 10, 2010 в 02:00
@Олли, приходится жертвовать. Жаль. Зато носится как электрический веник. )
Ответить на комментарий
10 февраля 2010, Среда в 01:42
Вадим
Не плохой шаблон в стиле минимализма. Конечно было очень не привычно зайти на твой блог и увидеть такое обнавления, тем более после последней версии шаблона, который был насыщен разными красками и графикой. Признаться честно, сначало, я подумал, что попал куда-то еще. Проверил адрес блога, вроде все верно, присматрелся повнимательнее и понял, что дизайн поменялся :)
Честно говоря, блога с двумя сатбарами, намного функциональней. К несчастью я это понял, только тогда, когда стал пользоваться шаблоном с одним сайтбаром. :(
Но, что-то я не вижу у тебя на блоге рекламные блоки Adsens, решил не использовать? Зря, у себя на блоге при минимальной посещаемости, я оправдал, затраты на хостинг, в первый месяц, малость, но чертовски приятно :)
Ответить на комментарий
eavasi отвечает:
февраля 10, 2010 в 01:59
@Вадим, спасибо на добром слове. Привет!!! Рад видеть. АдСенс еще поставлю, я забыл про него, он здесь почти не работает, тут вон тизеры рулят.
Ответить на комментарий
10 февраля 2010, Среда в 02:33
Александр Кривой
Жень привет, на почту пришла подписка — решил заглянуть... Сам дергаюсь с этими темами — но у меня в этом направлении тоже сложности — не с трафиком, а с недостаточными познаниями в php... поэтому не все в темах мог корректировать, хотя и переводил пару шаблонов...
На блогах — нравится видеть аватарки комментаторов, не собираешься ли в эту тему их «присобачить»? Хотя они тоже немного напрягают загрузку блога.
Ответить на комментарий
10 февраля 2010, Среда в 02:39
Александр Кривой
— Это сложно? Раскроешь секрет?
Ответить на комментарий
eavasi отвечает:
февраля 10, 2010 в 13:12
@Александр Кривой, это нисколько не сложно. просто прописываешь в стилях text-shadow:5px 3px 2px; и все готово. Числовые значения влияют на размытие и смещение тени по осям х и у.
Аватары присобачу\. Честно говоря\. только что заметил, что они есть только у автора. Так что, молодец, Саш, что подсказал. Спасибо!!!
И еще обратил внимание, что вопреки моему обыкновению новые комменты отображаются внизу, а я привык, чтобы они были вверху.
Ответить на комментарий
12 февраля 2010, Пятница в 00:48
kisuhvostik
А мне не понравилось с первого взгляда. Не за что зацепиться взгляду (( все такое белое, светлое... скучное (( Хотя, может быть, я просто еще не привыкла ;)
Ответить на комментарий
eavasi отвечает:
февраля 12, 2010 в 20:14
@kisuhvostik, скорее всего второе. Дело привычки. Я заметил, что женщинам не очень нравится как выглядит эта тема.
Ну ничего, стерпится.
Спасибо, Танечка, за комментарий.
Ответить на комментарий
eavasi отвечает:
февраля 12, 2010 в 18:49
Да и надо признаться еще , что я очень белый цвет люблю.
Ответить на комментарий
14 февраля 2010, Воскресенье в 18:03
Владимир
Женя, поздравляю с новой одежкой. Приятная тема, легкая и на мой взгляд очень оригинальная, только немножко серовата.
Ответить на комментарий
eavasi отвечает:
февраля 14, 2010 в 20:15
@Владимир, в сероватости тоже заключается часть ее оригинальности.
Может со временем добавим какие-то цветные штрихи. Хотя монохромность может стать имиджем и по ней будут узнавать.
Ответить на комментарий
Владимир отвечает:
февраля 14, 2010 в 21:17
@eavasi, Жень, а так сайт открывается мосентально, просто супер.
Ответить на комментарий
eavasi отвечает:
февраля 14, 2010 в 22:42
@Владимир, работаю над тем, чтобы было еще быстрее, сейчас грузится 4 секунды без кеша. Стремлюсь к 1-1.5 сек.
Ответить на комментарий
eavasi отвечает:
февраля 14, 2010 в 22:43
@Владимир, спасибо за поздравления.
Ответить на комментарий
23 февраля 2010, Вторник в 01:06
Наблюдатель
Женя, да ты просто МАСТЕР! Не перестаю удивляться — так изменить первоначальный дизайн блога! Я имею ввиду уже этот, новый дизайн. Вижу, усовершенствуешь его неустанно. И как удачно! Все так красиво и гармонично.
Перефразируя Ильфа и Петрова из одного их нетленного произведения: «Дизайн блога изменить — это вам не ешака купить!» Во.
Ответить на комментарий
eavasi отвечает:
февраля 23, 2010 в 09:29
@Наблюдатель, мастерство невозможно ни пропить, ни в компьютерном кресле просидеть. Если хочешь, я за партнерские проценты, то есть бесплатно, и твою тему изменять буду, причем также мастерски и неустанно. Отвечу словами того же Гоголя, автора Ильфа и Петрова: «Дело мастера боится!»
Ответить на комментарий
Наблюдатель отвечает:
февраля 23, 2010 в 10:07
@eavasi, А то! Конечно, хочу. Буду Вам премного благодарен.
А блогролл как похорошел — так и захотелось прям туда попасть!
Ответить на комментарий
eavasi отвечает:
февраля 23, 2010 в 10:49
@Наблюдатель, приглашаю всех в свой блогролл. Сегодня запущена рекламная компания в Google по продвижению моего блогрола. Торопитесь, пока дешево!!!!
Ответить на комментарий
2 марта 2010, Вторник в 22:36
Резиновая тема для WordPress на заказ | БЕЛАЯ ШЛЯПА
[...] внешнем виде и даже в имидже. Об этом я писал в посте “Смена шаблона WordPress. Прихоть или необходимость?”. Я поставил перед собой задачу найти [...]