Добрый день всем на wmbn.ru! Продолжаем рубрику Красивые шаблоны для CMS WordPress. Сегодня будет рассмотрена подборка тем в серых и голубых тонах, которые отлично сочетаются с шаблонами, обзор которых пойдет ниже. Вкратце расскажу про их настройку (некоторые имеют достаточно огромное количество параметров, что даже не придется редактировать его код) и немного о редактировании (не все они имеют перевод на русский язык).

Emescale — внешний вид и настройка шаблона WP

Шаблон Emescale смотрится довольно приятно, состоит из трех частей — фон сайта, верхняя часть — заголовок, блок с каруселью записей и подпиской, и сам контент. Предустановлены четыре готовые иконки Facebook, RSS, Mail и Twitter, кроме того в шаблон встроена кнопка Retweet в месте, где располагается дата публикации записи.

Шаблон попался не полностью русифицированным, поэтому в переводе он нуждается. Страницу добавления записей не изменяет и не дополняет. Шаблон включает в себя 3 места для установки виджетов — правый сайдбар, контент (почему-то устанавливается все в футер), и футер, которые вообще ничего не показывал.

Шаблон emescale для WordPress

Настройка шаблона не блещет изобилием параметров. Кнопка настройки расположена в левой колонке на панели администратора. Перейдя по ней, попадаем на страницу настройки, в которой можно указать скорость смены слайдов в карусели (Slides Speed) — по стандарту стоит 3 секунды. Ниже можно выбрать рубрику, из которой будут показываться записи (Slides Category), затем логотип сайта (Logo URL), аккаунт в твиттере (Twitter Account), адрес рассылки блога в FeedBurner (FeedBurner Feed Address) и адрес страницы в Facebook (Facebook Link). Все изменения вносятся по кнопке Update.

Изменения шаблона Emescale — редактирование кода Css, HTML и PHP шаблона и его русификация

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

.xCLeft{
    width:715px;
    overflow:hidden;
}

И добавьте в него background, таким образом:

.xCLeft{
    width:715px;
    overflow:hidden;
    background:#ffffff;
}

Фон контента изменен на белый цвет, так как стандартный фон делал текст не таким читабельным. Далее, что потребуется сделать — русифицировать шаблон. Это касается комментариев — поле ввода имени, почты, сайта и кнопки отправки сообщения. Начнем с поля ввода имени — откройте файл comments.php и найдите там следующую строку кода:

<label for="author"><small><?php _e('Имя', 'theme'); ?> <?php if ($req) _e("(required)", 'theme'); ?></small></label>

И исправьте ее на русифицированный код:

<label for="author"><small><?php _e('Имя', 'theme'); ?> <?php if ($req) _e("(Обязательно)", 'theme'); ?></small></label>

Далее переводим поле ввода почты. Так же в файле comments.php найдите строку:

<label for="email"><small><?php _e('E-mail (не будет опубликован)', 'theme'); ?> <?php if ($req) _e("(required)", 'theme'); ?></small></label>

И замените ее на:

<label for="email"><small><?php _e('E-mail (не будет опубликован)', 'theme'); ?> <?php if ($req) _e("(Обязательно)", 'theme'); ?></small></label>

Осталось перевести кнопку Submit Comment, и опять в этом же файле ищем строку:

<input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Submit Comment', 'theme'); ?>" />

И исправляем код на следующий:

<input name="submit" type="submit" id="submit" tabindex="5" value="<?php _e('Отправить', 'theme'); ?>" />

На этом с шаблоном Emescale можно закончить.

Шаблон Portocal с серыми тонами для WordPress

Приступим к обзору, пожалуй, самого красивого шаблона из обзора — Portocal. Жизнь шаблону придает меняющийся блок популярных записей с кратким анонсом и задним фоном. Внешне шаблон состоит из трех частей — контент, задний фон и заголовок.

Также в шаблоне есть готовые иконки RSS, Twitter, Facebook и еще один скрипт, который спрятан в иконке со знаком плюс, позволяющий добавить сайт в огромное количество сервисов социальных закладок и сетей. Фон контента сделан белым, что делает текст более читабельным, нежели расположить его на сером фоне. Шаблон имеет две колонки — поэтому сайдбар один, в который можно добавить любой виджет от WordPress.

Шаблон portocal для WordPress

Приступим к настройке шаблона — найдите в блоке Внешний вид на панели администратора ссылку Настройка Portocal и перейдите по ней. Изобилием она не обладает, но настроить можно большее — логотип сайта, который прописывается в ручную (путь до картинки). Есть возможность отключить блок популярных записей, но лучше не надо, так как сайт потеряет то, что дает ему движение — красиво же, главное подобрать хороший фон.

