この記事は2017年1月14日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2024年11月21日 (木曜日)本日の人気記事トップ１０
今日は2024年11月21日です。
目次に行く･戻る
2024年11月21日 (木曜日)↓における週間月間人気記事トップ３は？↓
メルカリ招待コード：
これまでは、ブログにおいて目次表示は要らないかなぁなんて思っていました。
ですが、
多くのサイトの方々が導入されているということとSEO的にも若干良いということなのと、訪れていただいたユーザーのユーザビリティを考慮すると…。
目次ってあったほうが良いのかなぁ。とも思ってみたりして…。
一番の理由は、今は日本語化されているのでというのが大きかったり小さかったりです。
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
150,854件の PV
106,820件の PV
75,760件の PV
67,241件の PV
45,958件の PV
40,794件の PV
38,216件の PV
37,259件の PV
36,737件の PV
34,174件の PV
少しだけ試験的に検証も兼ねてWordPressのプラグインTable of Contents Plus（TOC+）というものを追加してみました。
設定内容は、
多くのサイトの先人さん達が解説されていらっしゃいますので割愛させていただきますが、
（私、何様？_(._.)_）
https://youtu.be/LSUsZyWTPS8
自分が忘れることのないように以下に設定内容を記録（備忘録）として残しておきたいと思います。
位置
表示条件 つ以上見出しがあるとき
以下のコンテンツタイプを自動挿入 post
page
見出しテキスト 目次の上にタイトルを表示
目次
例: コンテンツ、目次、ページコンテンツ
ユーザーによる目次の表示・非表示を切り替えを許可
テキストを表示
表示
例: 表示
テキストを非表示
非表示
例: 非表示 最初は目次を非表示
階層表示
番号振り
スムーズ・スクロール効果を有効化 アンカーリンクにジャンプではなくスクロールする
外観
横幅
回り込み
文字サイズ
92
プレゼンテーション グレー (デフォルト)
水色
白
黒
透明
カスタム
上級者向け (show)
詳細設定
小文字 アンカーに必ず小文字を使用
ハイフン アンカーでアンダースコアではなくハイフンを使用
ホームページを含める ホームページ上の条件を満たす項目の目次を表示
CSS ファイルを除外 プラグインの CSS スタイルを読み込まない場合はチェックを入れてください。選択した場合、上の外観設定も無視されます。
テーマの見出し記号を保持 お使いのテーマで番号なしリスト要素に背景が含まれている場合、対応させるにはチェックを入れてください。
見出しレベル
以下の見出しレベルを含める。チェックを外すと非表示になります。
heading 1 - h1
heading 2 - h2
heading 3 - h3
heading 4 - h4
heading 5 - h5
heading 6 - h6
除外する見出し
目次に表示しない見出しを指定します。複数の見出しをパイプ記号 (|) で区切ってください。他のテキストに一致させるには、アステリスク記号 (*) をワイルドカードとして使用してください。大文字と小文字は区別されません。例:
果物* 「果物」から始まる見出しを無視する
*果物ダイエット* 「果物ダイエット」がどこかに含まれる見出しを無視する
リンゴの木|オレンジ|黄色いバナナ 「リンゴの木」、「オレンジ」、「黄色いバナナ」という見出しを無視する
スムーズ・スクロール上部余白
30
px
あなたのサイトに画面固定ヘッダーがある場合、スムースクロールの目的地がカブらないように上部オフセットを調整することができます。 30の設定は、 WordPressの管理バーに対応しています。上のほうの設定でスムーズスクロールを有効にした後にこの設定が表示されます。
パス限定
特定のページのみで表示させたい場合、カンマ（,）区切りでスラッシュ（/）からはじまるパスを設定してください。
例: /wiki/ 、/corporate/annual-reports/
アンカーのデフォルト接頭辞
i
アンカーターゲットはHTML仕様（詳細についてはREADMEを参照）に従って英数字に制限されています。何の文字が適格と、デフォルトのアンカーの接頭辞が使用されます。空白のままにすると、番号が代わりに使用されます。
このオプションは通常の文字で書かれた内容は、ASCII以外の設定に適用されます。
例: i、toc_index、index、_
使い方
あなたは完全に内容のテーブルの位置をカスタマイズしたい場合は、あなたの投稿、ページまたはカスタムポストタイプの所望の位置にそれを配置することによって、［toc］ショートコードを使用することができます。この方法では、そのコンテンツタイプに対して無効に自動挿入を持つにもかかわらず、コンテンツのテーブルを生成することができます。このショートの詳細は、 [ヘルプ]タブをご覧ください。
設定を更新
上記が私が今回設定した内容になります。
今後については、
もちろん設定内容を変更してみたり上記したように少しの間（期間は未定ですが…。）、
いろいろな意味でどのようになるのかを検証してみます。
その検証結果によっては、もちろんTable of Contents Plus（TOC+）という目次作成プラグインを外す（無効化）こともあると思われます。
その検証結果は、
最低でも3ヶ月くらいは導入してみたままいろいろな意味で検証などを重ねてみたいと思います。
3ヶ月ももたないかもしれませんが…。ポリポリ (・・*)ゞ
だって、
これまで目次というものを意識して記事自体を作成してこなかったので、逆にユーザビリティを残ってしまうかもしれないんですもんo(´^｀)o ｳｰ。
最後に、Table of Contents Plus（TOC+）というプラグインを用いた際のスクリーンショットになります。
また、より分かりやすいようにビジュアル的にも以下に残しておきたいと思います。
外観
詳細設定
使い方
あなたは完全に内容のテーブルの位置をカスタマイズしたい場合は、あなたの投稿、ページまたはカスタムポストタイプの所望の位置にそれを配置することによって、［toc］ショートコードを使用することができます。この方法では、そのコンテンツタイプに対して無効に自動挿入を持つにもかかわらず、コンテンツのテーブルを生成することができます。このショートの詳細は、 [ヘルプ]タブをご覧ください。
まとめ、ショートコード［toc］によって任意の位置にも表示可能です。
一番分かりやすいのは上部の動画解説だと思いわれます。
そして、ショートコード［toc］によっても以下のように目次と表示させることも可能になっています。
［toc］←括弧は半角英数字にしてください。
またテーマによって見出しタグの使用方法は異なりますので、ご自分の使用しているテーマの見出しタグの使い方に準じて設定してみてください。
StingerやAFFINGERやmicata系のテーマは、記事中の見出しタグはh2からになっています。
追記）CSSで目次のスタイルをかっこ良くする方法。
このままの記事ではなんだかなぁ。
という感じでしたので、
以下に目次のスタイルを自前仕様・自分仕様に変更する事ができるのがわかりましたので改めて記事を作成しました。
デフォルトのスタイルでは満足いかないなぁ。という方は是非見てみてください。
クリスマスまであと…プレゼントは用意されましたか？
🎉 Counting Up! 🎉
Loading...
おすすめ！！
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう！！ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ！！
おすすめ2
楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に！！楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。
あなたにおすすめな関連記事
-
WordPress カスタマイズ 伝えたいこと 備忘録
WordPressにおいてのGoogleやBingやYahooなどの検索サイトへのサイトマップ作成をするのに、有名所がGoogle XML SitemapsプラグインやXML Sitemap &…
もっと読む
-
伝えたいこと 備忘録 時事ネタ
以前に記事にしたとおりに早速選挙の投票に行ってきました。 >>そうだ!選挙に行こう!!今回は18才以上の選挙権初の参院選です。選挙に行こう！！。 ...はじめて朝一番での投票をしてしまいま…
もっと読む
-
伝えたいこと 備忘録
ヒトなのだから・・・。 女性でも男性でも同じ人間であってヒトなのだから・・・。 そして発生学的には、はじめはみんなメスなのだから・・・。
-
AdSense SNS インターネット セキュリティ 伝えたいこと 備忘録 時事ネタ
広告というとなにかイメージが悪い感じがする方もいるのかと思います。たしかに中にはエセ広告や胡散臭い広告などもたぶんあります。 広告という意味としては、企業などが世の中、社会に新しい商品やサービスなどを…
もっと読む
-
伝えたいこと 備忘録
先日、お風呂の枕ことバスピローについて書きました。 テレビの女神のマルシェで何年か前にバスピローについて紹介されていたので、 まずはイトーヨーカドーに行ってみましたが、すでに商品はなく…。 その後、い…
もっと読む
-
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
サイトやホームページのURLはパーマリンクURLといい唯一無二のアドレスになります。そのサイトURLのパーマリンク設定URLをサイト移転などをした際に、記事数やホームページのURL数が多いとリダイレク…
もっと読む
おすすめの記事一部広告
Total329
アドセンス336pxPC閲覧記事下表示1つ目コード
目次に戻る
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
目次に戻る
目次に戻る
comment