Главная - Без рубрики - Weekly — тема с слайдером и анонсами

Weekly — тема с слайдером и анонсами

Контент © 2010 wpfreethemes.ru

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

Здравствуйте, мои читатели и подписчики, и все остальные, кто случайно зашел на этот сайт! Сегодня вашему вниманию я представляю первый свой шаблон с внедренным слайдером картинок. К сожалению, в режиме Демонстрации шаблон не показывает слайдер, т.к. ему мешают подключенные плагины в моей папке Демо:

weekly wordpress тема

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

Функционал: 3 колонки, анонсы статей, слайдер с автопрокруткой картинок и эффектом увеличения (zoom), 2 сайдбара, динамичные виджеты, фиксированная ширина, авторская тема.

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

Прежде, чем установить и активировать шаблон, вам надо установить и активировать три внедренных мной в шаблон плагина:

Get The Image. Этот плагин выводит на главной странице миниатюры картинок размером 100х100px слева от анонса статьи. Изменить размер миниатюры вы можете в файле index.php, строка 39, в свойствах width, height (ширина и высота) поставьте свой вариант размера миниатюры.

Код плагина внедрен в файлы, вам не надо ничего делать, только активировать плагин (обязательно активировать плагин ДО активации шаблона!).

Чтобы миниатюра появилась в анонсе на главной странице, вам надо:

1. Добавить одну фото в запись (стандартным способом).

2. Добавить фото в произвольное поле. Имя произвольного поля – image.

The Excerpt Reloaded. Плагин выводит на главной странице запись в виде короткого анонса. Плагин надо активировать ДО активации шаблона. Код плагина я внедрил в файлы, вам ничего добавлять не надо, только активировать, и все. Чтобы изменить количество слов в анонсе, вы можете изменить в файле index.php строка 42? число 120 на другое.

Напомню, что редактировать файлы PHP надо только специальным редактором. Я пользуюсь обычно двумя: UnicEdit и Notepad ++. Они оба есть у меня в Коллекции, поищите через поиск на сайте.

WP Page Numbers. Плагин постраничной навигации, на главной внизу. После его активации зайдите в Настройки –> Page Numbers и заполните настройки плагина, выберите вариант стиля (один из пяти предлагаемых автором). Плагин я перевел и добавил его код в файлы. Вам надо только настроить и сохранить изменения.

Слайдер. Несколько слов о том, как он работает. В папке /gallery лежат фотографии, которые выводятся в слайдере: самая большая выводится при нажатии на снимок в рамках слайдера. Получается эффект по названием Zoom. Средняя занимает все окно слайдера (600 на 300 точек). Маленькая, миниатюра, выводится при нажатии на слово “Миниатюра” в окне слайдера справа вверху. При этом, если миниатюр в папке больше шести – при наведении курсора в правую или левую часть вывода миниатюр, они будут прокручиваться, показывая все миниатюры в ряд.

Для того. чтобы заменить мои фотографии вашими, вам надо:

1. Подготовить у себя в компьютере три размера одной фотографии:

— 900х450 – большая, для режима Zoom (эффект приближения в большом размере).

— 600х300 – для просмотра в окне слайдера.

— 120х60 – для Миниатюр.

Одна и та же фото сохранена мной под именами:

large1 – большая для Zoom.

middle1 – средняя для окна слайдера.

mini1 – для вывода Миниатюр в верхней части слайдера.

Советую, чтобы не запутаться, сохранять каждую фотку под такими же именами. У меня лежит в этой папке 8 фотографий в трех размерах. Вы можете положить туда больше или меньше. Если будете ложить больше, тогда вам надо отредактировать файл gallery.php. Откройте его и вы увидите там код. Вот такой блок отвечает за вывод одной фотографии:

<div class=»imageElement»>
<h3>Заголовок к Фото 1</h3>
<p>Короткое описание к фотографии 1. Нажмите на фото, чтобы увеличить.</p>
<a href=»<?php bloginfo(«template_url»); ?>/gallery/large1.jpg» title=»» class=»open»></a>
<img src=»<?php bloginfo(«template_url»); ?>/gallery/middle1.jpg» class=»full» />
<img src=»<?php bloginfo(«template_url»); ?>/gallery/mini1.jpg» class=»thumbnail» />
</div>

Вам надо изменить текст в Заголовке и Описании к фотографии, а также, если надо, изменить имя файла с расширением (вы можете использовать фото с другими расширениями файла, например PNG или GIF).

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

Если будете использовать меньше восьми фоток – просто удалите не нужные блоки.

Я со многими могу согласиться, что легче было бы, если бы слайдер все делал автоматически. Но не забывайте, что перед вами – бесплатный шаблон.

Установка шаблона – обычная.

Проверял во всех основных браузерах и на движке WordPress 2.9.2.

В знак благодарности за мой перевод просьба не убирать ссылку на мой сайт в подвале темы.

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

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

[sdfile url=»http://www.wpfreethemes.ru/wp-content/files/weekly.zip»]

Информационный партнер: www.marinbiz.ru — сетевой маркетинг. Люди готовы вам рассказать о том, как они создавали свой инетрнет-бизнес и что из этого получилось. Почитайте, наверняка вам будет интересно.

О admin

3 комментария

  1. Светлана

    Здравствуйте, вы как всегда радуете нас классными шаблонами. А почему я не могу его скачать? Ссылочка не рабочая. Исправьте, пожалуйста. Я с удовольствием установлю себе на мой новый блог. С уважением.Светлана.

  2. Светлана

    УРА!!!! Спасибо.

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*