Резиновые шаблоны для 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)}
• GoGetLinks диктует условия. Подстраиваемся без потерь ₍₁₂₎ ^{(18 Ноябрь 2010)}
• Премиум тема-трансформер для WordPress 2.8 Flexibility на русском языке. Очередная замена темы блога «Белая шляпа» ₍₁₀₎ ^{(28 Июнь 2009)}

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

Как самостоятельно сделать шаблон WordPress, Joomla, Drupal, Blogger? Рано или поздно этот вопрос задает себе любой блоггер, который хоть немного заботится о внешнем виде, юзабилити и поисковой оптимизации своего блога. Творить хочется каждому и такая возможность теперь есть.

Aristeer — программа, которая позволяет делать шаблоны для WordPress, Joomla, Drupal, Blogger. Пользователю Artisteer не нужно знать html, php, css, не нужно уметь обрабатывать изображения, не нужно обладать никакими другими специальными знаниями для того , чтобы сделать действительно профессиональный шаблон для WordPress, Joomla, Drupal, Blogger. Вы просто открываете программу и шаг за шагом, кирпичик за кирпичиком начинаете строить шаблон для своего сайта, тщательно подбирая каждый элемент, изменяя его форму и размеры, постоянно контролируя процесс построения шаблона в окне предосмотра в реальном времени. Все изменения сразу отображаются в окне предосмотра.

С программой Aristeer перед вами открываются широчайшие просторы в творчестве построения своего неповторимого, уникального шаблона для WordPress, Joomla, Drupal, Blogger.

Работа  в программе Aristeer начинается с окна выбора CMS, для которой мы хотим быстро сделать шаблон.

Надо оговорится, что Aristeer в стандартной поставке переведена на многие языки,  в том числе и на русский. После выбора CMS, мы попадаем в окно, очень похожее на стандартное окно Microsoft Office 2007, верхнее меню которого состоит из тематических блоков. Кроме этого богатого верхнего меню программа Aristeer другого управления не имеет.

Если двигаться по меню слева направа, тщательно подбирая каждый элемент, то к концу последнего пункта мы получим профессионально созданный, самостоятельно изготовленный шаблон для WordPress, Joomla, Drupal, Blogger.

Первый пункт меню программы Aristeer “Идеи”. Я не знаю, нравится ли вам, когда кто-то навязывает вам свое мнение, но мне это совсем не по душе. Пункт “Идеи” занимается именно этим. Здесь заложены уже предустановленные и подобранные дизайнерами элементы, которые случайным образом предлагаются пользователям. Я люблю все делать сам, поэтому, не останавливаюсь подробно на позиции “Идеи”, а сразу перехожу ко второму пункту меню программы Aristeer “Цвета и Шрифты”

В этом меню можно подобрать как цвета и шрифты комплектом для всего блога, так и по-отдельности для каждого элемента. Эксперементируя, можно сделать что-то совершенно фантастическое. Все ограничивается только фантазией пользователя. Здесь задаются, как семейства шрифтов, так и, так называемая, типографика, где можно задать величину разрядки между буквами, расстояние между строками, способы написания шрифтов и их непосредственный размер в различных единицах (em, px, pt, %). Здесь же, как и в любом другом меню программы Aristeer есть кнопка “Идеи”, нажав которую, мы получим уже готовое дизайнерское решение, подобранное неизвестными нам мастерами и выбранное случайным образом. Мы можем принять его или отвергнуть, это наше дело.

Следующее меню “Макет” отвечает за расположение основных блоков сайта: колонок сайдбара, колонтитулов и врапера (основного окна расположения контента). Здесь тоже есть где разгуляться нашей фантазии, за перебором вариантов компановки сайта можно провести ни один час.

В этом же меню можно подобрать и расположение основных блоков. Если говорить о WordPress, то заранее запрограммированы блоки “Поиск”, “Категории”, “Архив” и “Блогрол” Каждый блок тоже может иметь свою конфигурацию, которая подбирается отдельно.

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

Если не хочется утяжелять шаблон изображениями, можно выбрать просто цвет заливки. Здесь тоже очень большое поле для экспериментального творчества через удобный двухоконный color picker, в котором можно подобрать сначала цвет, а потом его оттенок.

Не менее важные настройки содержаться в следующем меню “Лист”.

