Новая тема WordPress: Twenty Eleven

0 0

Новая тема WordPress: Twenty Eleven

В 2011 году на смену Twenty Ten в WordPress придет новая тема по умолчанию Twenty Eleven. Что она будет включать в себя? Обновленные форматы записей, красивые изображения для области header, альтернативные цветовые схемы и разметки, произвольные цвета ссылок и т.д. Указанные возможности позволят разработчикам настроить свою тему под любые требования. Скажем, вы хотите создать обычный блог, tumblelog или, может быть, фотоблог? Нет проблем! С помощью Twenty Eleven вы всегда сможете это сделать!

Форматы записей

Новая тема WordPress: Twenty Eleven

Тема Twenty Eleven включает в себя семь форматов записей, которые позволяют реализовать соответствие между содержанием материалов и их представлением. Наряду со стандартным форматом, предназначенным для традиционных записей блога и длинных статей, в Twenty Eleven присутствуют также еще шесть дополнительных форматов: Aside (Заметка), Link (Ссылка), Gallery (галерея), Status (Статус), Quote (Цитата) и Image (Изображение).

Новая тема WordPress: Twenty Eleven

Формат Aside предназначен для коротких записей, состоящих приблизительно из одного абзаца. Поскольку такие записи предназначены для быстрого прочтения, их заголовки скрыты на индексных страницах.

Формат Link выглядит очень похоже на формат Aside. Если вы будете использовать Twenty Eleven Ephemera Widget для отображения списка записей в форматах Aside и Link (виджет расположен в разделе Appearance – Widgets), то заголовок любой Link записи будет связан с URL-адресом первой ссылки в этой записи (другим словами, заголовок не будет указывать обратно на запись).

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

Формат Status предназначен для коротких персональных обновлений. Каждая запись Status будет отображать аватар автора рядом с контентом. Если запись представляет собой цитату, формат Quote позволит авторам соответствующим образом вывести ее на экран.

Формат Image предназначен для публикации одного изображения. Запись Image обладает метаданными, которые выводятся чуть ниже записи и выглядят как заголовок изображения.

Светлая и темная цветовые схемы

Новая тема WordPress: Twenty Eleven

С помощью одного щелчка мышью тема Twenty Eleven позволяет изменить цветовую схему блога со светлой на темную, и наоборот. Настройка цветовой схемы производится в разделе Appearance – Theme Options.

Произвольные цвета ссылок

Новая тема WordPress: Twenty Eleven

В разделе Appearance – Theme Options вы всегда можете изменить цвет ссылок своего блога, чтобы создать единый дизайн и стиль представления.

Множественные разметки

Тема Twenty Eleven включает в себя три стандартных разметки для вашего блога. Две из них обладают типичным сайдбаром, расположенным слева или справа от области контента. Третья разметка покончила с сайдбаром – с ее помощью можно легко создать tumblelog или фотоблог.

В дополнение к стандартным разметкам Twenty Eleven также включает в себя два шаблона произвольных страниц. С помощью них вы сможете легко и быстро изменить разметку страниц. Шаблон страниц Sidebar, как и следует из его названия, добавляет сайдбар к страницам. Шаблон страниц Showcase обладает более разнообразными возможностями.

Давайте создадим страницу на базе шаблона Showcase. Выберите шаблон Showcase из доступных шаблонов для определенной страницы, сохраните ее и установите эту страницу в качестве главной в разделе Settings – Reading. Вы увидите, что представление темы Twenty Eleven кардинальным образом изменилось. Однако многое осталось прежним. Вы точно так же, как и раньше, можете работать со списками рубрик и меток, устанавливать произвольную страницу в качестве главной и т.д.

Для того чтобы добавить записи в раздел Featured Post, достаточно всего лишь сделать их прилепленными. Это все, что необходимо в данном случае.

Чтобы разместить крупную картинку в этом разделе, вам необходимо подобрать изображение, которое будет, по крайней мере, таким же большим, как и изображение, находящееся в области header (1000px x 288px). Также обязательно удостоверьтесь в том, что у вас установлен допустимый размер для крупных (Large) изображений в разделе Settings – Media.

Чтобы заполнить виджет Ephemera Widget, расположенный в сайдбаре, вы можете использовать форматы записей Aside или Link при добавлении новых материалов (или при преобразовании старых).

Если вы хотите вывести на экран приветствие, просто разместите его в контенте страницы Showcase, и оно появится на вашем сайте.

Существует еще одна возможность разметки, о которой мы не успели сказать. Разметка Twenty Eleven адаптируется к окну вашего браузера. Если ваши посетители будут использовать мобильные устройства, они увидят тему в специальной разметке, которая оптимизирована под мобильные девайсы. Вы можете протестировать эту возможность уже сейчас, на примере демонстрационного сайта Twenty Eleven.

Врезки к статье

Вы можете облагородить представление своих записей с помощью размещения в них специальных врезок – плавающих блоков информации, которые обычно содержат основные мысли текста. Специально для этой цели в Twenty Eleven имеются классы “pull”, “alignleft” и “alignright”, которые могут применяться к изображениям и элементам blockquote. Ниже приведены примеры реализации врезок:

<blockquote>Обычный блок цитирования</blockquote>  <blockquote class="pull">Блок цитирования, расширяемый в обе стороны</blockquote>  <blockquote class="pull alignleft">Блок цитирования, плавающий по левой стороне</blockquote>  <blockquote class="pull alignright">Блок цитирования, плавающий по правой стороне</blockquote> 

Аналогичное действие можно совершить с изображениями.

Краткая спецификация темы Twenty Eleven

Максимальная ширина контента – 585 px.
Максимальная ширина сайдбара – 188 px.
Размер изображения в области заголовка (header) – 1000 px x 288 px.

Источники: http://en.blog.wordpress.com/2011/06/06/new-theme-twenty-eleven/
http://theme.wordpress.com/themes/twentyeleven/

Источник: oddstyle.ru

Оставьте ответ