Просмотр архивов в категории: ‘Оформление’
Название шаблона: Slaffistica Classic
Основные характеристики:
- Widget-ready боковая панель [sidebar]
- Нативные threaded-comments.
- Полностью оптимизированный семантический код.
- Динамичные TITLE и META таги в «шапке».
- Улучшенная навигация.
- Таги к single post вынесены в боковую панель.
- Javascript подключается из библиотек WordPress.
- Favicon'ы были заменены граватарами (в отличие от Slaffistica Cafe Cortado).
- Нативная подсветка ключевых фраз при поиске.
У шаблона 2 новые фичи
1. Не столь важная, но возможно кому-то будет удобна. В «шапке» вместо названия блога в виде заголовка H1, можно использовать список UL LI.
2. Важная и очень полезная фишка — это Панель управления шаблоном (сокращенно ПУШ) [Current Theme Options]. Выглядит это вот так:
- ПУШ дает возможность выставить опционально meta-информацию о блоге. По умолчанию эта функция выключена и будут использоваться данные внесенные в настройках самого блога. При ее активировании (нужно только заполнить поля и сохранить настройки) включиться динамическая поддержка meta тагов.
- ПУШ также дает возможность использовать отдельный блок с текстовой информацией в боковой панели (HTML разрешен). Помимо названия блока и его содержимого можно выставить разрешения кому будет этот блок (по умолчанию всем посетителям).
- И дополнительно можно указать свой УРЛ для rss ленты блога.
Огромное спасибо
Сергею за помощь в оптимизации и конструктивной критике.
Ваши комментарии, замечания и пожелания я с удовольствием приму во внимание по email, сообщения в twitter или просто оставьте комментарием к этой записи.
Скачать шаблон Slaffistica Classic
Текущая версия 3
Leopard меня прямо-таки вдохновил и для свой авторской колонки «Нефанатичный блог про макинтоши» я сделал простенькое оформление в виде Finder. Но я решил не останавливаться на этом, а сделать ее для всех. Название — это первое что пришло в голову. Возможно позже с релизом шаблона я его изменю. Ниже пара скринштов:
Название: Simple Leopard
Версия: 1.0 pre-release.
Описание: widget-ready шаблон. Для тех, кто не пользуется виджетами шаблон полностью готов к использованию без редактирования сайдбара и т.п. Хотя кое-какие мелочи на усмотрение каждого нужно подправить. Но основная масса работы уже сделана.
Демо: здесь.
Скачать: прямая ссылка.
Баги, пожелания и рекомендации мне в почту или тут в комментариях.
Прочитал две статьи на тему «Как создать шаблон для WordPress» и был крайне удивлен подходу создавания шаблона. На мой взгляд, оба описания предлагают более трудоемкий и непрактичный подход. Я не люблю долго возиться с шаблонами и предпочитаю группировать все элементы как можно плотнее, избегая при этом лишнего кода. Отчего мои верстки для WP не страдают насыщенностью запросов.
В связи с этим я тоже решил поделиться своим опытом и предложить свой метод создания шаблона с нуля, который, на мой взгляд, практичнее и удобнее. Хочу отметить, что данный ebook — это мой личный опыт и я постарался наиболее просто показаться свой метод создания шаблона для WordPress.
Особенности моего метода — это компактность, практичность, удобство и универсальность. В ebook'е приведены полные листинги кода, этот же код я использую как базовый в шаблоне Slaff @ Reworked и других свох блогах. Я намерянно опустил ту часть, в которой следовало бы рассказать о CSS, потому что это несколько другая тема.
Скачайте и прочитайте ebook «WordPress Cookbook. Создание шаблона с нуля.» Распространяйте эту книжку в любом виде.
Мой нерусский блог сегодня подвергся css-ребуту, с чем и поздравляю себя :). Это вообще мой первый css reboot, что собственно приятно осозновать как факт. Дизайн и шаблоны были сделаны буквально за 3 дня до ребута, но получилось как всегда симпотично и валидно. Заценить новое оформление можно, пройдя по этой ссылке или кликнув по скриншоту:
И кто сказал, что темное не может быть ненапряжным? В этот раз дал себе волю и оформил так, как уже давно хотел оформить . Оформление в темных тонах, читабельные места по возможности минимально напрягающие глаз, и контраст в цветах только там, где нужно. Только одна картинка в «шапке».
В общем получилось даже более минималистично вроде, чем S@R. А вы как думаете?
Проголосовать за мой диз и блог можно, оставив коммент на блоге CSS REBOOT
Сегодня наконец привел в порядок работу над Wordpress Template Builder. Думаю, что если бы не такая активность к посту-анонсу, то я бы затянул еще немного с выпуском первой альфа-версии. Я решил её пока публиковать не для всех, а только для заинтересованных в расширении людей. Такому решению есть несколько причин.
Во-первых, оно еще очень «сырое», но тянуть больше нельзя. Пускай лучше мне больше придётся поработать над ним засчет требований и пожеланий тестеров.
Во-вторых, мне очень не хватает знаний по javascript, что собственно и осложняет всю работу над WTB.
В-третьих, у меня есть куча идей по включению интересных и полезных функций, кнопочек. Многие из них уже находиться в черновом варианте версии 1.0.3 alpha.
Пока же, желающие (я уже оповестил всех кто хотел и отметился в первом анонсе) можете отметиться в этом посте. Почитать более подброно о самом расширении на специальной странице, посмотрите также приложение к странице.
Хочу сказать еще одну важную вещь. Это касается тестеров. Расширение является скорее демо-вариантом, нежели полноценной тестовой версии. Но раз уж народ настаивает, то распишитесь-получите :). Все пожелания и рекомендации, разумеется, в студию или прямо мне на email.
И вопрос. Нужно ли для обсуждений расширения делать какой-то форум, может быть google-группа или это будет лишнее?
По вопросам телезрителей — "Как быстро сделать формуляр поиска для шаблона Wordpress. Очень просто. К примеру, такая же как у меня на блоге делается в 2 шага:
1) Нужно создать файл «searchform.php» и положить его в папку сс другими файлами Вашего шаблона. А внутри файла написать свою формочку поиска:
<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>" style="margin: 0;">
<p><input style="width: 97%; " type="text" value="введите запрос" name="s" id="s" onfocus="if (this.value == 'введите запрос') {this.value = '';}" onblur="if (this.value == '') {this.value = 'введите запрос';}" /></p>
<input type="submit" id="searchsubmit" style="display: none;" value="Search" />
</form>
2) Теперь в любом месте шаблона (sidebar, например), где нужно показать форму поиска пишем так:
<div class="sidebox">
<h2>Поиск</h2>
< ?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
Строка include (TEMPLATEPATH.'имя_файла') — вставит содержимое нужного файла там, где вы это укажете. Вот и всё :)
Решился собрать все глюки в оформлении, вёрстке шаблона и пофиксить немного всё это дело. Конечно же, с учетом всех оставленных ранее комментариев и пожеланий (спасибо читателям ;) ). Ну и добавлю кое-какие новшества и мелкие изменения в само оформление. Итого у нас получается:
Внешнее:
- Баг в ширине «подвала» на 100%.
- Баг с отступами параграфов в комментариях.
- Баг с отступами в формуляре комментариев.
- Добавить дату создания поста в цикле.
- Баг в отображении списка блогролла.
- Профиксить цвета в двух css классах.
Внутренее:
- Поставить ссылку «Редактировать комментарий» на своё место.
Улучшения, новое:
- Прикрутить плагин «Цитировать выделенное»
Добавить прозрачный псевдно-стеклянный фон для контента.- Вернуть del.icio.us.
- Новый формуляр для контактов. (Пока отменяется)
- Новый Colophon.
- Новая страница архивов.
- Иконка для RSS (классная 3D иконка (от 16 до 128 пикселей в комплекте))
Эта запись постоянно обновляется по мере продвижения по списку. Комментарии и пожелания привествуются.
Красным жирным помечены пункты, которые нужно сделать. Остальное уже сделано.
Мануал по сабжу из разряда «Шаг за шагом! Делаем страницу за 5 минут!». Находиться на Caffetalks.
На Binary Bonsai появилась информация о проекте «Shuttle» по редизайну админки Wordpress, говориться о завершающей стадии проекта. А На блоге Broken Kode можно уже взглянуть на несколько скриншотов, судя по которым, это просто уже мега-цмс,а не просто Wordpress. Впрочем, так оно и есть. :)
Классный вид. Я лично в нетерпении нового оформления. Скриншоты впечатляют, очень. :D
Любителям минимализма — ремейк K2 — K2 Reloaded.