Здесь настраивается все, что касается центральной части сайта, то есть отделения с контентом и сайдбары. Задаются виды углов (скругленные, прямые), рамки, тени, внешние и внутренние отступы, а также заливка самого блока контента. Для каждого перечисленного и других элементов можно задать толщину, цвет, степень прозрачности, угол скругления. Здесь также есть предустановки для тех, кто не привык мучиться с такими “мелочами”. Но, я уверен, что любой творец, который решил самостоятельно сделать шаблон для WordPress, Joomla, Drupal, Blogger, будет детально исследовать свойства каждого элемента в отдельности.

“Верхний колонтитул” – меню, которое у нас было бы названо “Шапка” Здесь все, что касается настроек “головы сайта”. В пунктах меню с предустановленными элементами загружено очень много готовых фоновых изображений и картинок для передней части шапки. Все они разбиты по тематикам и с ними очень приятно эксперементировать. Есть возможность загружать свои изображения и эффекты, применяемые к ним.

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

При построении меню, так же как и любого другого элемента управления, все изменения можно отслеживать в реальном времени в окне предосмотра. Нельзя не упомянуть, что в Aristeer есть встроенная возможность просматривать созданный шаблон на любом этапе его строительства в любом из пяти самых популярных в мире браузеров: Mozilla Firefox, Opera, Chrome, Internet Explorer и Safari

В меню “Статьи” задаются настройки того, как будет выглядеть наш пост.

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

Дальше, слева направо, идет меню “Блоки”. Под блоками здесь понимаются отделения сайдбара.

Как видите из картинки, настроек блока сайдбара тоже великое множество и есть где разгуляться фантазии. Каждую мелочь можно настроить по своему вкусу. Следует помнить, что от вида всего лишь одного элемента зависит то, как будет восприниматься ваша тема читателями. Цветом или величиной шрифта можно изменить субъективное восприятие не только темы, но и всего сайта, поэтому к подбору каждой детали надо относится с пристрастием и трепетом.

На предпоследнемпоследнем этапе подбираются кнопки сайта.

Здесь, так же, как и в остальных позициях, подбирается и изменяется каждая мелкая деталь.

И последний этап самостоятельной разработки шаблона (темы) для WordPress, Joomla, Drupal, Blogger – это подбор свойств для нижнего колонтитула, который мы называем любовно “Подвалом”. Здесь тоже проработана каждая деталь и вид подвала мы можем изменять так, как захотим.

Пока я писал эту статью, я влюбился в эту программу и решил, что я куплю ее для себя. Продается она в двух версиях. Если вы намерены делать шаблоны для WordPress и Blogger, то это будет стоить $49.95, ну а если для всех WordPress, Joomla, Drupal, Blogger, то $129.95. Подробности по покупке этой программы посмотрите здесь. Страница загрузки Aristeer здесь. Доступны многоязычные версии (русский в комплекте) для Windows и Mac OS.

Недостаток №1: ширину можно задать только фиксированной величины. Востребованные в рунете “резинки”, когда сайт автоматически растягивается на всю ширину экрана независимо от его разрешения, не поддерживаются. Надеюсь, что в следующих версиях, разработчики программы исправят эту досадную оплошность.

Недостаток №2: темы в Aristeer получаются на английском языке, приходится потом русифицировать. Но это даже не недостаток, а недочет. Русификация темы не занимает и 15 минут, при определенном навыке.

© eavasi for БЕЛАЯ ШЛЯПА, 2010. |
Читать 115 комментов ">комментарии
2010/02/19
Подпишитесь на ленту блога RSS
Post tags: joomla, кнопки, программа Aristeer, Программы, шаблоны для WordPress

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

• Если уже все испробовали и ничего не помогает — обращайтесь к фрилансерам ₍₂₀₎ ^{(13 Сентябрь 2009)}
• Непослушные формы. Часть№1 Плагины для форматирования полей ввода, чек-боксов, радио-кнопок и простых кнопок ₍₆₎ ^{(17 Апрель 2010)}
• Вышел в свет Joomla 1.6 ₍₈₎ ^{(12 Январь 2011)}
• FileZilla – пошаговое руководство ₍₀₎ ^{(23 Апрель 2009)}
• 40±5 моих плагинов WordPress ₍₆₀₎ ^{(26 Декабрь 2009)}
• SmsCoin, оплата Вашего контента смс-ками ₍₄₎ ^{(20 Апрель 2009)}
• Резиновая тема для WordPress на заказ ₍₆₃₎ ^{(1 Март 2010)}
• Mozilla Firefox — новое открытие старого браузера ₍₀₎ ^{(4 Май 2009)}
• Генераторы favicon, кнопок, фонов, индикаторов загрузки и других мелких графических элементов ₍₀₎ ^{(12 Май 2009)}
• Жертва обмана ₍₄₃₎ ^{(8 Август 2009)}

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