*

WordPress ショートコードの中にショートコードを書く方法

公開日: : 最終更新日:2016/08/20 WordPress全般


WordPressではショートコード(shortcode)といって”[]”を使ってロジックを呼び出すことができます。多くの表示系のプラグインはPHPで記述する方法ショートコードで記事内に埋め込む方法の2通りを提供しています。

そしてショートコードには下記のとおり2つの種類が存在します。

1. 自己完結型
[shortcodeA]

2. 囲い込み型
[shortcodeA]
Contents
[/shortcodeA]

今回お教えするのは2番目の囲い込み型のショートコードを使用する際、入れ子でショートコードを使う方法です。

通常、何もせずにショートコードの中にショートコードを書くとテキストがそのまま表示されてしまいます。

例えばshortcodeAは文字を大きくする機能を持ち、shortcodeBは文字をboldにする機能を持つとします。

下記のように書くと、
aaa
[shortcode_A]
[shortcodeB]
[/shortcodeB]
[/shortcode_A]
bbb

表記結果はこうなります。
aaa[shortcodeB][/shortcodeB]bbb

入れ子の中のショートコードが無視されてしまうということですね。

解決方法

私の場合はshortcodeAがスクロールバーを表示するプラグイン、vr-jscrollpane-shortcodeを使い、shortcodeBにPOST記事のタイトルを表示するプラグイン、display-posts-shortcodeを使う必要がありました。

入れ子で使う場合はvr-jscrollpane-shortcodeプラグインのソースに、「入れ子でつかいますよ!」という一行を付け加えてあげればOKです。

1. 下記のファイルをエディターで開いてください
/wp-content/plugins/vr-jscrollpane-shortcode/vr-jscrollpane-shortcode.php

2. ショートコードを生成している下記のファンクションに赤字の一文を追加してください。
function vr_jscrollpane_shortcode( $atts,$content = null ) {
$content = do_shortcode( shortcode_unautop( $content ) );

これでOKです。上で挙げた赤文字の一行は特定のプラグインに依存するものではないので、ご自身のソースにそのままコピペしていただければ使えます。

Ads by Google

Ads by Google

関連記事

WordPress RSSフィードでエラーが出たときの解決方法

wordpressではデフォルトでRSS用のXMLを吐き出す機能がついています。 普通は ht

記事を読む

WordPress セキュリティ対策 ポイント16選

多くのブログやホームページのプラットフォームに利用されているWordPressですが、人気ゆ

記事を読む

no image

WordPressの投稿を自動的にFacebookのウォールに書き込む方法

Facebook、Twitterといったソーシャルネットワークサービス(SNS)が浸透している現在、

記事を読む

WordPres3.9.1にアップデートしたらRSSでエラーがでた時の解決方法

WordPressの最新版(2014年6/25時点)3.9.1にアップグレードしたところRSSフ

記事を読む

WordPress RSSフィードでエラーが発生した場合の解決方法

WordPressでできたサイトで突然RSSフィードが届かなくなりました。Webサイ

記事を読む

WordPressサイトを移行したらトップページ以外が404 Page not foundになってしまった場合の対処法

どんなシステムであれ、ホスティングサイトを変更するといろんな不具合がでます。

記事を読む

エックスサーバーのWordPress専用サービス”WPS レンタルサーバー”を使ってみた

私ごとですが、このサイトを含む全てのサイトをAmazon EC2からWPS レンタルサーバー

記事を読む

めんどくさがり屋のあなたへ。AmazonEC2を使って9分でできるWordPressセットアップ

はてなやFC2などの無料ブログから、独自の環境へブログの移行を考えている方はたくさんいらっしゃる

記事を読む

WordPress cherry frameworkでカルーセルを使ったときにモバイルでスクロールしない問題を解決

カルーセル(Carousel)という言葉が一般的かわかりませんが、一定の画面内で画像をス

記事を読む

WordPressをカスタマイズしたい! そんな人が見るべき世界で人気のWPチュートリアルサイト ベスト10!

いまや世界中の個人、法人Webサイトで採用されているWordPressですが、その人気の1つにカス

記事を読む

Ads by Google

Ads by Google

Ads by Google

Ads by Google
新着記事をRSSで受けとる
PAGE TOP ↑