Best Wordpress авторский перевод шаблонов и плагинов

Демонстрация

Контент © 2010 bestwordpress.org.ua.

Сплоги в топку! Если Вы читаете эту статью не на bestwordpress.org.ua или wpfreethemes.ru, значит, Вы нашли ее на сплоге какого-то тупого пингвина, транслирующего мой rss фид )))) Шлите его лесом и переходите на сайт оригинала!

Хочу вам сегодня представить шаблон собственной разработки. Совсем недавно начался Кубок мира по футболу в Южной Африке, и в честь этого события, которое бывает раз в четыре года, я подготовил уже второй свой шаблон. Как и первый, который я выложил 12 июня, так и этот, связывают их с футбольным первенством только файлы изображений. Кто догадается их сменить – получит великолепные новостные шаблоны. И если в первом все в основном стандартно, то в этом я решил немного поэкспериментировать с функциями WordPress, сам запутался и буду сейчас путать вас.

Я, конечно, шучу на счет своего “запутался”, но то, что данный шаблон не очень рассчитан для начинающего – могу вас уверить. Кто слабо знаком, или совсем не знаком с функциями wordpress, произвольными полями, поиском и определением ID записей, мне будет сложно объяснять “на пальцах” или “как для блондинки”. Иногда в письмах отдельных читателей моего каталога именно такие фразы и звучат – просят объяснить все, вплоть до мелочей, и сильно обижаются, если я не иду всем навстречу. Хотя стараюсь, видит бог…

Жаль, но в режиме Демонстрации я не смогу продемонстрировать вам все “фишки” этого шаблона. У меня на поддомене, который служит “площадкой” для превью всех мои шаблонов, работают корректно только стандартные шаблоны. Все остальные, у которых есть свои особенности, не показывают всех своих прелестей. Поэтому просто читайте мой обзор и верьте на слово, что в шаблоне есть и как работает:

Описание:

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

С чего хочу начать обзор. Чаще всего все шаблоны Вордпресс, особенно стандартные, имеют макет очень простой: вверху заголовок (хидер), основная колонка с записями, один или два сайдбара (справа или слева, или оба по бокам, или оба справа, редко – оба слева). Возможны варианты с макетом вывода записей на главной: анонсами (отрывками), или полной записью. Плюс – разлияные слайдеры на языке Ява в заголовке: чуть ниже хидера, но чуть выше основной колонки. Один раз я переводил шаблон, в котором слайдер стоял в правом сайдбаре.

В сайдбарах часто встраивают видеоплееры, различные скрипты вывода блоков в виде вкладок, и так далее.

Часто встречаются анонсы на главной, расположенные не в горизонтальном выводе текста, а в вертикальном, с миниатюрами в заголовках (или без оных).

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

Зачем вообще нужны фильтры? Давайте попробуем порассуждать вслух. Вы также как и я и все остальные “бродяги” просторов Сети, страшно не любим неинтересный материал. Зачем читать то, что никто не читает? Попадая на тот или иной сайт, мы всегда обращаем внимание на рубрики, так или иначе говорящие о каких-то популярных разделах этого сайта, и сами идем туда же в надежде, что если понравилось большинству посетителей – обязательно понравится и нам.

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

Есть еще плагин, который определяет популярность статьи по количеству просмотров её посетителями. Это уже ближе к понятию популярность. Раз все смотрят, значит, есть что почитать. И мы тоже идем читать туда же…

Задача веб-мастера – достичь того, чтобы посетители, случайно попавшие на сайт (по поисковому запросу пришли, прочитали нужную информацию, и навсегда ушли), остались на нем как можно дольше, и полистали еще и еще страницы. И в идеале – не успев прочесть все, положили сайт в свои Закладки (Избранное). И вернулись быстро. И стали приходить регулярно. Вот вкратце главная задача любого сайта и веб-мастера, который его ведет…

Значит, нужен такой макет, который начиная с главной страницы предоставляет посетителю именно отфильтрованную информацию. Основной критерий – популярность.

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

