Выпадающий контент при клике на ссылку

Yandex CY (TIC) & PR Viewer

Не так давно я публиковал статью о том, как сделать выпадающий список - спойлер в сайдбаре или иной части WordPress сайта. На этот раз, речь пойдет о выпадающем контенте любого характера при клике на определенную ссылку. Контент может быть любого рода: текст, изображение, видео или какой-то нужный скрипт. Реализация данного метода довольно проста, его работоспособность вы можете наблюдать в этой статье.

Для начала необходимо установить небольшой скрипт в header.php вашего сайта. Переходим в админ-панель сайта, жмем на вкладку "Внешний вид" - "Редактор", ищем header.php и в самый конец файла прописываем следующий код:

НАЖМИ ДЛЯ ПРОСМОТРА

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

НАЖМИ ДЛЯ ПРОСМОТРА

Если у вас появится необходимость размещения нескольких раскрывающихся ссылок с различным содержимым на одной странице, измените имя параметра identifikator, например на identifikator1, чтобы ваш код выглядел так:

НАЖМИ ДЛЯ ПРОСМОТРА

В том случае, если вам необходимо, чтобы открытие нового спойлера приводило в закрытию предыдущего, в header.php внесите немного измененный код:

НАЖМИ ДЛЯ ПРОСМОТРА

Если после прочтения статьи у вас остались какие-то вопросы или пожелания - оставляйте их в комментариях!

Вы можете оставить комментарий, или ссылку на Ваш сайт.

9 комментариев к записи “Выпадающий контент при клике на ссылку”

  1. Здравствуйте! Все доступно написано спасибо. скажите а как вставить таблицу в раскрывающийся текст? Хотела сделать расписание уроков . наприме: 1 курс — группа 123- и таблица с уроками. какой будет скрипт подскажите

    • Здравствуйте, лучше всего, в вашем случае, на мой взгляд, подойдет плагин TablePress. Чтобы научиться им пользоваться, можете прочесть статью о плагине WP-Table Reloaded — предыдущей версии TablePress, принцип управления у них примерно одинаков.

  2. Шурик:

    А для чего указывать rel=»nofollow», если индексация таких статей, если они уникальны, очень важна для SEO?

  3. wiz:

    Подскажите, как можно дать ссылку на один из блоков — чтобы он при переходе на эту ссылку еще и раскрылся?

  4. wiz:

    хочу помощью таких ссылок сделать FAQ на сайте
    но нужна возможность давать ссылку именно на нужный пункт

  5. Здравствуйте!
    То есть один раз вставляешь в header или footer скрипт с функцией и после этого получаешь возможность сколько угодно раз и абсолютно на любой странице выводить выпадающий контент меняя id=»identifikator»?

  6. Скажите пожалуйста, а при подргузке контента, через ajax (jQuery) данный вариант работать будет? Спасибо!

  7. Константин:

    Добрый день!
    Спасибо за скрипт!
    Есть вопрос, может подскажите, как добавить якорь в скрипт, т.е. при нажатии на ссылку открытый контент появлялся вверху страницы?

  8. Константин:

    p/s Точнее… страница прокручивалась к самому контенту!

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

Яндекс.Метрика