Создаем тему для WordPress за 10 минут… // WordPress
Это промо-пост своего же продукта – темы Конструктор для WordPress…
Спонсор публикации – компания Oznaka, которая занимается разработкой и сопровождением web-сайтов
На этот раз я не буду просто перечислять все фичи темы, я расскажу о том, как быстро создать свою уникальную тему. Для начала я бы посоветовал все же определится с тематикой сайта, а так же желательно с палитрой цветов. С тематикой – выберу что-то нейтральное – ведь лучше гор могут быть только горы…
Затем следует заняться поиском клипарта для сайта, но поскольку наш бюджет ограничен $0.00, то будем использовать свободные источники – предпочитаю flickr – т.к. есть возможность поиска картинок под CC лицензией:
Из всего многообразия выбрал следующую картинку (слегка ее причесал, по-полам разделил, но особо не заморачивался):
Разрезав – залил в тему:
Для формировании палитры можно использовать один из следующих сайтов (за основу палитры брал картинку выше):
У меня получилась следующая:
Переносим ее в настройки темы:
Немного шаманим с CSS:
/* увеличиваем шрифт в заголовке, и чуть-чуть смещаем вниз */ #name { margin-top:40px !important; font-size:112px !important; text-shadow: 0px 0px 4px #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 – генератор текстурок