Была ли статья про спойлеры?

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Была ли статья про спойлеры?

Создай свой первый сайт на WordPress

Vladimir
Оцените автора
Добавить комментарий

  1. tiaurus

    А слона то мы и не заметили :)
    https://n-wp.ru/tag/spoiler

    Ответить
  2. tiaurus

    Поток указывайте при публикации статьи.

    Ответить
  3. Владимир
    Ответить
  4. Nyaha2.0
    Ответить
    1. emmell

      как устанавливать спойлеры не через

      Показать скрытое содержание
      текст
      [.php], а через <pre><a class="spoiler-tgl"......

      Исходя из исходника кнопочки +код (чутка правее и ниже)

      <a class="spoiler-tgl" href="http://q2a.n-wp.ru/5130#SID5130_11_tgl" id="SID5130_11_tgl" rev="slide||+ код||- код||300">- код</a>
      <div id="SID5130_11" class="spoiler-body italic_4" style="font-size: 12px; color: rgb(32, 32, 32); line-height: 20px; display: block; ">куча скрытого текста</div>
      

      как это чудо прикручивать максимально динамически, используя всякие пермалинки theID и тп?

      <a class="spoiler-tgl" href="<?php the_permalink() ?>#SID<?php the_ID(); ?>_1_tgl" id="SID<?php the_ID(); ?>_1_tgl" rev="slide||показать ||спрятать ||300">спрятать </a>
      <div id="SID<?php the_ID(); ?>_1" class="spoiler-body">куча скрытого текста</div>

      не работает.

      Ответить
      1. tiaurus

        https://n-wp.ru/kak-sdelat-udobnyiy-spoyler-advanced-spoiler/ — ответ дан в этом комментарии.

        Ответить
        1. emmell

          Да, еще раз спасибо. На всякий случай результат отпишу сюда:

          <p><a class='spoiler-tgl' href='#SID_8_tgl' id='SID_8_tgl' rev='slide||свернуть||развернуть||300'>спойлер</a></p>
          <div id='SID_8' class='spoiler-body'>содержимое спойлера</div>

          А есть ли варианты избавиться от ?

          Ответить
        2. emmell

          А есть ли варианты избавиться от

          <p>

          ?

          Ответить
          1. tiaurus

            Насколько я понял, так задумано в плагине. А чем p не устраивает? Можно задать индивидуальный стиль

            <p class="spoiler"> ....
            в style.css прописать
            .spoiler {display:block; ....}
            Ответить