本日、かの有名な目次作成プラグインであるTable of Contents Plus(TOC+)を導入してみました。
でも、・・・・・・。
なんとなくデザインがどうなのかなぁ。的な感じでした。
CSSでなんとかならないかな?と得意の試行錯誤をしてちょっとだけ見栄えを良くかっこ良くすることができました。
(と思っています。:自己満足→通称:自己満(笑))
Loading…
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
所要時間目安: 約 3 分
この記事は2017年1月14日のものです。現在は状況が異なる可能性がありますのでご注意ください。
+本日の人気記事TOP10+
本日、かの有名な目次作成プラグインであるTable of Contents Plus(TOC+)を導入してみました。
でも、・・・・・・。
なんとなくデザインがどうなのかなぁ。的な感じでした。
CSSでなんとかならないかな?と得意の試行錯誤をしてちょっとだけ見栄えを良くかっこ良くすることができました。
(と思っています。:自己満足→通称:自己満(笑))
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
その後は、
上記に作成方法や設定方法を記載した記事の動画のように設定していってみてください。
そうすると、
基本的な設定はプラグインのみで出来ますがスタイル的に変えたいなぁ。
と思った時には以下のように自分にて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のカスタマイズネタなど基本的なことから応用的なことまで多くの情報が記載されていらっしゃるサイトですね。
他にも、
いくつかカスタマイズネタを参考にさせていただいたと思います。
本当に、ありがとうございます。
多くの方々はこれまでの人生において歯医者さんに行ったことがない人というのはほとんどいないと思います。 なぜなら、小学生の時などには必ず歯科検診もあるからです。この歯科検診を含めれば、 すべての人が歯科…
インフィード広告アドセンス
PC Windows10 不具合 伝えたいこと 備忘録 設定
先日も書きましたWindows10の不具合?に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…
インフィード広告アドセンス
AFFINGER4Pro STINGER PLUS+ Stinger6 WordPress カスタマイズ 伝えたいこと 備忘録
人に見ていただくのでブログ運営においてデザインも重要です。自分の備忘録のみであれば、然程デザインやユーザビリティにこだわらなくても良いのかもしれません。テーマを変えてみようと思いましたが、これまでのカ…
インフィード広告アドセンス
一般的に多くの(無料)サイトなどにはいくつかの広告などが表示されると思います。世の中って…。やっぱりイメージが大事でテレビのCM(コマーシャル)などによって知られたイメージの良い(←ここ重要です。)企…
インフィード広告アドセンス
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
WordPressやFC2ブログなどで、アイキャッチ画像を設定しなければならないのは意外と手間ですよね。 以前に、アイキャッチ画像を設定し忘れた時にランダムに表示させる方法を記事として紹介しました。 …
インフィード広告アドセンス
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
以前、RSSにアイキャッチ画像を出力する方法という記事を書きました。 普通の?RSSフィードに(PINGOOなど)にはアイキャッチがちゃんと表示されていました。 ですが、B…
Multiplex 広告
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
2024-04-25
... クルマのメンテナンス費ランキングを発表した。10年間所有した場合のメンテナンス費は、テスラをはじめとするアメリカ車が安い傾向にあるという。 <ベスト ...
2024-04-25
また最新の設備を兼ね備えた大型整備工場も併設されており、自動車の販売のみならず、日々のメンテナンス・車検、さらに自動車の買取までワンストップで対応 ...
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
This site is protected by reCAPTCHA and the Google Privacy Policyand Terms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment