В прошлой статье мы рассматривали карусель на базе Mootools. Пришло время познакомиться с вариантом карусели, использующем jQuery. Основой этого варианта карусели является jQuery плагин Cycle. Поскольку фреймворк jQuery является самым дружественным по отношению к другим фреймворкам, я предпочитаю именно этот вариант. Его использование страхует от неприятных сюрпризов при использовании в блоге других кодов, базирующихся на Mootools или Prototypes, что особенно актуально в WordPress-блогах. Мой блог использует именно этот вариант карусели, в чем Вы можете убедиться заглянув на главную страницу блога.
Перейдём непосредственно к реализации …
WordPress
В WordPress-блоге необходимо произвести некоторые манипуляции …
Поместите файлы con_featured_post.php и thumb.php в корень папки, активной темы блога. Файл jquery.cycle.all.min.js в папку js активной темы. Так же необходимо создать папку cache с правами доступа 755 или 777 в корне папки темы.
В файл темы functions.php поместите следующий код (в конец файла):
Произошла ошибка. Попробуйте ещё раз позднее. |
В файл styles.css (в любом месте) вставьте следующий код:
Произошла ошибка. Попробуйте ещё раз позднее. |
Для вывода карусели на главной странице блога поместите в файл index.php или home.php (это зависит от темы) следующий код:
Произошла ошибка. Попробуйте ещё раз позднее. |
Для того чтобы задать данному коду галереи изображения статей добавьте к нужным статьям, по одному на каждую статью, произвольные поля с именем articleimg, а в качестве значения поля задайте URL изображения. Размер выводимого изображения 561х257 пиксел, но Вы можете указывать URL изображения любого размера – изображение автоматически будет приведено к нужному размеру и полученная копия будет сохранена в папке cache.
Количество анонсируемых статей по умолчанию равно 3-м, а рубрика вывода “wordpress”. Если Вы хотите изменить эти значения, откройте файл con_featured_post.php, и найдите в нём следующий код:
Произошла ошибка. Попробуйте ещё раз позднее. |
- $featurecat – имя рубрики из которой берутся изображения анонсов. $featurecat8 не актуально, т.к. используется для устранения проблем WordPress версии 2.8.
- $featurenum – количество выводимых анонсов
В качестве текста анонса берётся заголовок статьи и анонс (цитата) статьи (по версии get_the_excerpt())
Blogger
Честно говоря, идея использования этой карусели в Blogger-блогах не является разумной. Невозможность использования скриптов PHP в Blogger сводит на нет преимущество авто-подгонки размера изображений, а невозможность привязки крупных изображений к статьям не позволяет использовать авто-вывод анонсов последних статей.
Впрочем, если Blogger-блоггерам эта карусель интересна, я могу что-нибудь придумать (в индивидуальном порядке $).
Если Вы хотите подискутировать на тему этой или иных каруселей в Blogger-блогах, прошу на форум поддержки.
© 2010 – 2015, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.
Спасибо за статью.
Подскажите как скачать архив ?
Перехожу по ссылке //blogcoding.ru/?dl_id=74
пишет “Файл не существует.”
При переезде к другому хостеру забыл изменить директорию хранения файлов … Виноват … Исправил …