26.11.2008

Simple Balance — отличная тема для WordPress

Simple Balance - отличная тема для WordPress

Simple Balance - отличная тема для WordPress

Глядя на работу Алекса Христаче (Alex Cristache), двадцати восьми летнего румынского дизайнера, хочется так довольно и протяжно сказать: «Вот счастье-то привалило…». А все потому, что тема для WordPress Simple Balance, которую предлагает этот талантливый дизайнер и программист, по совместительству автор блога blogsessive.com, не только роскошно выглядит, но и предоставляет блоггеру широкие возможности по кастомизации (настройке).

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

Демонстрация | Скачать русскую версию | Страница оригинала


Характеристики темы Simple Balance:

  • Минималистичная
  • Трехколоночная
  • Сайдбары с обоих сторон контента или справа — по выбору
  • Поддерживает виджеты для установки в оба сайдбара
  • Предусмотрены рекламные места: баннер 468×60 вверху и баннеры 125×125 в правом сайдбаре
  • Количество баннеров в сайдбаре можно менять: от 2 до 8
  • Рекламные блоки с баннерами можно заменить на контекстную рекламу Google AdSense
  • Рекламные блоки можно отключить
  • Предоставляет восемь вариантов дизайна
  • Широкие возможности по кастомизации дизайна
  • Возможность закрепить какой-либо пост вверху блога
  • Возможность выбора страниц для показа в шапке
  • Возможность показа формы подписки по емейл
  • Полностью на русском языке

Прежде всего — я в восторге. Всегда любил, чтобы подарков было много, а Simple Balance как раз дарит блоггеру много. Simple Balance бесплатная тема, без каких-либо паразитных ссылок, без блоков контекстной рекламы, без баннеров автора дизайна, но по качеству она превосходит большую часть платных тем, с которыми я встречался. Делая выбор в пользу этой темы блоггер получает восемь (8!) вариантов дизайна — красивого, приятного, профессионального, с грамотно подобранными цветами, логотипом, с общим настроением дизайна. Я долго пытался найти халтуру в предложенных автором вариантах, но несмотря на все усилия, должен признать, что каждый из них найдет своего ценителя.

Дефолтная хороша для широкого круга блоггеров, Blue Bubble для любителей дизайна построже, Curly Green весенний, Olive Green это ближе к осени, Silver Red чистая энергия и позитив, Red Orange это такая очень красная осень, Lucky Star без вариантов для девушек, Green Life для ценителей свежей листвы и чистой природы. Все они — без скидок замечательны. Вам поднадоел дизайн? Смените его в два клика мышью! И это еще не все — Алекс регулярно обновляет тему, добавляя новые цветовые схемы. Такой щедрости я еще не видел, и если бы мой дизайн не устраивал меня хоть чуть-чуть, я поставил бы Simple Balance и обязательно подкинул бы автору десяток-другой долларов. Еще один плюс такого количества цветовых схем в том, что тему могут использовать несколько блоггеров, и у каждого дизайн будет своим. Примеры цветовых схем в конце поста.

Несколькими вариантами дизайна автор не ограничился и дал нам возможность из админки настраивать тему по своему вкусу. Можно изменить цветовую схему. Можно задать порядок элементов: контент и два сайдбара или сайдбар, затем основная часть, и снова сайдбар. Можно включить или отключить показ логотипа в левом сайдбаре (по умолчанию рисунок бабочки), можно задать свой рисунок. Можно включить показ формы подписки на обновления блога по емейл (на скриншотах эта опция включена). Можно задать свой адрес RSS подписки, что позволяет просто вписать адрес вашей ленты из фидбурнера или любого другого сервиса, которым вы пользуетесь.

Можно включить или отключить показ описания блога под заголовком блога. Можно выбрать, какие страницы показывать в шапке. Можно выбрать, как выводить посты на главной странице — анонсами или полностью (до тега more). В теме посты выводятся анонсами, независимо от расположения тега море, аккуратно обрезаясь в районе 55 слова, так вот, эта опция определяет, сколько постов выводить полностью — до тега more или, в случае его отсутствия, полностью. И наконец, можно спрятать строку META, в которой указывается версия WordPress. И все это — не выходя их админки и не залезая в код. Просто мечта для некоторых блоггеров.

Simple Balance - настройки

Simple Balance - настройки

Чуть ниже можно увидеть настройки отображения важного поста. Вы можете выбрать один из двадцати последних постов и закрепить его на главной странице в самом верху. Важный пост будет и оформлен иначе, и закреплен над остальными.

Simple Balance - настройки важного поста

Simple Balance - настройки важного поста


Simple Balance - отображение важного поста

Simple Balance - отображение важного поста

