Plus」を使うと、記事内に簡単に目次を作成することができます。Plus」は、HTMLタグであるhタグで囲った見出し文字を、自動で目次に仕立ててくれるプラグインです。「hタグで囲った見出し文字」は、記事文中に<h3>機能の説明</h3>という形で記述します。記事作成画面にhタグを入力プラグインをインストールするだけで、記事内に上記のようなhタグの見出しを書けば自動で目次が生成されます。Plus」のインストール通常のプラグインインストール手順でインストールできます。Plus」と検索します。TOC+「いますぐインストール」をクリックし、インストールが完了したら「プラグインを有効化」します。インストール後の設定は、サイドバーの「設定」>>「TOC+」で行ないます。「細かいことはいいので、ここのページのような目次を作りたい!」という場合は、以下の手順をそのまま設定してみてください。設定変更する箇所は6つです。Options」タブ内の以下の設定を変更します。when」を「2」にします。types」欄の「Pages」にチェックを入れます。text」欄に「目次」と入力します。contents」のチェックを外します。effect」にチェックを入れます。Advanced(show)のshowをクリックします。levels」にある「heading1-h1」、「heading2-h2」のチェックを外します。Options」をクリックすると、設定変更が保存されます。Options」の設定項目についての説明です。Position目次を表示する場所を指定します。when目次を生成する条件(hタグの数)を指定します。type目次を生成するページの種類を指定します。「post」は投稿、「page」は固定ページです。text目次内のタイトルを表示するかどうか、また表示する場合はタイトル名を記入します。目次の折り畳み機能を有効にするかどうかを指定します。折り畳む時の「開く」「閉じる」のワードを指定できます。initially」デフォルトで目次を閉じた状態にするか指定できます。バグなのか他のPluginの影響なのかわかりませんが、当ブログではこの機能(デフォルト閉じる)がうまく動いていません。hierarchy目次の見出しを階層構造にするかを指定します。items見出しに番号をつけるかを指定します。effect目次の見出しをクリックした時に、該当箇所へなめらかにスクロールします。Width目次の幅を指定します。Wrapping目次の位置(左寄せ、右寄せ)を指定します。sizeフォントの大きさを指定します。Presentation目次のデザインを選択できます。Lowercaseアンカーリンクに使用するアルファベットを全て小文字にします。見出しに英数字が使われている場合、その文字がアンカーリンクとなるのですが、そこで使用されているアルファベットを全て小文字にするかどうかを指定できます。homepageトップページ(フロントページ)に投稿ページや固定ページが表示される際に、目次を表示するかどうかを指定します。この機能は、テーマファイルによってはうまく機能しない場合があるようです。fileこのプラグイン自体のCSSを無視するかどうかを指定します。チェックを入れた場合このプラグイン自体のCSSが無視されるため、「appearance」オプションで指定した値が無視されます。levelsどのhタグを目次生成の見出しとして利用するかを指定します。headings目次にしたくない見出しがある場合、文字列を指定して除外できます。*はワイルドカード、|はorで利用できます。バージョン1505で検証したところ、日本語には対応していないようです。offset目次の見出しをクリックしてページスクロールした際、ページ上部に空けるすき間(オフセット)を指定します。デフォルト30pxは、WordPressのツールバーの高さです。effect」を有効にしている場合のみ、この項目を指定できます。path目次を生成したいページを、URLのパスで指定します。prefixアンカーリンクに使用される文字は半角英数字ですが、見出しの文字に英数字がない場合、この欄で指定したアンカー文字が使用されます。Q&A目次が表示されないインストール直後の設定では、固定ページのみ目次を表示するようになっており、投稿ページには表示されません。type」の設定欄で「Page」にチェックを入れましょう。初期設定では、Hタグを4つ以上記載しないと目次は作成されません。when」の設定値を変更しましょう。hierarchy」のチェックを外します。heading」に、除外したい見出しワードを記入します。Plus*と入力します。バージョン1505で検証したところ、日本語には対応していないようです。表示したい場所に記述します。トップページに写真を表示できるWordpressテーマ「Canard」の設定方法について。style.cssで指定されているであろうcssが邪魔になるときがあります。通知メールが受信できますが、そのメールの件名、本文をカスタマイズする方法です。.htaccessに以下を追記する。WordPres...WordpressテーマWordPressテーマ「Onepress」の子テーマ作成方法Onepress公式サイトで公開されている子テーマファイルを使います。Onepress公式サイトから子テーマファイルをダウンロードして使います。公式サイトにアクセスします。子テーマファ...WordPressフォームのラジオボタンで選んだ項目によって異なる選択肢をアコーディオン表示するjQueryを使って表示、非表示の設定をします。ラジオボタン1を押した時に表示される内容です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。お問い合せタイトルとURLをコピーしました。