Як створити власну тему для блогу або шпаргалка дизайнерам для тем WordPress

WpНовий пост про актуальне наразі для мене - про те як розробити собі власну тему для блогу на основі 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, тому використовуватиму для цього один хороший документ, який вийшов з-під пера розробника Антона Шевчука . Качати звідси - http://anton.shevchuk.name/wordpress/template-designer-cheatsheet/.

Шпаргалка містить:

  • Описи файлів шаблонів
  • Функції підключення файлів
  • Цикл (з великої літери)
  • Ієрархія шаблонів
  • Приклади шаблонів
  • Функції шаблонів
  • Корисні лінки

Успіхів!


nokiaP.S. Who the f*ck is plasmastik? Сусідка-блондинка втретє ключі від квартири чоловіка загубила - і знову вскрытие замков завтра зранку якимись відбійними молотками - не поспиш нормально блін! В динаміках зараз Курт Кобейн. Музика минулого століття.

Comments are closed.


Memory: 13.25MB