Booking関連TablePress関連WordPressのSEO対策WordPressのPHPMenuSidebarPrevNextSearchホーム>WordPressプラグイン「続きを読む」で文章やクイズの答えを開けるExpanderプラグイン投稿や固定ページの本文に入力した文章の一部を隠しておきたいこともあります。本文が長い場合や、クイズ、ドラマや映画のあらすじを掲載する場合などです。そのようなコンテンツでは、途中の文章まで見せておき「続きを読む」をクリックして先を読んでもらう方法があります。「続きを読む」をクリックして内容を見るExpanderプラグインを使うと、この仕組みを組み込むことができます。以下、Expanderプラグインの使い方を説明します。Moreプラグインをお試しください。More」メニューでショートコードを作成する仕組みです。「続きを読む」にアイコンを付けるにはスポンサーリンクExpanderプラグインのインストール「プラグイン」‐「新規追加」メニューからExpanderプラグインをインストール、有効化します。Expanderプラグインのインストールその他、特別な設定は不要です。投稿本文に「続きを読む」を組み込む投稿本文(テキストエディタ)に入力する文章のうち、隠したい部分をwpexショートコードで囲みます。ショートコードのテンプレートは「プラグイン」‐「インストール済みプラグイン」メニューの「Expander」で「詳細を表示」をクリックして確認できます。Expanderプラグインのサンプルショートコード「続きを読む」や「閉じる」をクリックして隠れている部分の表示/非表示を切り替えるショートコードの例は次のようになります。less="閉じる"]隠しておく部分[/wpex]これを投稿や固定ページの本文に使えば、一部の文章を隠しておいて「続きを読む」をクリックして表示させる仕組みができます。テキストエディタに文章を入力した例は次のようになります。最初から表示する部分(1)と隠しておく部分(2)最初から表示する部分(1)は通常通りに入力します。隠しておきたい部分(2)だけショートコードで囲みます。「more」にはクリックして開くときの文字、「less」には閉じるときの文字を入力できます。クイズの答えを隠す場合は「答えを見る」「答えを隠す」などに変更すれば良いでしょう。表示結果は次のようになります。「続きを読む」をクリックして内容を見る「続きを読む」にアイコンを付けるには「続きを読む」も「閉じる」も同じ「wpex-link」というクラス名なのでCSSで別々のアイコンを付けるのは難しいです。やっつけですが、ショートコードで「続きを読む」や「閉じる」の前に記号を付ける方法があります。表示結果は次のようになります。「続きを読む」にマークを付けたイメージリンクの下線を削除するCSSの例は次のようになります。none;}表示結果は次のようになります。開くときも閉じるときも同じアイコンで良ければ次のようなCSSで付加できます。Awesomeを使っています。使ったことがない方は以下のページも参考にしてください。表示結果は次のようになります。Pro」の紹介WordPressでお困りのときはご相談を細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が対応します。最短で本日中に問題解決できます見積もり無料・料金は終了後の後払いです銀座教室・スカイプ・出張またはメールで対応しますWordPress個別サポートについて詳しくはこちらトラブル解決でお急ぎのときはお急ぎのときはWordPressメールサポートで対応します。Proのライセンスを持つユーザー向けのプラグインです。この記事の執筆時点では次のようなブロックが使用可能です。2019年11月30日WordPressでホームページを作成する手順を紹介します。WordPress初心者の方でも迷わないようにすべての手順について画面を掲載しています。短時間でホームページのたたき台を作っていきます。「最近、ホームページのアクセスが減ってるかも?」が気になるとき、対策が必要になりますが、どのページのアクセスが減っているのか、増えているのかチェックできた方が効率的に対処できるはずです。「WordPressの表示速度が遅い」とか「ダッシュボードの動きが重苦しい」など、WordPressの高速化でお悩みの方もいるかと思います。遅いサイトは検索順位や集客にも影響するので死活問題です。2019年9月13日ご存じのようにBizVektorがアップデート終了とのことで、新たに使えるテーマを探している方も多いと思います。ver.7対応)WordPressでホームページを作成する手順を紹介します。