WordPressの使い方とSNSに依存しない個人のWeb戦略について発信しています

  1. ワードプレス プラグイン

WordPressで開閉クリックできるプラグインShortcodes Ultimate

クリックすると開いたり閉じたりするの、ありますよね。

こちらをクリック
隠れているコンテンツが見えます。

スポイラーと言うらしいです。

このスポイラーを使用するために、Shortcodes Ultimateというプラグインを使っていきます。この記事では操作方法と使用例を初心者向けにご紹介します。

難しい設定がないプラグインなので、すぐに使えると思います。

Shortcodes Ultimateのインストール&有効化

まずはインストールしていきます。

ダッシュボード>プラグイン>新規追加>キーワード「Shortcodes Ultimate」を入力>「今すぐインストール」をクリック

Shortcodes Ultimate

 

「有効化」をクリック

Shortcodes Ultimate

自動的にプラグイン一覧のページに切り替わると思います。

もうこれで使えます。早いですね!

Shortcodes Ultimateを実際に使用する

せっかくなので試しに使ってみましょう。

投稿から「新規追加」クリックして、新規のページを開いてください。(試し入力用です)

新しいボタンが追加されていると思います。

「[]ショートコードを挿入」をクリック

Shortcodes Ultimate

「スポイラー」をクリック

Shortcodes Ultimate

「タイトル」を入力(クリックするところに表示されるテキスト)

Shortcodes Ultimate

Shortcodes Ultimate

「スタイル」と「アイコン」をプルダウンから選ぶ

Shortcodes Ultimate
※初期設定のまま進めます

Shortcodes Ultimate

 

「内容」にはクリック後に表示させたいテキストを入力>「ショートコードを挿入」をクリック

コードを挿入後も入力可能なので、このままショートコードを挿入してもOKです。

Shortcodes Ultimate

自動的に編集画面に切り替わり、下の図のようなコードが挿入されていると思います。

Shortcodes Ultimate

「非表示のコンテンツ」はクリック後に表示させたいテキストを自由に入力できます。

ちなみに、「非表示のコンテンツ」のままだとこうなります↓↓

こちらをクリック
非表示のコンテンツ

Shortcodes Ultimateの使用例

勉強会を開催している別サイトで、どうしてもページの上下の長さが長くなってしまうのでどうにかコンパクトにしたい、プラグインでできるのかな?と思ったら一瞬で見つかりました。

いろいろな使い方ができると思いますが、いくつか例を挙げてみたいと思います。

1.目次をコンパクトに表示したい

目次はこちら
  • 目次 1
  • 目次 2
  • 目次 3
  • 目次 4
  • 目次 5

スポイラー
スタイル:デフォルト
アイコン:プラス

2.Q&Aをスッキリ表示したい

このプラグインは使いやすいですか?
はい、使いやすいです。

スポイラー
スタイル:デフォルト
アイコン:カーソル

3.複数のQ&Aを並べて表示したい

複数のQ&Aを並べるなら、Shortcodes Ultimate(このプラグイン)の「アコーディオン」を活用する方法もあります。

おすすめのワードプレスの無料テーマはどれですか?
こちらのページにまとめています。
ワードプレスを使ってクレジット決済システムを導入できますか?
できます。stripeが使いやすいと思います。
画像に枠線を付けたいのですが、簡単にできる方法はありますか?
あります。プラグイン不要で追加CSSの入力で対応できます。

アコーディオン
(その他特別な選択・設定はなし)

4.説明をコンパクトに表示したい

詳しくはこちらをお読みください。
このプラグインは多機能です。

「スポイラー」や「アコーディオン」だけでなく、「見出し」や「ボックス」などブログ記事で活用できそうな機能がたくさんあるので、別の記事で紹介していきたいと思っています。

スポイラー
スタイル:デフォルト
アイコン:矢印

5.枠付きで内容をスッキリ表示したい

Webサイトの立ち上げに必要なものは何ですか?

次の3つが必要です。

  • ドメイン
  • レンタルサーバー
  • ワードプレステーマ

