Слайдер в шапке на главной странице wordpress. Этот слайдер на wordpress интересен всем

На iOS - iPhone, iPod touch 16.06.2019

Привет читателям блога SEOBID! Наверняка каждый из вас видел в интернете сайты со слайдерами и хотел себе такой же. Ну, не такой, немного другой, но чтобы работал и не грузил сайт. Но, как известно, плагин, если он работает как слайдер wordpress , нагружает блог или сайт запросами, поэтому не все веб-мастера хотят устанавливать слайдер именно в исполнении плагина.

Популярны становятся слайдеры-карусели, реализованные при помощи php-кода, так называемые скрипты. Однако разобраться с многострочным кодом тоже не всем под силу, и слайдеры-скрипты тоже остаются в большинстве своем невостребованными.

Промежуточное звено — слайдер для wordpress комбинированного типа. То есть, есть плагин, который работает встраиванием кода в шаблон сайта. Таким образом, нагрузка на сайт и БД становится меньше, скрипт плагина вызывается быстрее, а результат – тот же. Сам плагин должен при этом загружаться не в директорию с плагинами /plugins, а в директорию того шаблона, который сейчас работает на сайте. Такое размещение также уменьшает количество запросов к базе данных.

Так что это за конструкция такая — комбинированный слайдер для вордпресс ? Например, распространенный плагин bxslider, который вы не найдете в репозитарии WordPress, но который можно и нужно скачать с официального сайта плагина — http://bxslider.com/. Естественно, плагин содержит все необходимое для организации и работы слайдера на любой странице (страницах) вашего блога, но его нужно закачать на сайт, подключить и настроить. Вот этим мы сегодня и займемся.

Весит слайдер вордпресс bxslider всего 157 кБ, и это уже большой плюс. Работает он на Jquery, а это означает, что нам необходимо будет подключить внешнюю библиотеку Jquery. Таким образом, запросы именно к вашему серверу сокращаются на глазах. Недостаток у этого плагина один – благодаря своей универсальности для каждого шаблона темы WordPress нужно будет подправлять кое-какие настройки в файле css и в основных настройках кода, который мы сейчас научимся вставлять в файлы шаблона сайта.

Всего вам придется вставить три фрагмента кода php. Первый и второй фрагменты – в файл header.php, в любое место между тэгами и . Первым фрагментом кода мы подключаем внешнюю библиотеку Jquery – без нее картинки будут стоять на месте, хотя отображаться все будет правильно.

Вот первый фрагмент:

При помощи условных тегов слайдер можно отображать только на одной, нужной вам странице. Как это сделать, я расскажу ниже. Единственный недостаток плагина — он не настраивается для вывода нескольких слайдеров с разными изображениями. Впрочем, я мало встречал таких необходимостей. Хотя, думаю, вам будет достаточно и одного слайдера. Вот так выглядит слайдер на странице моего тестового блога, так сказать, «полигона» для обкатки разных разностей:

Теперь об условных тегах. Их в WordPress много, я приведу только те, которые вам могут пригодиться для вывода слайдера.

Для того, чтобы слайдер отобразился там, где вы хотите, в строке кода поменяйте строку if(is_front_page()) на нужную вам:

  • Главная страница: — is_home (). Если вы выберете постоянную страницу в качестве главной страницы сайта, то этот условный тег будет считать главной страницу с записями.
  • Главная страница (новый тег): is_front_page (). Когда выводится главная страница, независимо от того, что на ней отображается — записи или статическая страница. Работает, когда отображается главная страница, и не имеет значения, что указано в настройках: «Настройки» — «Чтение» — «На главной странице отображать» — « Ваши последние записи» или «Статическую страницу».
  • Одиночная запись на отдельной странице: is_single ().
  • Отображается одиночная запись: is_single (’17’), id=13.
  • is_single (‘ New article’). ‘с заголовком «New article».
  • is_single (‘ short link’). Отображается одиночная запись с короткой ссылкой short link.
  • is_single (array (13,’ short link’,’ New article ‘)). Отображается одиночная запись, при этом должно работать хотя бы одно условие из трёх, указанных для записи: 1 — ID 13 или 2 — короткая ссылка «short link» или 3 — заголовок «New article».
  • Любая страница, на которой отображаются записи: comments_open (). Комментарии разрешены для текущей записи.
  • pings_open (): пинги разрешены для текущей записи.
  • Страница «Статической страницы»: is_page (). Отображается Статическая страница.
  • is_page (’42’). Отображается Статическая страница с id=43.
  • is_page (‘ About me about Jack’). Отображается Статическая страница с заголовком «About me about Jack».
  • is_page (‘about-me’). Отображается Статическая страница с короткой ссылкой «about-me».
  • is_page (array (43,’about-me’,’ About me about Jack’)). Отображается Статическая страница, при этом должно работать хотя бы одно условие из трёх, указанных для Статической страницы: 1 — ID 43 или 2 — короткая ссылка «about-me» или 3 — заголовок «About me about Jack».

    • Вот и всё, теперь вы можете вставлять свой слайдер практически на любую страницу сайта.



    Рекомендуем почитать