*

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

no image

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

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

記事を読む

no image

WordPress colorway テーマのcufonフォントを無効にする方法

WordPressの無料テーマである Colorwayではデフォルトでh1,h2,h3,

記事を読む

no image

2013年アメリカホリデイシーズン ecommerce動向予測

アメリカでは10月から12月にかけてホリデイシーズンと呼ばれる時期に入ります。サンクスギビング、クリ

記事を読む

no image

WordPress サイドバーにページを階層表示するプラグイン

自身のブログで使うことがあったので紹介します。 やりたいことはWordPressのページのリス

記事を読む

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

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

記事を読む

WordPressでプラグインインストール時にFTPのIDとパスワードを聞かれないようにする方法

WordPressでプラグインをインストールしようとすると、こんな画面画でてFTPサーバのIDと

記事を読む

WordPressへの投稿をFacebookページにフィードする方法

WordPressへの新規で投稿した際にFacebookページへも自動で書き込まれる

記事を読む

Ads by Google

Ads by Google

Ads by Google

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