Обновление блога
Барабанная дробь…
И вот, я готова представить вам новый интерфейс блога :) Ровно неделя ушла у меня на то, чтобы сделать все с нуля: от дизайна, до сбора новой темы для WordPress. Я давно хотела поэкспериментировать и сделать свою собственную тему для блога, и теперь выкладываю все карты на стол.
Название темы "Perfect Tabs" пришло в голову сразу, как только родилась сама идея о том, каким я хочу видеть свой блог. И название это говорит само за себя: справа на сайдбаре вы видите блоки с вкладками (рубрики, поиск, архивы и т.д.). Такая реализация позволила не только съэкономить огромное количество места, но и предоставить пользователю доступ практически ко всей информации по блогу.
Вкладки реализованы с помощью библиотеки JQuery, и основанного на ней плагина . На мой взгляд, использование таких вкладок – это самый легкий способ повысить юзабилити блога, и конечно же, привлечь внимание пользователей.
Также были использованы следующие плагины для WordPress:
- - позволяет читателю обойтись без перезагрузки страницы при добавлении комментария.
- - выводит облако категорий
- - выводит число подписчиков через FeedBurner
- - выводит список статей близких по тематике к текущей статье
- - позволяет голосовать за статьи, выводит список самых популярных.
- - выводит постраничную навигацию
- Скрипт - подсвечивает код различных языков программирования
В исходный код плагинов пришлось внести некоторые изменения, поэтому в архиве прилагаю также все вышперечисленные плагины.
В качестве бонуса - файл стилей для редактора TinyMCE, который поможет вам видеть редактируемый текст так, как он будет отображаться после публикации. Файл можно поместить в любой папке, главное указать путь в файле конфигурации TinyMCE:
/wp-includes/js/tinymce/tiny_mce_config.php
находим строчку "content_css" и прописываем путь:
content_css : "/путь_к_файлу_стилей_для_TinyMCE/editor.css",
Так же некоторые моменты касательно изменений темы описаны в файле readme.txt - очень советую прочесть.
Скачать тему для Wordpress "Perfect Tabs"
Скачать плагины
Бонус: файл стилей для редактора TinyMCE
Dmoz
Вот так выглядят комментарии :)
АвторЦитировать
Да, симпотичный дизайн :)
Я сейчас как раз пишу свой блоговый двиг.
Может чего-нибудь позаимсвутю для дизайна ;)
anonimizer_meЦитировать
По-моему очень хорошо получилось. Честно :-) . А вкладки в меню давно собираюсь у себя сделать.
Если немного придраться. Эта страница содержит 11 js файлов и судя по данным YSlow только один из них сжат (gzip), наверное стоит сделать сжатые версии остальных.
ВладимирЦитировать
Поздравляю, хорошая работа получилась!
Поправьте ошибки в посте “обако категорий”, “FeddBurner”.
rukebaЦитировать
Классно получилось! Особенно закладки понравились.
TodЦитировать
Мне нравится! Тоже поменял на днях дизайн, но как “потребитель” использовал найденное в сети. Так что.. по доброму завидую умению делать самостоятельно ;)
Борис БритваЦитировать
@Владимир, спасибо за замечание. JS действительно придется ужимать.
@rukeba
Спасибо, исправила.
АвторЦитировать
Розы и проволока выглядят китчево и не соответствуют теме блога. Попробуйте вместо роз джинсы похожего цвета — будет по молодежному, и отлично дополнит имеющиеся швы, ниточки.
И еще одно замечание: в блоках справа — Топ 10 и Что пишут — недостаточно контрастные ссылки, в то же время “рейтинг…” и имя автора гораздо контрастнее.
А так дизайн аккуратный, читать приятно.
RomanЦитировать
@Roman, спасибо, обязательно учту.
АвторЦитировать
Еще один момент. Может стоит подумать о возможности подписки на комментарии (для WP я использую плагин Subscribe To Comments). Все-таки удобно задать вопрос в комментариях, а ответ получить на eMail.
ВладимирЦитировать
@Владимир, спасибо за идею :) Добавила подписку.
АвторЦитировать
сделал маленький обзор вашей темы на своем блоге, а в комментариях спросили где используется Ajax технология, я думаю что в плагине для комментирования, правильно?
patifonovЦитировать
Спасибо за заметку о блоге, очень приятно :)
Технология AJAX используется именно в плагине для комментариев – при добавлении комментария страница не перезагружается.
АвторЦитировать
Вот скачал вашу тему но чего-то неотображает виджеты =( обидно….
Неподскажите как с этим бороться??
Game MasterЦитировать
Да, тема не поддерживает виджеты. Для этого придется создать еще один файл – functions.php и внести некоторые изменения в sidebar.php. Почитать подробнее о создании динамических сайдбаров можно
АвторЦитировать
попробовал но не получилось =(
немог кто-то б заделиться этим файлом??
Game MasterЦитировать
Проблема в шаблоне с подключением плагина Lightbox и других аналогичных. Прошу помощи ни чего не помогает, эффект не работает
ЯнаЦитировать