Резиновые шаблоны для WordPress, вот о чем я хотел написать сегодня, но, видимо запись эта получится намного более разнообразная, чем только об одних «резинках».

Желая внести обновление в будничную и становившуюся однообразной жизнь блога, в одно прекрасное утро, я принял решение кардинально поменять всё в его внешнем виде и даже в имидже. Об этом я писал в посте “Смена шаблона WordPress. Прихоть или необходимость?”. Я поставил перед собой задачу найти минималистичную тему для WordPress с резиновой шириной и черно-белым оформлением. Долго ли, трудно ли решалась эта задача, но я ее выполнил и вполне доволен тем, что теперь получилось, несмотря, кстати, на возгласы сожаления со стороны женского населения блогосферы, по утраченной теме на Кубинскую тематику и ее виртуальному хозяину Альфредо.

Замена шаблона для блога на WordPress, неизбежно сопровождается его доделкой и переделкой, а иногда и повторной версткой и редизайном. Ну а постоянной и неотъемлемой составляющей этого процесса является удаление многого лишнего (в основном скриптов на JavaScript, а также блоков для Flickr и других сервисов), которым так любят снабжать свои шаблоны западные дизайнеры. Окончательное оформление новой темы еще не закончилось, работы еще ведутся время от времени, но обусловлены они больше желанием или, даже, капризами вашего покорного слуги, чем от какой-то острой необходимостью. Много раз я уже писал, что «руки чешутся» у меня постоянно и постоянно же хочется что-то обновлять, доделывать, переделывать, снабжать новым функционалом.

Всю эту работу я взвалил на себя в начале 2010 года, когда за обновление внешнего вида берутся многие блоггеры, справедливо рассуждая о том, что новый год – это период обновления как внешнего, так и внутреннего на их блогах. Петр Тарасевич, мой давний знакомый, хороший приятель, друг и просто добрый малый, неожиданно для всех тоже заменил совсем еще новый свой шаблон на «Заметках Наблюдателя». Ему тоже нравится минимализм и его теперешняя тема, как нельзя лучше, подходит под определение «минималистичная». Но было так, что у его новой темы была фиксированная ширина, не изменяющаяся при разных разрешениях экрана. Я, набравшийся опыта по переделке шаблонов для WordPress и Joomla, а еще верстки собственных оформлений для своих примитивных CMS, набрался смелости и взял на себя ответственность предложить ему свои услуги по переделке его темы в «резиновую», добавления разных фишечек, исправлению неудачных стилей и удалению ненужных, лишних элементов.

Мне был выдан доступ на FTP (кстати сказать, ftp на хостинге BlueHost.com работает значительно быстрее, чем на моем Джино.ру) и полная свобода действий с оговоркой «ничего там не ломать». Ломать, конечно, не строить, но на чужом блоге я вел себя очень осторожно, не позволяя себе лишнего и постоянно делая резервные копии изменяемых мною файлов.

В общей сложности четыре часа потребовалось мне для того чтобы:

1. Переделать фиксированную ширину шаблона в «резиновую»;

2. Удалить выезжающее верхнее меню, сильно утяжелявшее блог и уродовавшее его;

3. Добавить маленькое боковое графическое меню с фиксированным местоположением;

4. Изменить (добавить, удалить) несколько десятков стилей, касающихся величины и выравнивания шрифтов, их цветов и размещения в строках.

Когда я сдавал работу, выслушивая восторженные возгласы Петра (вызванные, безусловно, не только результатами работы, а больше нежеланием обидеть мастера), мы, уже будучи на связи в Skype, как бы в четыре руки сделали еще некоторые изменения. Точнее, их делал сам Петр, я только дал направление (и пусть он теперь не говорит, что он ничего не смыслит в CSS и HTML, смыслит и еще как смыслит, просто скромничает, называя себя ламером и нубом). Получилось довольно симпатично, мне очень понравилось, как теперь выглядит блог Наблюдателя. Очень лестно, что теперь есть в его внешнем виде кусочек моего труда и, я бы сказал, вдохновения (без него стили редактировать не садись!), а еще очень приятно, что теперешний вид блога нравится его хозяину.

Петр сказал, что мне надо фриланствовать, зарабатывать на своем умении кроить темы. Я подумал: «А почему бы и нет!» и решил (и скоро обязательно сделаю это) занятся тем, что так давно рекомендуют крупнейшие величины в мире заработка на блогах – осуществлением консалтинговых услуг. О подробностях я напишу позже, сейчас же могу сказать, что вот точно так же как с Петром Тарасевичем буду «корежить», ой, исправлять темы заказчиков, находясь с ними на связи в Skype и все делая под их подсказку и под их присмотром, проверяя каждое самое маленькое изменение онлайн. Оплата будет почасовая, для начала назначим скромную цену $7 за один час работы, я думаю это не очень много, это нормально. Ну а подробности я скоро опишу, как я уже сказал, в статической странице, которая будет видна в верхнем меню, там будут и цены, и адреса, и матрица услуг, и мое расписание. Ссылку на эту страницу я оставлю и в этом посте, когда она будет готова, а пока можете звонить мне на скайп с вечера пятницы по вечер воскресенья, мой ник eavasi.