スポイラー
スタイル:ファンシー
アイコン:シェブロン

例は以上です。

スタイルは3つあり、アイコンは13個あるのでサイトに合わせて使い分けられそうです。

 

このサイトでは、こちらの記事で実際にスポイラーを使用しています。

ワードプレス プラグインの最近記事

  1. WordPressで開閉クリックできるプラグインShortcodes Ultimate

  2. Web起業でクレジット決済導入を迷っている人へ

  3. stripe(ストライプ)決済の返金方法と注意点

  4. WordPressで予約管理できる無料プラグインAmelia

  5. stripeでクレジット決済のテストをする方法

スポンサーリンク


スポンサーリンク


メール講座

つぶやき

10/19 パソコンやスマホの向こう側にいる人に、こうやって思ってもらえたらいいなと思いながら企画しているのですが、本当にその言葉がもらえた時のうれしさったら。

10/19 おもしろいって何だろう。
おもしろい!と感じるのは…
意外なことが結びついた時?
今までとは違う景色が見られそうな時?
え、そんなことってある~!?ということが起きる時?
言葉になる前に、気持ちが動くこともおもしろいのひとつかな。

10/19 「おもしろい」の正体は何だろう??

10/18 今日のピックアップ記事↓↓認知の幻想

10/18 「同じ感覚」を持っていないとニーズをくみ取れないけど、「同じ視点」ではダメなんだなぁ。

10/18 モチベーション維持をがんばるのはズレているような…??がんばらないと維持できないとしたら、それは合っていない可能性ありです。

10/17 新メール講座を公開しました。≫ひとり起業メール講座

10/16 12月に挑戦という遊びするためには?・・・今何をしたらいいか見えてきますね。

10/16 12月にアイデアを試したり、普段できないチャレンジをするために、今から「何しようか?」と考えておくのもいいですね。

10/16 今日のピックアップ記事↓↓

10/14 すごい人の話は貴重だけど、そこにたどり着くまでものすごいことを経験しているので、比較的自分に近い人の失敗談を聞いた方が役に立つという。

10/14 自宅にいる時間が長い人は改めてチェックしたいこと↓↓

10/14 何者にもなれないとわかった時がスタート

10/13 疲れたーという日もあるけれど、1日の中で何か良いこともあるので「今日も良い日だった」と思うだけでなく、“口に出して”1日を終えると幸福感増すのでおすすめです。

10/12 ブログを書く人はおさえておきたい話です↓↓

10/10 このタイミングで改めて考えたいオンライン化について。今日のピックアップ記事↓↓

10/07 ひとりでできることは限られているので、パートナーを見つけたり、チームを作った方がいいけど、まずはやっぱりひとりで一通りできる自分になること。未熟過ぎる状態でチームを作っても0.8人前は0.8人前。

10/06 今日のピックアップ記事↓↓

10/4 新コンテンツ投稿↓↓

9/30 今日のピックアップ記事↓↓

9/30 今年もあと3か月!ですが、2か月のつもりで濃密に。

9/29 人の話をしっかり聞くのもとても大事ですが、実行力があることが前提ですね。どうなる?日本

9/28 仮説のための情報は少ないと不利?
答えはNOです。
情報が十分になることはないし、100%情報を集めても100%正解の答えは出ないので。

9/27 今日のピックアップ記事↓↓

9/25 独自性も収益につながってこそですよね。

9/25 考えても仕方ないことを考えてしまう時
気になることを考えるのをやめることはできないから、新たな予定を入れたり、新しいことを始めたりして、自分の意識をそらすのがおすすめ。

9/25 おぉー。
≫docomo 解約金や解約金留保の廃止及び定期契約の新規受付終了

9/23 ガラッと変わる魔法はないけど、ガラッと変える行動は必要ですよね。

9/23 選択と集中の話は、そもそも選択できるほどの選択肢を用意する必要あり。「集中」を都合よく解釈して、やらない理由付けをしていたら意味なしかな。

NEW!コンテンツ

スポンサーリンク




Twitter

PAGE TOP