*

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

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

Pocket

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

関連記事

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

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

記事を読む

no image

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

no image

WordPressマルチサイト化

WordPressマルチサイト化とはサブドメインやサブディレクトリを使って、一つのWordPress

記事を読む

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

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

記事を読む

WordPress  画面下まで行くと横から箱がスライドしてくるプラグインを紹介!

記事を下までみていくと、画面外がらスライドボックスが登場するサイトに遭遇したことはありますか?

記事を読む

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

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

記事を読む

no image

WordPressでサイトを運営されている初心者ブロガーの方へ。SEOを意識した記事の投稿手順を紹介

WordPressは本当に便利なツールです。いまさら私が言うまでもないですが、WordPre

記事を読む

Ads by Google

Ads by Google

Ads by Google

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