23 Янв 2017

Как разместить блоки div друг за другом?

Задача: Как разместить блоки div друг за другом?

Имеем следующую ситуацию. Шапка сайта, название сайта и его описание, лого сайта.

header-default

По умолчанию название сайта, его описание и лого расположены по центру, один под другим. Необходимо разместить название/описание и лого друг за другом по горизонтали.

Продолжить чтение

23 Июн 2013

Адаптивный шаблон: от Photoshop до WordPress. Часть 1.

Предлагаю вашему вниманию замечательную серию уроков по созданию адаптивного шаблона для WordPress. Эти уроки созданы в 2012 году Adi Purdila, который доступно и пошагово рассказал, как создать современный адаптивный шаблон от Photoshop до WordPress. Мы узнаем, как создать современный дизайн на основе базовой сетки в Фотошоп, о работе с адаптивным дизайном, об усовершенствовании рабочего процесса кодирования для WordPress, о создании плагина и о многих полезных вещах, которые вам обязательно пригодятся.
Уроки Adi Purdila давал в видео формате. Я решила их перевести и предложить вам в текстовом формате. Видео на языке оригинала будет предложено вам в конце статьи.

Продолжить чтение

23 Июн 2013

Разный фон для страниц или рубрик

Задача. Создать уникальный фон для каждой страницы и уникальный стиль для рубрики

Решение. Чтобы понять, как нам это сделать, напомню немного о структуре WordPress. Как правило, за вывод главной страницы отвечает файл index.pxp (в некоторых шаблонах - home.php). За вывод страниц блога отвечает файл page.php, за вывод категорий (или рубрик) - файл category.php.

Обычно все стили прописаны в файле style.css, которые распространяются на все страницы нашего блога/сайта. Но иногда возникает необходимость придать страницам или рубрикам разный фон или какой-то уникальный стиль. Продолжить чтение