WordPress ショートコードの中にショートコードを書く方法
公開日:
:
最終更新日:2016/08/20
WordPress全般 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です。上で挙げた赤文字の一行は特定のプラグインに依存するものではないので、ご自身のソースにそのままコピペしていただければ使えます。
More from my site
Ads by Google
関連記事
-
-
WordPress Contact form 7 送信前に処理を実行する方法
WordPressの超有名プラグインContact form 7を利用されている方は多いと思
-
-
WordPressサイトを移行したらトップページ以外が404 Page not foundになってしまった場合の対処法
どんなシステムであれ、ホスティングサイトを変更するといろんな不具合がでます。
-
-
WordPress セキュリティ対策 ポイント16選
多くのブログやホームページのプラットフォームに利用されているWordPressですが、人気ゆ
-
-
WordPress 画面下まで行くと横から箱がスライドしてくるプラグインを紹介!
記事を下までみていくと、画面外がらスライドボックスが登場するサイトに遭遇したことはありますか?
-
-
WordPress サイドバーにページを階層表示するプラグイン
自身のブログで使うことがあったので紹介します。 やりたいことはWordPressのページのリス
-
-
WordPress + Welcart 全部無料。10分でお手軽Eコマースサイトを構築する方法
WordPressとWelcartというプラグインで、早く、安く、簡単にEコマースサイトを構
-
-
WordPressへの投稿をFacebookページにフィードする方法
WordPressへの新規で投稿した際にFacebookページへも自動で書き込まれる
-
-
エックスサーバーのWordPress専用サービス”WPS レンタルサーバー”を使ってみた
私ごとですが、このサイトを含む全てのサイトをAmazon EC2からWPS レンタルサーバー
-
-
WordPressの投稿を自動的にFacebookのウォールに書き込む方法
Facebook、Twitterといったソーシャルネットワークサービス(SNS)が浸透している現在、
-
-
WordPress RSSフィードでエラーが出たときの解決方法
wordpressではデフォルトでRSS用のXMLを吐き出す機能がついています。 普通は ht