В следующем блоке можно настроить показ рекламы на блоге. Показывать ли верхний баннер, куда ссылается верхний баннер, откуда брать изображение для него, какой будет альтернативный текст для браузеров с отключенными изображениями, какой будет ссылка верхнего баннера internal (внутренняя) external do follow (внешняя с передачей веса) или external no follow (внешняя без передачи веса), открывать ли новое окно по ссылке. Кроме того, можно заменить верхний баннер вставив вместо него рекламный блок Google AdSense.

Simple Balance - настройки показа рекламы

Simple Balance - настройки показа рекламы

Кроме верхнего баннера 468×60 в теме предусмотрены места для баннеров 125×125 в сайдбаре от двух до восьми на ваш выбор. Отсчет идет справа налево и сверху вниз. Так же как и с верхним баннером можно выбрать куда ссылаться, источник изображения, альтернативный текст, тип ссылки, и способ открытия ссылки для каждого из восьми баннеров. Вместо баннеров 125×125 можно показывать рекламу Google AdSense формата 250×250. Можно выбрать месторасположение баннеров: над сайдбаром или под ним. В поле «Реклама здесь» нужно ввести ссылку на страницу, на которой находится ваш прайс-лист на рекламу в блоге, по умолчанию эта ссылка ведет на главную страницу блога.

Ну и последнее, что нужно упомянуть в описании темы — она полностью на русском языке, включая админку.

Дополнительная информация по теме Simple Balance:

Для подписки по емейл используется не привычный нам FeedBurner, а Google FeedBurner. Заменить это вы можете двумя путями.

Певый: заходите в FeedBurner на закладку Публикуй, переходите в пункт Подписки по элекронной почте (Email Subscription), в выпадающем списке Language выбираете русский и копируете полученный код из окошка ниже. Затем открываете файл lsidebar.php и заменяете полученным кодом строки 25−31. Это заменит весь блок подписки на фидбурнеровский.

Второй вариант: берете этот же код, и заменяете части кода в файле lsidebar.php в строках 25−29. Я приведу примеры на полученном мной коде, а вы попробуйте сделать то же самое со своим.

Строка 25, код

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<?php echo $theme_options["feedburner_name"]; ?>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

заменяем кодом из фидбуренера

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2015821', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

Выделенное жирным у вас будет свое, это ваш идентификатор в сервисе. В получившейся строке стираем стиль, то есть удаляем

style="border:1px solid #ccc;padding:3px;text-align:center;"

Строка 26, код <input type="text" class="rssEmail" name="email"/> не трогаем

Строка 27, код

<input type="hidden" value="<?php echo $theme_options["feedburner_name"]; ?>" name="uri"/>

заменяем кодом из фидбурнера

<input type="hidden" value="http://feeds.feedburner.com/~e?ffid=2015821" name="url"/><input type="hidden" value="AlexNote" name="title"/>

Строка 28, код

<input type="hidden" name="loc" value="en_US"/>

заменяем кодом из фидбурнера

<input type="hidden" name="loc" value="ru_RU"/>

Строка 29, код <input type="submit" class="rssSubmit" value="Ок" /> не трогаем. Сохраняем, и получаем подписку через так же хорошо выглядящую форму, но через привычный сервис.

Simple Balance - Blue Bubble

Simple Balance - Blue Bubble

Simple Balance - Curly Green

Simple Balance - Curly Green

Simple Balance - Olive Green

Simple Balance - Olive Green

Simple Balance - Silver Red

Simple Balance - Silver Red

Simple Balance - Red Orange

Simple Balance - Red Orange

Simple Balance - Lucky Star

Simple Balance - Lucky Star

Simple Balance - Green Life

Simple Balance - Green Life

