Golden Ratio – тема для WordPress

Тема создана с расчетом на легкую модернизацию, добавление, удаление элементов, изменение цветовой гаммы конкретно под клиента. Тема – заготовка 🙂

Свойства:

  1. Резиновая – макс. мин. размер задается в style.css в одном месте. Можно легко зафиксировать размер.
  2. Простая HTML разметка – в шапке и футере использованы таблицы, основная часть сайдбар и контент на div
  3. 2 сайдбара – место для виджетов боковой и нижний, нижний легко отключается – нужно просто удалить из него все виджеты.
  4. 2 меню – верхнее и нижнее, верхнее многоуровневое Drop Down исключительно на css, нижнее также легко отключатся как и нижний сайдбар.
  5. легкий структурированный style.css – 500 строк без компрессии, каждое свойство – новая строка
  6. хлебные крошки bread crumbs – от Kama отдельное ему спасибо отличная функция
  7. древовидные комментарии
  8. поддержка плагинов – WP-PageNavi, WordPress Related Posts
  9. версия для печати – встроена

О разметке:

Прежде всего необходимо уточнить – “Золотая пропорция” указывает нам на центры внимания человека! Поэтому будет неправильным располагать в этих областях какие-либо разделительные линии, то есть разметка сайдбара и основного контента 38.2% на 61.8% отпадает. Чтобы найти другие более комфортные пропорции возьмем Спираль архимеда и закрутим ее в нужный нам левый верхний угол, затем проецируем вертикальные стороны полученных прямоугольников http://wp.od.ua/wp-content/uploads/2011/08/spiral.png

Спираль архимеда

Архимед

получим следующий ряд в процентах 23.6%, 25.7%, 29.2% . Для этой темы была выбрана пропорция 23.6% сайдбар и 76.4% основной контент. А вот разметки шапки (header) выполнены в соотношении 38.2% на 61.8% . Во первых, это область уже находится вне зоны центра внимания (она выше), во вторых, таким образом мы обозначим лишь начало оси симметрии эта разделитель будет как стрелка указывать на центр внимания где располагается заголовок и чуть ниже первый абзац текста.

СКАЧАТЬ golden-ratio.zip

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url=""> [php]…[/php] [html]…[/html] [css]…[/css] [text]…[/text] [code]…[/code]

  • sdfsdfsdf
  • sdfsdfsdfsdf
  • sdfsdfsdfs
  • sdfsdfsdf
  • sdfsdfsdfsdfs
  • sdfsdfsdfs
  • sdfsdfsdf
  • sdfsdfsdfsdfs