【WordPressプラグイン】記事文章の一部を非表示にする(ネタバレを隠す)方法【Expander】

WordPress

記事を書いているときに、文章の一部を非表示にしたいと思うことがあると思います。

たとえば、映画やアニメの感想を書いているときにネタバレの部分を隠したり、長い文章を非表示にして記事をすっきり見せたいときなどです。

私自身も先日、映画のレビュー記事を書いていてどうしてもネタバレ要素が含まれてしまいました。どうにかネタバレ部分を非表示にしたいと思って調べてみたら、ステキなプラグインを見つけましたのでご紹介したいと思います。

このプラグインを使うと、隠したい文章を簡単に非表示にできて、読みたい人だけクリックすることで表示させることができるようになります。

↓こんな感じ

Expander_01

 

これでおもいっきりネタバレ記事が書ける!

 

WordPressプラグイン『Expander』をインストール

今回インストールするプラグインは『Expander』です。

次の手順でインストールしましょう。

  1. WordPressの管理画面のメニュー「プラグイン」→「新規追加」をクリック
  2. 「Expander」で検索
  3. 「今すぐインストール」をクリック
  4. 「有効化」をクリック

Expander_02

Expander_03

 

これだけです。

設定等を行う必要はありません。

 

記事の文章の一部を非表示にしてみよう!

『Expander』をインストールしたら、次は実際に文章の一部を非表示にしてみましょう。

まず、「表示/非表示」を切り替えるために必要なショートコードを次の手順で入手します。

  1. WordPressの管理画面のメニュー「プラグイン」→「インストール済みプラグイン」をクリック
  2. 「Expander」の欄をさがして「詳細を表示」をクリック
  3. ショートコードをコピー

Expander_04

Expander_05

 

コピーしたショートコードを記事内に貼り付けます。

「投稿の編集」でテキストエディタに貼り付けるとこんな感じになります↓

Expander_06

 

ショートコードの「Read more」は非表示の文章を表示する際にクリックしてもらう文字で、「Read less」は文章を非表示に戻す際にクリックしてもらう文字なので、「続きを読む」や「閉じる」など任意に変更すると良いでしょう。

また、「hidden text」のところに非表示にしたい文章を入力します。

なお、ショートコードの外に入力した文章は、通常通り常に表示される文章になります。

 

こんな感じです↓

Expander_07

 

すると、冒頭の画像のようにクリックで「表示/非表示」が切り替えられる文章を書くことが出来ます↓

 

わたしの戦闘力は・・・

▼続きを読む

 

まとめ

今回は、投稿記事の文章の一部を非表示にする方法をご紹介しました。

これ、実は文章だけではなく、画像なんかも「表示/非表示」の切替えができるようになるんです。

方法は簡単で、↑で「530000です」と入力した部分に画像のコードを貼り付けるだけです。

 

今回ご紹介した方法で書いた記事がありますので、参考にしてみてください。

『モアナと伝説の海』公開初日に映画館へ_レビュー加筆【ネタバレ注意】
2017年3月10日(金)、Disney Movie 最新作『モアナと伝説の海』が劇場公開となります♪ ディズニーが大好きな僕は、すでに初日のレイトショーの席を予約済みです。笑 『モアナと伝説の海』 「アナと雪の女王」「ズート...

 

それではまた!

コメント