"/> " /> История о том,как я делал шаблон Wordpress. | Photoshop For All
вёрстка темы Wordpress

Смена дизайна блога Photoshop For All.История о том,как я делал шаблон WordPress.

2 253

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

вёрстка темы WordPress

Где-то неделю назад,углублённо вникая в WordPress,изучая  внутренности,читая понимающих людей,я поймал себя на мысли,что сам смогу сделать авторский шаблон блога.Я конечно понимал,что ничего такого экстраординарного не сделаю,хотя даже и не собирался,идея заключалась в том,чтобы сделать очень простую тему,без всяких там слайдеров-хренайдеров и прочих украшений,относительный минимализм,однотонная "морда" блога,удобство,читабельность плюс обязательно табы .И как мне кажется у меня получилось,ну где-то на 3 с плюсом из пяти.На тройку,из-за некоторых элементов,ну и конечно из-за валидности.Кстати с валидностью весьма интересная вещь,проверял,ошибок меньше чем в предыдущем паблик-шаблоне (хотя я его тоже кардинально изменил),так вот,интересность в том,что валидатору не нравится GoogleFonts,говорит там хрень какая-то и ещё не нравится CSS3,который я использовал по полной (опять же,относительно конечно же ),разные там text-shadow и box-shadow.Не понятно как вообще этот валидатор работает,если везде внедряют всякие штуки хорошие (я про CSS3 и HTML5),а ему не нравится.Ну да ладно,фиг с ним,для меня он никогда авторитетом не был :),хотя может и неправильно так думать...

Если считать по времени,сколько у меня его ушло,то получается где-так:

День первый: ...А я,что,рыжий?Я тоже хочу сделать свой шаблон.Я смогу,вот сейчас погуглю,нарою материальчика,изучу,обосную и приступлю.

День второй: Я в жизни столько не гуглил,мозг кипит,информация никак не хочет упорядочиться...

День третий: Такс...с теорией вроде как пора заканчивать,шпаргалки есть,общая концепция-картинка в голове тоже есть.Теперь спать,так лучше усвоится информация,к тому же почти сутки не спал...

День четвёртый: С чего начать?Наверно надо макет нарисовать,в Фотошопе я вроде как умею работать 🙂 Приступим к рисованию,на бумаге есть набросок,он такой же как 99.9% всех шаблонов,header,body,sidebar+footer,мля...никакой оригинальности :)Рисовать надо,а что рисовать?Мыслей нет...

День пятый: Мыслей опять нет...

День шестой: Набросок кое-как сделал,вроде сойдёт,только надо шапку поменять,а ещё футер и сайдбар...к чертям всё,ВСЁ НАДО МЕНЯТЬ,херня какая-то получилась!!!Нарисовал заново,может так? Нет,так тоже хрень...Всё,скачаю паблик опять и в задницу самодеятельность....Хотя нет,раз начал,надо кончить 🙂

к утру нарисовал...

