Как расширить спойлер (шорткод wp)?

Question

[Александр Осадчий]

Здравствуйте!

Помогите пожалуйста расширить функционал спойлера:

function simple_spoiler_shortcode($atts, $content) {
	if ( ! isset($atts['title']) ) {
		$sp_name = __( 'Спойлер', 'simple-spoiler' );
	} else {
		$sp_name = $atts['title'];
	}
	return '<div class="spoiler">
				<div class="head">'.$sp_name.'</div>
				<div class="cont">'.$content.'</div>
			</div>';
}

Нужно добавить еще одну опцию - icon (будет иконка у заголовка спойлера)

Но, что усложняет - нужно небольшое условие: Если спойлер публикуют так:
[spoiler title="Название"][/spoiler]

Тогда выводить html такой:

<div class="spoiler">
				<div class="head">'.$sp_name.'</div>
				<div class="cont">'.$content.'</div>
			</div>

А вот, если спойлер с иконкой:

[spoiler title="Название" icon="image url"][/spoiler]

Тогда html должен быть с иконкой:

<div class="spoiler">
				<div class="head icon"><div class="icon">'.$sp_icon.'</div>'.$sp_name.'</div>
				<div class="cont">'.$content.'</div>
			</div>

Можно ли так?

Comments

[Владимир Брумер]

ну Вы $atts['title'] проверили, в чем сложность проверить $atts['icon']?
что-то вроди:

$sp_icon='';
if(!empty($atts['icon'])){
	$sp_icon='<div class="icon"><img src="'.$atts['icon'].'" alt="альтернативный текст" /></div>';
}
return '<div class="spoiler">
			<div class="head'.!empty($atts['icon'])?' icon':''.'">'.$sp_icon.$sp_name.'</div>
			<div class="cont">'.$content.'</div>
		</div>';

[Александр Осадчий]

Владимир Брумер, Вот, что вывело:


И заголовок спойлера пропал, и контент(
А ообще, если убрать это (где-то тут ошибка) - то все работает..класс только не добавляется
'.!empty($atts['icon']) ? 'icon' : ''.'

[Владимир Брумер]

Александр Осадчий, там может с кавычками беда ну или отдельную переменную создать

[Владимир Брумер]

Александр Осадчий,

if(!empty($atts['icon'])){
  $sp_icon='<div class="icon"><img src="'.$atts['icon'].'" alt="альтернативный текст" /></div>';
  $sp_class=...
}

[Александр Осадчий]

Владимир Брумер, Гениально!

Спасибо вам огромное!!

Answer 1

[Александр Осадчий]

Помогли в комментариях - вдруг кому пригодится - рабочий варинт:

function simple_spoiler_shortcode($atts, $content) {
	if ( ! isset($atts['title']) ) {
		$sp_name = __( 'Спойлер', 'simple-spoiler' );
	} else {
		$sp_name = $atts['title'];
	}

	$sp_icon='';
	if(!empty($atts['icon'])){
	  $sp_icon = '<div class="icon"><img src="'.$atts['icon'].'" alt="" /></div>';
	  $sp_class = 'icon';
	}
	return '<div class="spoiler">
	      <div class="head '.$sp_class.'">'.$sp_icon.$sp_name.'</div>
	      <div class="cont">'.$content.'</div>
	    </div>';
}
add_shortcode( 'spoiler', 'simple_spoiler_shortcode' );

Comments

[Вова Дружаев]

add_filter( 'comment_text', 'do_shortcode' ); - это лишнее. Вы оставили новичкам потенциальную проблему в ответе.