А чуть ниже настраивается этот блок — выбор рубрики, из которой будут показываться посты и краткая справка по добавлению. Далее указываем баннер заголовка, который так же прописывается в ручную путь до файла. Если есть какие то баннеры, то можно добавить их в сайдбар, предварительно указав их.

Популярное видео — удаляем! Текст для твиттера указываем сами, отключаем показ иконки подписки RSS и социальных сетей тоже по желанию. В Скрипты заголовка можно вставить код от Яндекс.Метрика, LiveInternet и других сервисов статистики, а в Скрипты подвала сам счетчик.

Шаблон Sceptical — простота и функциональность

Следующий шаблон сегодняшнего обзора — Sceptical. Он может показаться довольно простым, но за этой простотой кроется огромный функционал. Внешне шаблон состоит из пяти составляющих — задний фон, заголовок, кусочек описания, сам контент и записи, которые находятся в данной рубрике. Но это все по умолчанию… а так, возможности настройки шаблона настолько обширны, что, мне кажется, не потребуется редактировать исходный код шаблона.

Шаблон skeptical для WordPress

Кроме того, шаблон имеет 5 колонок для виджетов, среди которых четыре расположены в подвале сайта. Есть настройки и расположения счетчиков, календарей и прочей информации, которая не столь важна, но есть желание ее выделить. Очень понравилась часть записей в той же рубрике, но лучше бы ее поместили слева, а информацию о записи сделали стандартной, но это дело вкуса. Также порадовало, что шаблон попался полностью русифицированный, так что переводить его не придется.

А теперь приступим к обзору настроек шаблона Sceptical — на панели администратора найдите блок Sceptical и откройте Theme Options. Сразу хочу заметить удобное расположение табов (вкладок) на панели настройки. Изменить у шаблона можно стиль на голубой (blue.css), красный (red.css) и зеленый (green.css). Есть возможность загрузки логотипа из файла, при этом не надо прописывать полный путь до файла. Пункт Включите текстовый заголовок и описание для сайта стоит пометить, чтобы была ваша тема сайта, а не логотип шаблона.

Настройки для шаблона

Ниже настраиваем цвет заголовка и описания сайта, файл фавиконки, вставка Кода статистики от LiveInternet, Google Analytics или Яндекс.Метрика (информера). Далее настраивается подписка — Адрес RSS ленты, адрес для подписки по email, ваши контакты для связи. Также есть поле ввода для создания своего стиля, чтобы его потом присвоить блоку div, затем выбор комментирования для страниц или записей, содержание статьи — краткий анонс или полная статья.

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

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

Таб Структура позволяет скрыть тот самый кусочек записей в одной категории или наоборот расширить количество выводимых записей.

Настройка списка похожих записей

Подвал — настройка всех возможных параметров без редактирования файла — footer.php. Можно вывести заголовки записей, последние записи из архива. Насчет показа Flickr — не знаю зачем показывать там фотографии, но может кому-то это пригодится. Партнерскую ссылку можно пропустить, так как она все равно не работает. Ну и ниже указываем какой текст будет отображаться в правой и левой части.

Последняя вкладка — настройка Миниатюр. Сложного ничего там нет — показ миниатюр, автоматическое преобразование размера, включение и отключение показа миниатюры.

iBusiness и goBusiness два шаблона одной тематики

Вот и подходит обзор к концу, остались два очень красивых шаблона бизнес тематики — iBusiness и goBusiness. Объединил я их в один абзац скорее по тематики и названию, но внешне они совсем разные, однако имеют схожие настройки.

Шаблон ibusiness для WordPress

Приступим к теме в темно серых тонах — iBusiness. Имеет довольно стандартную структуру — шапка с логотипом, который можно поменять или убрать. Ниже меню и описание сайта с картинкой, которую тоже можно поменять — блок описания меняется от размера изображения. Остальное стандарт — блок контента и правый сайдбар, в который можно уместить виджеты.

Шаблон gobusiness для WordPress

GoBusiness отличается от iBusinness разве что цветом и расположением меню, а так все по стандарту — 2 колонки, меняющийся логотип, готовые кнопки Twiiter и RSS, а так же социальных закладок и наличие скрипта AddThis.

На этом обзор из рубрики Красивые шаблоны для WordPress заканчиваться не будет, так как в интернете еще много различных шаблонов разных тематик, структуры и дизайна.

Комментариев: 6

  1. West Blogger

    Минималистические шаблоны :) Блин я уж не знаю какие заголовки у себя на сайте писать для постов под них :)

  2. Александр

    Шаблоны можно хорошо подстраивать под себя. Если бы ещё так же хорошо в этом всём разбираться….. было бы вообще отлично… За помощь в настройке шаблона — огромное спасибо. Я не много выбился из колеи — постепенно буду возвращаться…

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>