День седьмой (в ночь с понедельника на вторник 12 апреля): Есть макет,надо верстать,а я не умею ( но у меня же есть шпаргалки!

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

Вот такая вот история,ну конечно же я её "приукрасил",но в общем было примерно так,дня четыре я просыпался с мыслью,что вот сейчас начну делать,вот сейчас начну делать,вот сейчас начну делать,и так четыре дня.Короче с нуля  сделал за три дня.Когда всё было готово,на Денвере в смысле,решил я проверить как "оно" выглядит в других браузерах ( сейчас пользуюсь только Google Chrome ).Первый тест в Опере,всё идеально,так же как и в Хроме,ничто-никуда не уползает и т.п.Первое разочарование и мысли о самоубийстве меня встретили при проверке в Mozilla FireFox,вот от него я подлянки никак не ожидал,а ведь раньше так его любил и уважал,а тут он мне "свинью подложил"...Тут мне на помощь пришёл FireBug,именно с помощью него я нашёл маленький косячок в вёрстке.Хотя не совсем понятно,почему ему не понравился padding в 15 px...Поставил на ноль и всё исправилось.

С поиском от Гугла там небольшой косяк,потом исправлю...

Проверил в Safari,нареканий нет.

Настал самый ответственный и самый лучший в мире "браузер"-всеми любимый Internet Explorer.Проверял в последнем,других нет,и специальнообученным сайтом скриншотов не буду пользоваться.Тут я ожидал исключительно "полную жопу",так и случилось,что я увидел?А вот что:

Именно так должны выглядеть все сайты по мнению Осла.Есть шапка ,подвал и счётчики,остальное побоку.Когда я этот ужас увидел,думал всё,это конец и ничего уже не изменить,я просто не мог понять,это где такая ошибка в коде,что всё так перекосоёбило,да хрен с ней,ошибки конечно же есть,главный вопрос как её найти,тут нет FireBug'а,наугад ковыряться?Есть наверно способы,но я их не знаю.

Начал анализировать.Если включить логику,то получается возможно дело в отступах каких-нибудь,если даже Огнелису не понравилась всего одна циферка,чего уж тут об Осле говорить.Около часа я потратил на удаление-добавление-исправление пэддингов и маргинов.Результат ноль,значит не то.Тут уже началась спортивная злость (тут я вспомнил ещё что Зениту хотят техническое поражение присудить),мозг начал интенсивнее работать.Логическая цепочка сложилась,что если есть хидер и футер,а нет боди,значит где-то там возможный косяк.И тут,о Боже,озарение! Хотел я над постами,и на главной и в сингле, вывести последний твит,функцию где-то нарыл,потом замудохался со стилями,решил забить на это дело,но функцию не удалил,а просто закомментировал,чтобы не потерять.Удалил комментарий и вуаля,осёл начал показывать практически как надо.Потом нашёл ещё в шапке коммент,и вроде всё стало более-менее нормально.Больше часа потом я мудрил с text-shadow для осла.И скрипты пробовал и костыли,в итоге забил и оставил всё как есть.Странно что box-shadow этот самый осёл корректно отображает.

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

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

Пока тестирую тему,может ещё какие-то неприятности обнаружатся,особенно касается пользователей Маков и Линуксоидов тоже ,надеюсь Вы-посетители мне скажете,если заметите.Естественно про Осла ни слова!

Вот такое сочинение получилось : "Как я делал свой первый шаблон темы WordPress". Получилось то что получилось,в целом вроде бы и неплохо.Самое наверно обидное для меня,что пока всей этой штукой занимаешься,глаз замыливается,где-то что-то пропустил,где-то не доделал,вроде и визуально уже не так смотрится,в смысле сам диз уже приелся и нет такого : "вау,я пиздат".Ну да ладно,"первый блин не комом",значит я молодец 🙂

Под конец обращение к посетителям и случайно здесь оказавшимся,а у Вас есть подобные истории?или может где почитать,как лишались "девственности" дизайнеры-верстальщики в начале своего пути? Интересно было бы мне почитать.

На этом всё.Спасибо тем,кто дочитал сей спич до финала и не обратил внимания на мат,ибо накопилось негатива за эти дни...

Таким был блог до:

Несколько слов о тех,кто сам того не подозревая мне помог:

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

Некоторые штуки я высмотрел в smashingmagazine и отличном сайте noupe.com ,и ещё кое-что позаимствовал у Димокса ,ну и самый большой вклад внёс Tiaurus ,это вообще кладезь знаний,частенько у него зависаю. Эти ссылки не рекламные постовые,это искреннее спасибо.Хоть и в nofollow 🙂

Теперь точно всё.Всем удачи во всех начинаниях,оказывается не всё так и сложно,если теоретически подготовится.

ПыСы: ни фига себе сколько много написал,кстати тоже впервые.Не умею писать посты.

P.S. Я вообще наверно самый ленивый человек,я и работа-вещи несовместимые.Но иногда приходится и работать.Какая она эффективная мотивация к работе ,вообще как себя заставить работать?Есть ответ у Химика.На досуге почитайте.

ПыСы2: странная штука,вроде делал блок с перелинковкой,похожие посты,и в конечном итоге куда-то их потерял :)Ну это решаемо,ещё много работы предстоит.



Просмотров: 2 253 | | Wordpress, блог, Не по темеНе в тему

Подписаться

http://swaego.ru/ps-actions/