Давайте взглянем на скриншот шаблона:

Я сделал картинку без заголовка, чтобы не отвлекал. Смотрите: по бокам два сайдбара, широкий справа и узкий слева. Обычно, левые сайдбары не очень удобны, и лучше всего если они узкие и служат только для вывода основных виджетов навигации: Рубрики, Страницы, Архивы, Календарь. Эти виджеты редко требуют большой ширины и для них вполне достаточно около 190 точек. При этом отлично “влазят” туда рекламные баннеры 120х600 и 160х600. Хотя повторяю, эффективность баннеров в левом сайдбаре близка к нулевой.

Правый сайдбар шире. Это позволяет вывести там тот же видеоплеер и ява-облако тегов. Широко. Удобно просмотреть.

Вы видите, что я сделал две колонки вывода записей, между сайдбарами. Слайдер, который стоит вверху левой новостной колонки, небольшой, и не занимает все пространство заголовка. Скажем так: он привлекает внимание, но не загромождает весь заголовок. Для чего его основное назначение? Вы можете вывести здесь или какую-то рубрику (ограничив число записей), или конкретно несколько записей из различных рубрик, к которым вы хотите привлечь внимание посетителей. Скажем так: вы выбираете по своим критериям те или иные материалы сайта, которые достойны быть в слайдере и должны выполнить свою задачу – привлечь внимание посетителя.

Ниже слайдера – раздел Последние записи. Стандартная функция вывода всех записей без фильтров и ограничений. Чтобы точнее понять, что же выводится в правой новостной колонке, давайте я выложу еще одну картинку:

С помощью цветных блоков я пометил все основные разделы главной страницы. Черные блоки по бокам – сайдбары. Зеленый блок – слайдер. Красный блок – вывод всех записей подряд. по мере их публикации. Голубой – этот раздел я назвал Главные новости. Критерий вывода здесь статей – фильтр, который работает с помощью плагина wp-postviews. Плагин следит за публикациями, а точнее – за количеством просмотров этих записей вашими посетителями. И чем больше у записи просмотров, тем выше она располагается в этой колонке. А всего в колонке я поставил фильтр – выводить 5 записей. Фильтр – с помощью функции query_posts.

В блоке красного цвета, где записи выводятся все подряд, я не стал добавлять функцию вывода миниатюр. А вот в блоке Главные новости (голубой) – я добавил эту функцию, с помощью плагина The Get Image. Я недавно с ним столкнулся и уже оценил его эффективность. Подробно о нем писал на прошлой неделе, в статье о том, как создать анонс на главной вместе с миниатюрой. Читайте в рубрике Советы.

Блок серого цвета – этот раздел я назвал Самые комментируемые. Понятно, что популярность записи – от количества комментариев к ней. Чем больше – тем выше здесь стоит статья. Как определяется вывод  статей? Просто. Честно говоря, те функции, которые я знаю, не позволили мне сделать так, как выглядят первые два раздела. Пришлось идти на использование функции query_posts и её ручной настройки. Я в правом сайдбаре разместил блок Популярные записи (в самом вверху сайдбара) как раз по критерию количества комментариев. Эта функция включена в файл function.php. У нее есть один недостаток – она хороша только для сайдбара, так как выводит только заголовок, название статьи. Расположение меняется в зависимости от количества комментариев: чем больше их, тем выше статья в этой секции сайдбара. Я навожу курсор на заголовок и вижу внизу браузера, в строке состояния, ID записи. Выглядит она вот так: http://www.site.ru/?p=31. Число 31 и есть ID записи.

В файле index.php за вывод фильтра статей в сером блоке отвечает функция query_posts и выглядит она вот так (строка файла 57):

query_posts(array(‘post__in’ => array(31,4,5)))

Я пишу ее без обязательных начальных и конечных символов вывода php-функции (у меня в блоге плохо работаю плагины вывода кода).

