本日、かの有名な目次作成プラグインであるTable of Contents Plus(TOC+)を導入してみました。
でも、・・・・・・。
なんとなくデザインがどうなのかなぁ。的な感じでした。
CSSでなんとかならないかな?と得意の試行錯誤をしてちょっとだけ見栄えを良くかっこ良くすることができました。
(と思っています。:自己満足→通称:自己満(笑))
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
プロモーションを含みます
所要時間目安:約3分
今日は2025年6月4日です。
この記事は2017年1月14日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月4日 (水曜日)本日の人気記事トップ10
2025年6月4日 (水曜日)↓における週間月間人気記事トップ3は?↓
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 2PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
サーバ上のファイルやフォルダ削除できない時に削除する方法 1PV
えーっ、(汗)。この度WordPressのバージョンアップ後にjetpackが連携できなくなってしまいまして…。 その詳細は次回にしますが、結果しっかりと連携できました。(#^.^#) そして、その連…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 28PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 18PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
本日、かの有名な目次作成プラグインであるTable of Contents Plus(TOC+)を導入してみました。
でも、・・・・・・。
なんとなくデザインがどうなのかなぁ。的な感じでした。
CSSでなんとかならないかな?と得意の試行錯誤をしてちょっとだけ見栄えを良くかっこ良くすることができました。
(と思っています。:自己満足→通称:自己満(笑))
アドセンス336pxPC閲覧記事下表示1つ目コード
その後は、
上記に作成方法や設定方法を記載した記事の動画のように設定していってみてください。
そうすると、
基本的な設定はプラグインのみで出来ますがスタイル的に変えたいなぁ。
と思った時には以下のように自分にてCSSを書いて、
見た目を変更することができますので参考にしてみてください。
/*--------------------------------------
TOC+
--------------------------------------*/
#toc_container {
display: block !important;
width: 85% !important;
background: #ffffff ;
border: 1px solid #ccc;
font-size: 95%;
box-sizing: border-box;
line-height: 1.4;
margin: 36px auto;
padding: 1em 2em;
}
#toc_container .toc_title {
text-align: center;
}
#toc_container .toc_list {
width: 95% ;
padding-left: 0;
}
#toc_container ul {
list-style: none;
margin-bottom: 0;
}
#toc_container ul li {
margin: 1px;
padding-left: 0;
text-indent: 0;
}
#toc_container ul a {
display: block;
text-decoration: none;
color: #444; /* リンク色 */
border-bottom: 1px dotted #ccc; /* リンク下線(1pxの間隔と色指定)*/
}
#toc_container .toc_list > li {
margin-bottom: 30px;
}
#toc_container .toc_list > li > ul > li {
margin-bottom: 8px;
}
#toc_container .toc_list > li > a {
margin-bottom: 8px;
border-bottom: 2px solid #00f; /* 大見出しの下線 */
font-size: 110%; /* 大見出しのフォントサイズ */
}
#toc_container ul ul {
padding: 0;
}
#toc_container li {
margin-bottom: 1em;
padding-bottom: 0.2em;
}
現在(2017年1月14日)の当サイトの目次のスタイルです。
今後変更の可能性はあります。
若干はかっこ良く見栄えが良くなったかなぁ。
なんて自己満足を今のところしています。
今後はわかりませんが・・・・・・。ポリポリ (・・*)ゞ(^.^;
もうWordPressのカスタマイズネタなど基本的なことから応用的なことまで多くの情報が記載されていらっしゃるサイトですね。
他にも、
いくつかカスタマイズネタを参考にさせていただいたと思います。
本当に、ありがとうございます。
Multiplex 広告
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたが訪問してから
⏰ 3 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
新着コメント