Статьи по теме:


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

  1. Сергей М. | Ноябрь 26, 2008 в 22:27 | @

    Вроде как ФБ полностью переводят под Гугл, нет?

  2. AlexNote | Ноябрь 26, 2008 в 22:30

    Сергей М.:

    Да вроде как он уже гугловский, но домены разные в теме этой.

    гугл.фидбурнер.адрес-почто-подписки

    в теме, а текущий адрес моей допустим емейл подписки

    фидбурнер.адрес-почто-подписки. Потому и пришлось такой развернутый мануал писать=)

  3. Сергей М. | Ноябрь 26, 2008 в 22:56 | @

    Мммм... нет, я просто слышал, что как раз переведут все на гугл. Но, в любом случае, без разницы. Тема вполне клевая.

    А я почти закончил обзор твоего блога, мне публиковать? )

  4. AlexNote | Ноябрь 26, 2008 в 23:04

    Сергей М.:

    Ну да, если бы УЖЕ перевели, то домен бы склеили. Видимо, еще в работе все.

    Скоро гугл будет готовить мне кофе по утрам, с такими темпами экспансии=)

    Публикуй, интересно будет почитать мнение опытного человека=)

  5. Сергей М. | Ноябрь 26, 2008 в 23:08 | @

    Угу. Мы в тви шутили по поводу «через пять лет Гугл будет знать все, что вы делали за эти пять лет» :)

  6. Ira Sribna | Ноябрь 26, 2008 в 23:56

    мне тоже будет интересно почитать обзор на этот блог =)

  7. Дмитрий Ветров | Ноябрь 27, 2008 в 00:38

    А у меня уже давно гугловский фидбёрнер :P

    feedproxy.google.com/zarabotai-lv

    Изначально делал миграцию, потому что хотел заработать на Adsense в RSS фидах.

    Жаль, нифига не заработал :)

  8. AlexNote | Ноябрь 27, 2008 в 11:42

    Сергей М.:

    Да, видел этот прикол=) Глобализация Гугл=)

    Ira Sribna:

    А уж как мне интересно...

    Дмитрий Ветров:

    На рсс пока много не заработаешь, я думаю. Кликает по объявлениям слабо подкованная аудитория, а она еще не пришла к рсс массово.

  9. Adil Nurmakov | Декабрь 4, 2008 в 11:05 | @

    Уважаемый Alex,

    я доволен очень этой темой, но есть два вопроса — не могли бы вы мне помочь с ними разобраться?

    1. можно ли расширить шапку — скажем, увеличить размер шрифта или добавить изображение?

    2. тема не отображает авторов постов — можно ли внести какие-то изменения в код, чтобы эти два вопроса нашли свое решение?

    заранее благодарю,

    адиль

  10. AlexNote | Декабрь 4, 2008 в 11:58

    Adil Nurmakov

    Помочь могу, но так как вы используете тему не в моем переводе, то только на словах.

    1. header.php — строки 37−46 отвечают за вывод логотипа, заголовка, описания блога. Файл style.css — строки 68−103 отвечают за отображение этих элементов. Для увеличения, скажем, описания блога нужно заменить 16px в приведенном ниже коде на нужное вам значение.

    .topLogo .blogDescription { font: normal normal 16px Georgia, "Times New Roman", serif; font-variant: small-caps; color: #207f7b; }

    Лого выводится не в шапке, а сбоку, где бабочка. Если положение вас устраивает, то просто замените рисунок pic-sidebar.jpg на свой. Если хотите вывести изображение НАД ссылками в самом верху, то нужно в header.php в строку 47 вставить нужное вам изображение и задать положение в style.css

    2. Вставьте в нужное место темы, чтобы вывести автора поста: <?php the_author_link(); ?> В нужное — в смысле, там в файлах archive.php (строка 40), index.php (строка 63), и single.php (строка 19), где должна быть запись об авторстве. В скобках места, где я бы разместил сам.

  11. Adil Nurmakov | Декабрь 4, 2008 в 19:22 | @

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

  12. AlexNote | Декабрь 4, 2008 в 19:30

    Adil Nurmakov:

    На здоровье! Если локализатор не изменял код или документировал изменения, чтобы вы могли понять, где и что изменено, то не существенно чей перевод используется. Главное чтобы паразитных ссылок не было и функциональность не страдала.

  13. Adil Nurmakov | Декабрь 4, 2008 в 21:12 | @

    AlexNote:

    Спасибо еще раз, все супер.

    Все получилось как нельзя лучше, но возник вопрос — ссылки авторов ведут на их внешние странички, которые они указали как свои сайты. Можно ли сделать так, чтобы эти ссылки вели на страницу в блоге, показывающие все записи этого автора?

  14. AlexNote | Декабрь 4, 2008 в 23:28

    Adil Nurmakov:

    Вам нужен вот этот код — он выведет по клику список постов автора данного поста.

    <?php the_author_posts_link(); ?>

  15. Adil Nurmakov | Декабрь 5, 2008 в 10:01 | @

    AlexNote:

    Большое спасибо, вечером заменю. Нужно заменить на , я правильно понял?

    Извините за дилетантские вопросы :-s

  16. Adil Nurmakov | Декабрь 5, 2008 в 10:02 | @

    Adil Nurmakov:

    php the_author_link(); ? заменить на ?php the_author_posts_link(); ?

  17. AlexNote | Декабрь 5, 2008 в 11:44

    Adil Nurmakov:

    Да, совершенно верно.

  18. PavelPavlov | Декабрь 21, 2008 в 09:30 | @

    Собственно я только хочу поблагодарить за перевод темы, действительно ОТЛИЧНАЯ!!! Меня устраивает на 99%. СПАСИБО. Ну и конечно создателю темы море благодарностей. Вот интересно, он русский знает?

  19. AlexNote | Декабрь 21, 2008 в 12:40

    PavelPavlov:

    Пожалуйста=) На сто процентов не устраивают даже заказанные у дизайнеров темы, так как полностью предугадать желания заказчика невозможно. 99 это хороший показатель=)

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

    Вот для таких случаев, когда и язык наш они не знают и в расчет не принимают, у вас и есть я=)

Трекбеки

    Пока трекбеков нет

Вам есть, что сказать? Так не молчите!

 

Комментарии по RSS Трекбек URL