Як створити власну тему для блогу або шпаргалка дизайнерам для тем WordPress
Новий пост про актуальне наразі для мене - про те як розробити собі власну тему для блогу на основі WordPress.
Знаю, можна звісно зовсім не парити собі мозок оформленням якось гавносайту, але якщо вже заплановано (фактично створено один, з першого погляду непоганий блог, і на нього іде трафік з Гугла понад 100 уніків на добу, який переходить в ~0.5 USD з Google AdSense), то тут варто трошки почесати (що кому миліше) і створити власний дизайн, який виділятиметься і буде частинкою іміджу блога (зараз не час його палити - сирий ще).
Отож коротко формулюю для себе своєрідний прообраз технічного завдання на розробку дизайну і верстку теми для блогу.
Вимоги до дизайну теми:
- Виділені місця для двох блоків контекстної реклами (90*728 та 160*600) зверху та справа - AdSense ready WP theme так би мовити англійською.
- Зручний для юзера дизайн (в плані використання - меню над блоком 90*728)
- Фіксований розмір - нерезиновий дизайн (для нормального показу на 1024-піксельних)
- Розтягнення на всю висоту екрану (якщо матеріалів на сторінці наприклад буде мало, все одно треба щоб футер притискався до низу вікна - є дієві способи - min-height:100% рулить - в наступному пості розгляну це все детальніше)
Вимоги до HTML-верстки:
- Div-ова верстка через using CSS
- Кросбраузерність (тут буду мабуть довго матюкатися з IE-ми всіх мастей)
- Валідність коду (XHTML 1.1 і CSS 2.1 - невеликий досвід валідації коду в мене є)
- І найголовніше - це СЕМАНТИЧНО правильна верстка.
Що слід розуміти під семантикою? Українська WikiPedia твердить лише про семантику лінгвістичну (я в душі перекладач трохи - навіть в дипломі так писатиме - палюся =)) ), але під семантикою в програмуванні слід розуміти правильний порядок і розташування елементів (команд) у всьому масиві. Тобто при верстці коду треба зробити так, щоб найважливіша частина змісту - саме той унікальний контент, який і грає нам роль був якнайближче до початку сторінки. Це така аксіома у середовищі оптимізаторів - так мовляв було, є і буде краще для розташування у SERP-і.
Ух блін розписався я, а по суті (і по заголовку поста) - нічого суттєвого. Словом - я зібрався сам кодити тему для WP, тому використовуватиму для цього один хороший документ, який вийшов з-під пера розробника Антона Шевчука . Качати звідси - .
Шпаргалка містить:
- Описи файлів шаблонів
- Функції підключення файлів
- Цикл (з великої літери)
- Ієрархія шаблонів
- Приклади шаблонів
- Функції шаблонів
- Корисні лінки
Успіхів!
P.S. Who the f*ck is plasmastik? Сусідка-блондинка втретє ключі від квартири чоловіка загубила - і знову вскрытие замков завтра зранку якимись відбійними молотками - не поспиш нормально блін! В динаміках зараз Курт Кобейн. Музика минулого століття.