Это был не пост, а комментарий, на запись Петра Тарасевича в «Записках наблюдателя» “Редизайн шаблона для WordPress ”

Открыта новая страница «Услуги»

© eavasi for БЕЛАЯ ШЛЯПА, 2010. |
Читать 63 комментов ">комментарии
2010/03/01
Подпишитесь на ленту блога RSS
Post tags: резиновый шаблон для WordPress, тема-трансформер, шаблон, шаблоны для WordPress

Связанные записи:

• Адаптация шаблона под GoGetLinks в одной или нескольких рубриках ₍₁₄₎ ^{(17 Ноябрь 2010)}
• Как самому сделать шаблон WordPress ₍₁₁₅₎ ^{(19 Февраль 2010)}
• Премиум тема-трансформер для WordPress 2.8 Flexibility на русском языке. Очередная замена темы блога «Белая шляпа» ₍₁₀₎ ^{(28 Июнь 2009)}
• GoGetLinks диктует условия. Подстраиваемся без потерь ₍₁₂₎ ^{(18 Ноябрь 2010)}

: Резиновая тема для WordPress на заказ БЕЛАЯ ШЛЯПА - новый блог, посвященный основам сайтостроения для чайников, реальным способам заработка в Интернете, методам продвижения и раскрутки сайта

Вопреки многим рекомендациям о том, что не надо часто менять темы у блога, я, по некоторым причинам, принял решение, наконец заменить премиум тему Flexx Red. Вызвано это несколькими факторами. Во-первых: эта тема платная и я пользовался пиратской версией бесплатно – это не совсем корректно по отношению к авторам скина и не безопасно для меня. Во-вторых: я так и не смог разобраться как же в этом шаблоне работает поиск по блогу. Установка сторонних поисковых плагинов результатов не дала и поиск так и не начал работать, а это не совсем хорошо и не отвечает никаким нормам юзабилити блога. В-третьих: такая же ситуация и со страницей архивов. Пытаясь разными путями привести ее в действие, я не смог этого сделать. В-четвертых: после обновления до WordPress 2.8 перестал работать редактор страниц темы из-под админки – это, конечно, не большая беда, но, все равно, как-то не очень приятно, когда, что-то не работает. Эта совокупность проблем вынудила меня на переустановку темы.

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

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

Настройки ширины премиум темы-трансформера WordPress 2.8 Flexibility:
— Полная ширина сайта (в пикселях, максимум 950)
— Ширина статей
— Ширина правого сайдбара
— Ширина левого подменю
— Ширина правого подменю

Настройки информационного блока премиум темы-трансформера WordPress 2.8 Flexibility (это тот бок, в котором на этом блоге размещены пять больших кнопок со ссылками):
(Это настройки опционального информационного блока на главной странице над текстом и боковыми меню. В этот блок можно помещать виджеты. Также сюда можно вставить рекламу. Чтобы использовать рекламу, просто удалите фон и установите длину текста, которая соответствует вашему рекламному блоку. Только убедитесь, что ширина вашего сайта достаточна для размещения такой рекламы.)
— Показывать или нет информационный блок
— Стиль углов (круглые, квадратные)
— Ширина границы
— Цвет границы
— Цвет фона
— Размер шрифта для заголовка (у меня он убран прямо в коде, не люблю я заголовки в шапке)
— Цвет заголовка
— Цвет текста
— Цвет ссылки
— Цвет ссылки при наведении
— Фоновое изображение
— Расположение фонового изображения
— Расположение текста
— Ширина текста %

Фон сайта и цвет границ премиум темы-трансформера WordPress 2.8 Flexibility:
— Цвет фона
— Фоновая картинка (напомню, что фон можно сгенерировать по адресам сервисов-генераторов фонов: BGpatterns.com, StripeGenerator.com, RepeatXY.com, WebGround и Squidfingers.com)
— Повтор изображения фона
— Цвет границы
— Ширина границы
— Отступ от верхнего края

Настройки шапки премиум темы-трансформера WordPress 2.8 Flexibility:
— Фон шапки
— Фон отступов
— Лого (логотип вместо текстового названия)
— Шрифт
— Размер шрифта
— Цвет шрифта
— Цвет ссылки при наведении
— Цвет описания
— Видимость поисковой формы (видна или нет)
— Отступ от края
— Стиль навигационного меню (можно выбрать из пяти вариантов меню)
— Цвет навигационного меню
— Цвет ссылки при наведении
— Цвет фона
— Цвет текста
— Цвет активных ссылок
— Видимость Email-подписки
— Адрес html Email-подписки
— Цвет ссылки для подписки
— Цвет ссылки при наведении

