[PR] WordPress苦手主婦のためのWordPress専門コミュニティ「MasterPress®︎」詳細はこちら

プラグインを使わずに折り畳み文章を入力する方法

こんにちは。ゆかです(^^)わたしは、普段ワードプレスの困ったことを教えるお仕事をしています。

今回、ご質問で、折り畳み文章を投稿のときに使いたいということでしたので、その方法をお伝えします。

ちなみに折り畳み文章というのは、こういった感じです。折り畳み文章という文字をクリックすると折りたたまれて隠れたテキスト表示されます。

てすとてすと

 

この折り畳み文章ですが、投稿するときにHTMLを使えば簡単に出来ます。

ですが、この方法はテーマによっては使えないということもあるようです。

※『STINGER PLUS2』の時は使えたコードですが、『STORK19』では使えなくなってしまいました。

 

目次は読みたいところをタップして飛べるよ♪

作成方法

では、早速折り畳み文章を作成してみましょう。

下記のHTMLをそのままコピーしてください。

 

<!– 折りたたみ展開ボタン –>
<div><a style=”cursor: pointer;”>▼ クリックしてみてください</a></div>
<!–// 折りたたみ展開ボタン –><!– ここから先を折りたたむ –>
<div id=”menu1″ style=”display: none; clear: both;”>てすと てすと てすと</div>
<!–// ここまでを折りたたむ –>

 

コピーしたら、ワードプレスの投稿画面から【テキストモード】にしてペーストしてください。

そして、【▼ クリックしてみてください】 という部分に表のテキスト、折りたたまれて隠れるテキストは【てすとてすとてすと】という部分に記入してください。

 

注意点

このHTMLで折り畳み文章が上手くできない時は、プラグインでされることをオススメします。

わたしは『Shortcodes Ultimate』というプラグインを入れているので、下記のような文章がショートコードを挿入するだけで簡単に入力できます。

クリックすると開きます
非表示のコンテンツ
クリックすると開きます
非表示のコンテンツ

 

最後に

ここでお伝えした方法は、すべての方に対応しているわけではありません。

テーマによって方法がありますので、あなたに合った方法を見つけてください。

 

そして、あなたのワードプレスがより見やすくなることを願っています(*^^*)

 

この記事も最近よく読まれます。

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ABOUT US
ゆかアフィリエイター兼WordPress専門家
ご訪問ありがとうございます! ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。
ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。
●WordPressコミュニティ『MasterPress』運営
SEO検定2級
●チャンネル登録13,600人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル

ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。
詳しいプロフィールはこちら>>