WordPressテーマSANGOの質問

ボックスのタイトルを見出しタグにしたい

アバター
ぽっぷ

SANGOを使わせていただいております。
ボックスにhタグを付ける方法があれば教えて頂けませんでしょうか?

SANGOのボックス種類一覧
ボックス・枠を挿入する方法と種類一覧
コメントへの回答
サルワカくん
サルワカくん
2018/07/04

すみません、どういう意味でしょうか。
ボックスに見出しを入れる方法ということですか?

アバター
ぽっぷ
2018/07/05

説明が不十分ですみません。。
はい。ボックスに見出しを入れたいと思っています。

サルワカくん
サルワカくん
2018/07/05

いえ、問題ありません。
デフォルトでボックス内には見出しを挿入することができると思いますが、うまくいきませんか?

アバター
ぽっぷ
2018/07/09

[box class="box31" title="<h2>クラス一覧</h2>"]という形にしたいのですが、可能でしょうか?

ボックス内ではなく、ボックスのタイトルにhタグを付けたいと思っております。

サルワカくん
サルワカくん
2018/07/09

あーなるほど。ボックスのタイトルをh2タグにしたいということですかね。
多分それ用のショートコードを新しく作る必要がありそうです。
以下のコードを子テーマのfunctions.phpに追加したうえで、[box2 title="ここにタイトル"]とすれば、タイトルが見出しタグになります。

//タイトルが見出しタグのボックスを挿入
add_shortcode('box2','sng_insert_box2');
function sng_insert_box2($atts , $content = null) {
	if(isset($atts) && $content) {
		$class = (isset($atts['class'])) ? esc_attr($atts['class']) : null;
		$title = (isset($atts['title'])) ? esc_attr($atts['title']) : null;
		$content = do_shortcode( shortcode_unautop( $content ) );
		$output = '';
		if(!$title && $class) {//タイトルが無いとき
			$output = <<<EOF
			<div class="sng-box {$class}">{$content}</div>
EOF;
		} elseif($title && $class) {//タイトルがあるとき
			$output = <<<EOF
			<div class="sng-box {$class}"><h2 class="box-title">{$title}</h2>{$content}</div>
EOF;
		}
		return $output;
	}//end if atts && content
}
//ENDタイトルが見出しタグのボックスを挿入