Как пользоваться Shortcodes Ultimate. Спойлер и аккордеон

Плагин Shortcodes UltimateПривет!

Плагин Shortcodes Ultimate для WordPress предназначен для быстрого и простого создания в ваших записях и статьях разного рода удобств, украшательств и полезностей.

Цель и задача этой моей статьи — создать удобный мануал. В первую очередь для себя.

Потому что плагин имеет десятки возможностей и упомнить все нереально человеку со средними умственными способностями. :-)

В интернете искал аналогичные инструкции. Есть годные, но сделаны жуть как неудобно. Например, почти часовое видео. Попробуй найди там, что тебе нужно именно сейчас.

Поэтому тут оглавление с переходами на короткие разделы описаний функций.

Так что если хотите узнать, как пользоваться Shortodes Ultimate, смотрите -

Спойлер

Пример:

Вид и названия иконок для спойлеров
Вид и названия иконок для спойлеров Shortcodes Ultimate

Аккордеон

Пример

Анджелина Джоли ню
Мем когда обманули

Реальное фото Анджелины Джоли ню
Мем Достали - Ну сколько можно - Роберт Дауни младший

Возможные проблемы со спойлерами и аккордеонами

Если вид спойлера или первой панели аккордеона стал таким

Проблемы со спойлерами и аккордеоном

Хотя должен быть такой

Конфликт плагинов

Значит совпало два обстоятельства:

  1. Выше спойлера или аккордеона в тексте статьи/записи у вас вставлена гиперссылка. Например,
    Конфликт плагинов2. У вас установлен плагин Responsive Lightbox & Gallery от автора: dFactory или ему подобный плагин лайтбокса.

Как это срабатывает: Если выше спойлера/аккордеона имеется гиперссылка, то во время штатной работы плагина лайтбокса (поиск изображений в содержимом записи и дополнение их разметки для автоматической активации лайтбокса) происходит захват лишних строк и вырезается заголовок спойлера из содержимого записи.

Варианты решения

      1. Удалите из текста статьи выше спойлера/аккордеона все гиперссылки.  Если не хотите, то 
      2. Отключите фильтр авто-лайтбоксов на страницах/постах в содержимом которых есть спойлеры. Это значит, что лайтбоксы не будут активированы автоматически там, где есть хотя бы один спойлер. Для этого, добавьте следующий PHP код в файл functions.php
        function vanokhin_disable_rlightbox_where_su_spoilers( $posts ) {
        	if (
        		empty( $posts )
        		|| ! function_exists( 'Responsive_Lightbox' )
        		|| ! function_exists( 'su_get_shortcode_prefix' )
        	) {
        		return $posts;
        	}
        	foreach ( $posts as $post ) {
        		if ( ! has_shortcode( $post->post_content, su_get_shortcode_prefix() . 'spoiler' ) ) {
        			continue;
        		}
        		remove_filter( 'the_content', array( Responsive_Lightbox()->frontend, 'add_lightbox' ) );
        		break;
        	}
        	return $posts;
        }
        add_action( 'the_posts', 'vanokhin_disable_rlightbox_where_su_spoilers' );
        
        Но при этом, для того, чтобы изображения на странице всплывали-таки лайтбоксами, вам придется руками вставить в ссылку каждого изображения код data-rel = ''lightbox'' в конце открытия href. Он должен выглядеть примерно так: <a href="ссылка на изображение" data-rel="lightbox"> <img class = «какой-то текст тут» src = «ссылка на изображение» /></a>
      Вот конкретный пример: <a href="https://sidorevich.ru/wp-content/uploads/2018/11/Set-Hard-Limiter-1.jpg" data-rel="lightbox"><img class="aligncenter wp-image-2229" title="Подключение плагина Hard Limiter" src="https://sidorevich.ru/wp-content/uploads/2018/11/Set-Hard-Limiter-1.jpg" alt="Подключение плагина Hard Limiter" width="600" height="487" /></a>

P.S. Хотите получать уведомления о новых статьях этого блога? Нажмите на эту кнопку -

Хочу сразу узнавать о новых публикациях!

Предыдущая запись Настройка плагина Subscribe to comments reloaded
Следующая запись Правильная настройка темы Semantika от GoodvinPress

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы отправить комментарий, разрешите сбор ваших персональных данных .
Пользовательское соглашение