Общие настройки сайта премиум темы-трансформера WordPress 2.8 Flexibility:
— Шрифт сайта (для записей и текста в боковом меню)
— Цвет текста
— Размер шрифта (для записей и бокового меню)
— Общий цвет фона

Настройки статей премиум темы-трансформера WordPress 2.8 Flexibility:
— Цвет фона для статей
— Отступы
— Цвет границы
— Шрифт заголовка статьи
— Цвет заголовка
— Цвет при наведении
— Размер шрифта (в пикселях)
— Жирность шрифта
— Цвет ссылок
— Цвет ссылок при наведении
— Подчеркивание заголовка
— Ширина подчеркивания
— Цвет подчеркивания
— Фон цитат
— Цвет обрамления

Настройки комментариев премиум темы-трансформера WordPress 2.8 Flexibility:
— Фон комментариев
— Цвет границы
— Цвет фона для кнопки
— Цвет шрифта для кнопки

Настройки верхнего бокового меню премиум темы-трансформера Flexibility:
— Видимость верхнего бокового меню
— Заголовок
— Текст
— Цвет фона
— Шрифт заголовка
— Размер шрифта
— Трансформация текста ( только прописными или только строчными, можно не применять)
— Отступы между буквами
— Цвет заголовка
— Цвет фона для заголовка
— Цвет границ
— Цвет текста
— Цвет ссылок
— Цвет ссылок при наведении
— Стили списков (со стрелкой или отступом)

Hастройки подменю премиум темы-трансформера WordPress 2.8 Flexibility:
— Цвет заголовков для подменю
— Шрифт
— Размер шрифта
— Трансформация текста
— Отступы между буквами
— Подчеркивание заголовка
— Ширина подчеркивания
— Цвет подчеркивания
— Цвет текста
— Цвет ссылок
— Цвет ссылок при наведении
— Стили списков

Настройки подвала премиум темы-трансформера WordPress 2.8 Flexibility:
— Использовать подвал на всю ширину
— Использовать фон шапки для подвала
— Текст и ссылки в подвале
— Цвет фона
— Цвет верхней границы
— Цвет текста
— Цвет ссылок

Настройки Google AdSense премиум темы-трансформера WordPress 2.8 Flexibility:
Можно настроить показ рекламы AdSense. Просто вставить свой клиентский номер, выбрать размеры, цвета и расположение блоков. Цветовые настройки распространяются на все рекламные блоки, так что если нужна отдельная цветовая схема, можно просто добавить рекламу через текстовый виджет.

Статистика посещаемости и аналитика премиум темы-трансформера WordPress 2.8 Flexibility:

Место для вставки кода статистики посещаемости.

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

© eavasi for БЕЛАЯ ШЛЯПА, 2009. |
Читать 10 комментов ">комментарии
2009/06/28
Подпишитесь на ленту блога RSS
Post tags: wordpress, премиум тема, тема-трансформер

Связанные записи:

• Скрипт MAXCACHE ускоряющий WordPress в 100 раз, становится дешевле ₍₄₎ ^{(11 Июль 2010)}
• Вкладки jQuery в сайдбаре WordPress ₍₂₎ ^{(26 Май 2009)}
• Simple Tags работает в WordPress 2.9 ₍₂₂₎ ^{(8 Январь 2010)}
• WordPress – коллекция плагинов. Наиболее полный набор плагинов к CMS WordPress, обязательных к загрузке и использованию ₍₃₂₁₎ ^{(6 Май 2009)}
• Повысьте стоимость ссылок с вашего блога ₍₀₎ ^{(14 Июнь 2009)}
• WordPress 2.8.1 готов к закачке и использованию с 9 июля 2009 года ₍₄₎ ^{(12 Июль 2009)}
• Обновление WordPress до русской версии 2 8 ₍₁₎ ^{(15 Июнь 2009)}
• Разбухает база MySQL? Очистка базы займет несколько секунд. Плагин для оптимизации базы блога на WordPress ₍₁₉₎ ^{(6 Июнь 2009)}
• WordPress 2.8 Release Candidate 1 ₍₀₎ ^{(10 Июнь 2009)}
• Атака спам комментариями. Помогает Aksiment ₍₄₎ ^{(21 Июнь 2009)}

: Премиум тема-трансформер для WordPress 2.8 Flexibility на русском языке. Очередная замена темы блога «Белая шляпа» БЕЛАЯ ШЛЯПА - новый блог, посвященный основам сайтостроения для чайников, реальным способам заработка в Интернете, методам продвижения и раскрутки сайта