Це промо-пост свого ж продукту – теми Конструктор для WordPress…

Спонсор публікації – компанія Oznaka, яка займається розробкою і супроводом web-сайтів

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

Потім слід зайнятися пошуком кліпарта для сайту, але оскільки наш бюджет обмежений $0.00, то будемо використовувати вільні джерела – волію flickr – т. к. є можливість пошуку картинок під ліцензією CC:

З усього різноманіття вибрав наступну картинку (злегка її зачесав, по-полам розділив, але особливо не морочився):

Розрізавши – залив в тему:

Для формування палітри можна використовувати один з наступних сайтів (за основу палітри брав картинку вище):

  • http://www.degraeve.com/color-palette/
  • http://www.colorhunter.com/

У мене вийшла наступна:

Переносимо її в налаштування теми:

Трохи шаманим з CSS:

/* збільшуємо шрифт в заголовку, і трохи зміщуємо вниз */
#name {
margin-top:40px !important;
font-size:112px !important;
text-shadow: 4px 0px 0px #777;
}
#description {
font-size:24px !important;
font-weight:900;
text-indent:24px;
}
/* додаємо до посилань навігації по парі смужок */
.navigation div {
margin:0 0 8px;
}
.navigation div a {
height:24px;
}
.navigation .alignright a {
border-left: 4px solid #147dbe;
margin:0 16px 0 0;
padding-left:8px;
}
.navigation .alignleft a {
border-right: 4px solid #147dbe;
margin:0 0 0 16px;
padding-right:8px;
}
/* змінюємо шрифт в футері, щоб не губився текст на кольоровому тлі */
#footer .widget h3,
#footer .widget a {
color:#fff;
font-weight:900;
text-shadow: 0px 0px 1px #333;
}

Застосовуємо зміни. Після отримання задоволення від виконаної роботи, краще зберегти тему під своїм ім’ям:

Всі. У вас своя унікальна тема:

Ще корисні сайти – тут можна скачати текстури і шаблони:

  • Free Pattern and Texture Resources For Web Designers – список ресурсів
  • COLOURlovers – генератор текстурок