>>アフィリエイトで毎月20万円の報酬が発生する仕組みを作る方法をメール講座にしました

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




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

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

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

てすとてすと

 

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

WordPressでサイトを作ると何かと見る【htmlタグ】について

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

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

 

この記事にかいてあることはこんなことだよ♪

作成方法

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

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

 

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

 

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

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

 

注意点

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

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

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

 

最後に

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

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

 

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

 

他にもWordpress関連の記事はたくさんアップしていますのでチェックしてくださいね!!

 

シェアしてね♪


ブログ記事を書いても一向に成果が出ない!
心が折れそうな思いをするのはもう終わりにしませんか?


登録は無料!解除はいつでも自由! 興味のある方はご登録くださいね!!


コメントを残す

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

ABOUT US

アフィリエイター兼WEB制作マーケター
パソコンが苦手な初心者さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。 WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。

1日15分から始める無料メール講座

カテゴリー

あなたにおすすめサービス♪