#015 WordPressの目次をカスタマイズしよう

Wordpress
Wordpress

イントロダクション

今日は目次の見た目をカスタマイズしていくらしいです。

ちなみに、今現在の目次デザインはCocoonのデフォルト状態そのままで、下の画像みたいなやつを使っていたりします。

個人的には、もうこれで良いんじゃないかと思うんですけどね~。

まあ、イラストの模写の修行が終わるくらいまでは休養を兼ねて軽めの記事を書いていこうという方針ですので、出来る事からコツコツとブログを作り込んでいこうと思います。

CSSを追記して目次のデザインをカスタマイズしよう

予想通りですが、目次デザインを変更するにはCSSを追記しないといけないようです。

……また呪文の羅列ですか。

大体はコピー&ペーストでどうにかなりますけど、苦手な作業なんですよね。

子テーマの方に記載しないと、親テーマをアップデートした時に使えなくなるなどの面倒な条件もあるようですし。

何というか、ほとんど意味を解らずに外部のプログラムを記載しているようなものなので、その内バグが混入してブログデザインが滅茶苦茶になるんじゃなかろうかという危惧が私の中にあるんですよね。

だから、変にいじらないでノーマル状態で安定運用した方が良いと思うんですけど。

ってな事を師匠に言ったら『定期的にバックアップとっていますし、何かあっても大概のトラブルはどうにかなるので大丈夫』と良い笑顔で返して頂きました。

くっ! 遠回しに『面倒臭いからやめませんか?』と尋ねてみましたが、どうやら抵抗は無駄なようです。

まあ、グダグダと文句を言っていても終わりません。

さっさと始めて、とっとと終わらせましょう。

と、いう事で今回参考にさせて頂いたのは上記サイト様です。

ちなみにWordpressの初期設定だと『Font Awesome 4』とやらを使用しているそうなので、そっちのCSSを追記してみました。

で、Cocoonの子テーマのスタイルシートに追記したら、こんな感じになりました。

おおっ! 何か随分とカッコよくなりましたねっ!

やっぱCSSを追記して正解でしたわっ!(手のひら返し)

でも、このままだと青基調のこのブログだと浮いてしまうので、ちょっとだけ色を変更してみようと思います。

と、いう事で師匠に教えて貰って色コードを変更し、適当に青っぽくしてみました。

あ~、色を変えるだけでも、訳の解らない呪文みたいなコードが必要な事にびっくりしましたわ。何か色々とルールが難解すぎて、ついていけそうにありません……

※ちなみにカラーコードは上記のサイト様を参考にさせて頂きました。

今回の経費&記事作成時間

今回の記事作成時間&支出

記事作成時間:約2時間(CSS追加作業込み)

今日は割と問題もなくサクサク終わって良かったです。

前にサイドバーのプロフィールのCSSをいじった時は、問題山積みで記事には書いてませんでしたが人知れずグダグダになってましたからね~。

では、恒例の累計出費&記事作成時間を発表して今回は終わりにしましょう。

最後まで読んでくださった方はありがとうございました。

現在までの総制作時間&累計支出

総制作時間:約66時間 / 累計支出:17,080 円

※フォーマット統一用のリライト作業済みの記事です。

トップへ戻る
タイトルとURLをコピーしました