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』というプラグインを入れているので、下記のような文章がショートコードを挿入するだけで簡単に入力できます。

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

 

最後に

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

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

 

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

 

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

 


お子さんとの時間を優先させながら
自分の力で稼げるママになって欲しい

メルマガでは、これからブログを始めたいと思っているパソコン苦手な女性のために、ブログの作り方をお届けしています。

ブログ作りの基本的なことから大事なポイントなど、分かりやすく丁寧に必要な知識を毎日配信中!

メルマガの登録は無料!配信解除はいつでもOK! 登録はこちら↓


コメントを残す

メールアドレスが公開されることはありません。

ABOUT US
ゆかアフィリエイター兼WEB制作マーケター
ご訪問ありがとうございます!
当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。

パソコンが苦手な初心者さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。

毎月1から2件のサイト代行をし、WordPressのコミュニティを運営したりアフィリエイトサイトを運営したりしております。

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

詳しいプロフィールはこちら>>