Числа – 31,4,5, написанные через запятые без пробелов – это и есть ID первых трех публикаций, которые имеют самый высокий рейтинг популярности по числу комментариев к ним. Вы также можете потом регулировать этот фильтр, следя за статьями в сайдбаре. Поэтому эту секцию из сайдбара советую не удалять, а использовать. Она также есть и как динамичный виджет.

Таким образом. в моем шаблоне на главной странице выводятся различные блоки с записями, так или иначе имеющими высокий рейтинг популярности у ваших посетителей. Думаю, что такое расположение записей на главной  странице наиболее удачное, в сравнении с стандартными бесплатными шаблонами WordPress.

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

Функционал:

• 4 колонки
• 2 сайдбара
• Слайдер в сайдбаре
• Миниатюры картинок в анонсах статей на Главной
• Обязательные плагины
• Динамичные виджеты
• Рекламный баннер 468х60 в заголовке
• Логотип – картинка
• Авторский шаблон

Особенности:

Перед установкой и активацией шаблона советую сначала установить и активировать плагины. Без некоторых из них ваш шаблон просто не откроется.

The Get Image. Плагин позволяет в анонсе статьи вывести миниатюру. Код я в файлы добавил. Вам надо только активировать сам плагин.

Featured Content Gallery. Плагин выводит слайдер на главной, в левой новостной колонке. Плагин не русифицирован, т.к. с русским часто происходят проблемы. Как его использовать – ищите или у меня в каталоге – писал несколько раз с картинками, или в Сети, очень много есть описаний его настройки. Скажу только два слова: для вывода картинки надо использовать произвольное поле articleimg. Размер картинки – около 300х200 px. Хочу сразу предупредить: на многих бесплатных хостингах плагин может не работать. У меня уже есть  такой опыт.

WP-Cumulus. Плагин выводит ява – облако тегов в правом сайдбаре. Старый и хорошо известный плагин. Он русифицирован. После активации его надо настроить. Размеры для облака – советую 285х195 px.

WP-Postviews. Плагин нужен для работы раздела Главные новости на главной странице (голубой блок, см. выше). Код плагина я в файлы добавил. Вам надо плагин только активировать.

Все плагины лежат в папке шаблона /plugins.

Рекламный баннер 468х60 в заголовке. Редактировать файл header.php.

После активации шаблона в разделе Дизайн у вас появится страница настроек шаблона. Там вы найдете только поле для добавления короткого кода вывода видеофайла с сайта YouTube. Как на примере.

Как добавить миниатюры в статьи? С помощью произвольного поля image. Если в статье одна картинка и она пропорциональна квадрату – можете произвольное поле не использовать, миниатюра добавится автоматически. Если в статье две и больше фото – возьмет первую попавшуюся.

Логотип – картинка. Вам надо заменить своим Лого. лежит в папке /image.

В заголовке шаблона я использовал картинку с Логотипом Кубка мира по футболу в Южной Африке. Ее можно легко заменить любой другой.

Установка:

Обычная. Проверял на WordPress версии 2.9.2.

Проверял браузерами:

• IE8
• Mozilla 3.6.3
• Opera 10.53
• Chrome 4.1.249.1064
• Safari 4.0.5

Будут вопросы, отзывы, советы – пишите в комментариях.

Вы можете бесплатно использовать и модифицировать эту тему.

Шаблон мой, авторский, бесплатный. Надеюсь, что вы оставите ссылку на меня в подвале шаблона. Спасибо!

Хотите следить за новыми публикациями на моем сайте – подпишитесь на RSS ленту.

Мой блог находят по следующим фразам

• фон для wordpress
• внесение изменения в шаблон wordpress
• новостные темы wordpress
• добавить top menu в шаблон
• сборку mywordpress.ru
• кириллические шрифты для wordpress

Мой блог находят по следующим фразам

• wordpress спортивный шаблон
• wordpress спортивный шаблон
• шаблон салона краси
• шаблон салона краси
• бесплатные шаблоны сайтов косметика
• бесплатные шаблоны сайтов косметика
• Клиент для комментариев WordPress

Похожие записи: