2025年1月15日 (水曜日)↓における週間月間人気記事トップ３は？↓
今日は2025年1月15日です。
目次に行く･戻る
2025年1月15日 (水曜日)本日の人気記事トップ１０
メルカリ招待コード：
これまでは、ブログにおいて目次表示は要らないかなぁなんて思っていました。
ですが、
多くのサイトの方々が導入されているということとSEO的にも若干良いということなのと、訪れていただいたユーザーのユーザビリティを考慮すると…。
目次ってあったほうが良いのかなぁ。とも思ってみたりして…。
一番の理由は、今は日本語化されているのでというのが大きかったり小さかったりです。
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
151,125件の PV
106,908件の PV
75,762件の PV
67,241件の PV
47,025件の PV
40,880件の PV
38,225件の PV
37,260件の PV
36,779件の PV
36,076件の 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で目次のスタイルをかっこ良くする方法。
このままの記事ではなんだかなぁ。
という感じでしたので、
以下に目次のスタイルを自前仕様・自分仕様に変更する事ができるのがわかりましたので改めて記事を作成しました。
デフォルトのスタイルでは満足いかないなぁ。という方は是非見てみてください。
バレンタインまであと…VALENTINEはどんなPresent（プレゼント）でどのように過ごされますか？
バレンタインプレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
おすすめ！！
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう！！ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ！！
おすすめ2
楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に！！楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。
あなたにおすすめな関連記事
🎉 Counting Up! 🎉
Loading...
-
メンテナンス 伝えたいこと 備忘録 時事ネタ 車
なんでもそうですが、新たに新しいことを始める時に（家の配置替えや片付けや家電の買い替えやいろいろ）これまであったものを整理整頓して、新しいものを迎え入れたいと思います。 そんなこんなでこれまでにあった…
もっと読む
-
PC メンテナンス 備忘録
この度は、いよいよノートPCのCPUファンの異音が著しくなってきてしまったのでCPUファンの新品交換です。以前にも行ったことがあるので比較的的を得ているため容易に交換できます。ノートPCは分解できない…
もっと読む
-
Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
WordPressで記事の途中に思い通りの広告などをショートコードなどによって、 挿入する方法はいくつかあります。 今回は、 記事中の始めのh2タグの前にウィジェットとして追加して自動的に表示する方法…
もっと読む
-
伝えたいこと 備忘録 時事ネタ
（アイキャッチ画像出典元毎日新聞：https://mainichi.jp/graphs/20160408/hpj/00m/050/004000g/3）以前、全日本男子バレーボールの世界最終予選大会につ…
もっと読む
-
WordPress
よく言うアイキャッチ！！正直めんどくさいですよね。でも、訪問者やTwitter、Facebookなどにサムネイル表示される際に、自分のブログの記事にアイキャッチ（画像？）があると…。
-
PC カスタマイズ メンテナンス 不具合 伝えたいこと 備忘録
以前にも同じマウス（富士通マウスM-U0019の左クリックと右クリックがうまく反応しなくなり、変なところで勝手にクリックしてしまったりチャタリングを起こしてしまい始めてきて他のバッファロー製品マウスや…
もっと読む
おすすめの記事一部広告
comment