+本日の人気記事TOP10+
- 車のキーナンバー確認方法。キーレス紛失や壊れた時23
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく21
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法18
- カーメイトのエンジンスターターでエラー15表示と対処方法15
- スロットルポジションセンサー調整で不安定なアイドリング調整8
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)7
- 日産セレナとエクストレイルでECOモーター(オルタネーター)のリコール情報と対策案など6
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- アイドリングストップシステム異常警告灯表示対処方法5
- Windows10,Windows8.1プロダクトキー確認方法4
本日、かの有名な目次作成プラグインであるTable of Contents Plus(TOC+)を導入してみました。
でも、・・・・・・。
なんとなくデザインがどうなのかなぁ。的な感じでした。
CSSでなんとかならないかな?と得意の試行錯誤をしてちょっとだけ見栄えを良くかっこ良くすることができました。
(と思っています。:自己満足→通称:自己満(笑))
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,437件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,301件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,466件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,006件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,203件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,240件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 148,437件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 105,301件の PV
Windows10,Windows8.1プロダクトキー確認方法 75,466件の PV
Windows10でエラーコード0x800705b4の対処方法 67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41,006件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 40,203件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。 38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 31,240件の PV
この記事を読まれている方におすすめ一覧クリック
まずは、本家本元のTable of Contents Plus(TOC+)の公式サイトからプラグインをダウンロードします。
その後は、
上記に作成方法や設定方法を記載した記事の動画のように設定していってみてください。
そうすると、
基本的な設定はプラグインのみで出来ますがスタイル的に変えたいなぁ。
と思った時には以下のように自分にてCSSを書いて、
見た目を変更することができますので参考にしてみてください。
具体的にTable of Contents Plus(TOC+)の目次のスタイルを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;
}
これまでのTable of Contents Plus(TOC+)目次のデフォルトのCSSですと以下のような感じでした。
この状態から上記のCSSコードをテーマのstyle.cssに記載すると、以下のようになります。
現在(2017年1月14日)の当サイトの目次のスタイルです。
今後変更の可能性はあります。
若干はかっこ良く見栄えが良くなったかなぁ。
なんて自己満足を今のところしています。
今後はわかりませんが・・・・・・。ポリポリ (・・*)ゞ(^.^;
もちろん、参考にさせていただいたサイトもあります。
参考サイト)
もうWordPressのカスタマイズネタなど基本的なことから応用的なことまで多くの情報が記載されていらっしゃるサイトですね。
他にも、
いくつかカスタマイズネタを参考にさせていただいたと思います。
本当に、ありがとうございます。
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時23
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく21
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法18
- カーメイトのエンジンスターターでエラー15表示と対処方法15
- スロットルポジションセンサー調整で不安定なアイドリング調整8
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)7
- 日産セレナとエクストレイルでECOモーター(オルタネーター)のリコール情報と対策案など6
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- アイドリングストップシステム異常警告灯表示対処方法5
- Windows10,Windows8.1プロダクトキー確認方法4
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
尾木ママこと尾木直樹氏北海道大和君ブログに関して謝罪する…。
先日(昨日)、北海道の大和君が無事に発見されましたという記事を投稿しました。 その中で教育評論家で尾木ママこと尾木直樹氏(教授)のブログ投稿に批判が殺到?しているようです。と記載しましたが、その尾木マ…
インフィード広告アドセンス
-
健康の意味と元気で安寧な日々を過ごしていきたい!!
健康とは何か? それ相応の年齢になったり、医療従事者であればそんなことに考えをはせることもあることがあると思います。
インフィード広告アドセンス
-
リオ五輪金メダル銀メダル銅メダル毎動画集(NHK)
リオオリンピック(リオ五輪)も閉会式を終えて、 次期開催都市である東京の都知事小池百合子さんにセレモニーが行われました。また、安倍晋三内閣総理大臣もマリオにふんしてトンネルから現れるというサプライズ?…
インフィード広告アドセンス
-
AFFINGER4Pro WordPress テーマ 伝えたいこと 備忘録 時事ネタ
テーマ選びは何が最善策なのか?迷う時はどうした良いのか!?
人生において迷うことは多々あると思います。絶対にあります!!と言い切れますよね。 生まれてから義務教育を終えて高校受験からどの高校に行こうかなどの時が人生においての初めての最善策を選択するのに迷うこと…
「WordPress, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
アドセンス336pxPC閲覧記事下表示1つ目コード
アクセスランキング
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
comment