隠し文字でサイトにワクワク感をプラスするプラグイン|Expander

 

この記事を書いている人 - WRITER -

『webとITをもっと身近に。』
大分県日田市で『webとIT』の専門家として活動中!
ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい)
制作では、販売促進に効果的なランディングページの制作も行っております!

宮野大樹

この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

皆様こんにちは!

本日の投稿は、プラグインに関してです。

まずはこちらのページをご覧ください。

モンスト攻略!リセマラ前に見てほしい|解放の呪文 第1章

答えの予想を見る!をクリックすると答えが出てきます

数日前に作成したページなんですが、この中の答えを隠す方法が結構簡単にできたので紹介しますね!

モンスト好きな人、友達申請どうぞw(IDは302427995です)

プラグインの紹介

プラグイン名:Expander

Expander

※ プラグインの有効化は普通ですので、割愛させていただきます(手抜きじゃないよw)

コードの読み込み

まず、ダッシュボードから、

  1. プラグイン
  2. インストール済みのプラグイン
  3. Expander
  4. 詳細表示

の順にクリックします。

Expander

詳細表示をクリックすると下記画面が出ますので、以下のコードをコピーします

[wpex more=”Read more” less=”Read less”]hidden text[/wpex]

Expanderコード

表示したい場所に貼り付けます。

貼り付け時の注意点

コードなんですが、

投稿内や固定ページに貼り付ける場合は、ビジュアル、キスト編集モードどちらでもかまいません!

ビジュアル・テキスト共に、そのままの記述となりますが、プレビューでは、隠れて表示されていますので、確認してください。

貼り付け例

デフォルトだとこんな感じです

[wpex more=”Read more” less=”Read less”]hidden text[/wpex]

これを編集すると

[wpex more=”答えを見る” less=”やっぱやめとく!”]ここに答えを入力[/wpex]

ねっ、簡単ですよねw

人間、隠しているところは見たくなりますので、

特に読ませたいところに利用すると良いかもしれませんね。

まとめ

  1. Expanderプラグインをインストールし有効化
  2. コードをコピペ
  3. コード内を編集

以上、本日は

隠し文字でサイトにワクワク感をプラスするプラグイン|Expander

を紹介しましたw

最後までご覧いただき、ありがとうございました。

この記事が役にたったら、いいねをお願いいたします

 

 

 
この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

Daiju.techで使ってる
ワードプレステーマはこれだ!

Daiju.techでは、エレファント購入者様限定で、無料にて設定作業を行っております。

Zoomと呼ばれるオンラインビデオチャットを使いますので、全国どこでも対応できます!

まずは、お気軽にお問合せ下さい。

Copyright© Daiju.tech , 2016 All Rights Reserved.