n-wp.ru — блог о WordPress
Как сделать красивый слайдер | Coin Slider 4 WordPress | n-wp.ru

Как сделать красивый слайдер | Coin Slider 4 WordPress

Как же все таки правильно: слайдер или каруселька? Слайдер мне больше нравится, так как отражает суть поведения этого визуального элемента — менять содержимое, как в проекторе для слайдов. Плагин Coin Slider 4 WordPress — еще один слайдер, который создает область для размещения анонсов определенных постов.

Coin Slider 4 WordPress красиво выводит текст поста поверх изображения, используя полупрозрачную панель. Посты, которые нужно анонсировать в слайдере, отмечаются в административном разделе. По-умолчанию отображаются первые пять отмеченных публикаций, но это количество можно увеличить.

Для того, чтобы слайдер вписывался в любой дизайн, можно задать его ширину и высоту. Между показами следует пауза — ее продолжительность тоже можно менять (по умолчанию она равна 7 секундам). Смена слайдов сопровождается красивыми визуальными эффектами — в настройках плагина можно выбрать один из трех. Если подвести мышку к слайдеру, то справа и слева появятся кнопки на предыдущий и следующий слайд. Так же можно переключаться между слайдами, кликая по маленьким квадратикам, расположенным внизу слайдера (их можно скрыть).

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

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

, в котором следует указать путь к изображению. Чтобы поверх картинки выводить текст, нужно использовать дополнительное поле csText

. Сам же слайдер появится в том месте, в которое вы вставите код:

Несколько ссылок для внутренней перелинковки:
Как красиво вывести картинки во всплывающем окне | WP-lightpop
Как оптимизировать блог для поисковых систем | Light SEO
Как вывести изображения из папки | WP-ImageFlow2

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

8 комментариев

  • Почему-то слайдеры не появляются в теме. Проверяю в header.php функцию wp_head, она там есть. А галлереи как будто нет. Вы с таким не сталкивались?

  • ужас, я не знаю где вводить csImage. В файлах темы или в посте и как правильно это сделать, чтобы выводились картинки в слайдере?

  • Спасибо, конечно.
    Плагин офигенный.
    Только как сделать что бы картинки в нем появлялись по размеру слайдера, а не в полную величину??????

  • Канетель какая-то с плагином. Прописал csImage в нескольких постах, а картинка выводится всего одна. Если убираю csImage в том посте, картинка которого отображается — вообще ничего не выводится. Настройки все дефолтные (поля пустые). Встречалось такое? Если правильно понял, чтобы добавить к слайдеру новую картинку, нужно только добавить произвольное поле csImage к записи. При этом не обязательно нажимать «обновить запись» — так?

      • А очень просто. Выбрал из списка слева имя нужного произвольного поля, заполнил содержимое справа, кнопку «Добавить произвольное поле» нажал, жёлтеньким засветилось — дело сделано. Там на аяксе видимо, даже пост обновлять не нужно.
        Поковырял плагин, нашёл, в чём запара. Плагин читает из базы последние 50 записей, потом перебирает их в цикле, считывая у каждого поста произвольные поля — картинку и текст. По умолчанию читаются 5 последних записей, и этим плагин ограничивается. А мне надо, чтобы в слайдере крутились не последние посты, а несколько старых. Почти что решил задачу так. В файле плагина coinslider.php после строчки
        $image = get_post_meta($post->ID, $imgField , true);
        дописал такую строку:
        if ($image == false) continue;
        Чтобы выполнялась следующая итерация цикла без инкремента счётчика. Теперь цикл пропускает все посты, где произвольные поля не заполнены, пока не наберётся 5 постов с заполненным полем или не переберутся все 50 постов.
        Но это не полное решение, ведь если после нужного поста написано 50 новых постов, то он в слайдер уже не попадёт. Число 50 можно увеличить тоже. Но если у меня 1000 постов, каждый раз уже 1000 постов перебираться в цикле будет, пока не доберётся до последнего.. Как-то не эффективно

/* ]]> */