WordPress│ブログカードと、TOC目次を1分で中央寄せに。

WordPress(ワードプレス)の、ブログカード（テーマ「Simplicity」の場合も）と、プラグイン”Table of Contents Plus”の目次タイトルは左寄せになっており記事の中央に寄せる

中央寄せ ＣＳＳ カスタマイズ

センター寄せになった”Table of Contents Plus”

やり方はいたって簡単です。以下のコードをCSSに追加すればすぐ中央寄せのセンターになります。

・ブログカード「Simplicity」

.blog-card {

margin-left: auto;

margin-right: auto;

}

・ブログカード プラグイン”Pz-LinkCard”

.lkc-internal-wrap {

margin-left: auto;

margin-right: auto;

}

・Table of Contents Plusの目次タイトル

#toc_container {

margin-left: auto;

margin-right: auto;

}

の該当するコードを、ＣＳＳに追加すれば中央寄せになります。

セレクタの場所

ちなみにCSSのセレクタは以下の場所で確認することが出来ます。

Simplicityブログカードは

Simplicityのテーマ機能のブログカードは、スタイルシートの中に記述されています。

.blog-card

外観 ⇒ テーマの編集 ⇒ Simplicityの、スタイルシート(style css)

から確認出来ます。

プラグイン”Pz-LinkCard”は

”Pz-LinkCard”は、プラグインなので、テーマの中にはありません。

”Pz-LinkCard”のプラグイン編集の中に記述されています。

.lkc-internal-wrap

プラグイン ⇒ プラグイン編集 ⇒pz-linkcard/templete/pz-linkcard-templete.css の中で確認出来ます。

プラウザ「Google Chrome」からならサイトを開いた状態で確認したい箇所を右クリックし、”検証”からも確認することが出来ます。この使い方に慣れているならこの方法から確認するのが手っ取り早いでしょう。

プラグイン”Table of Contents Plus”は

”Pz-LinkCard”と同じくプラグイン編集の中に記述されています。

#toc_container

プラグイン ⇒ プラグイン編集 ⇒ table-of-contents-plus/screen.cssの中で確認出来ます。

もちろん「Google Chrome」の”検証”からも確認出来ます。

これでいずれも中央寄せになりました。

下記中央寄せになった参考ブログカードです。

好きなことだけ通信

コピペで簡単設置！Googleアドセンス等広告上スポンサーリンク！

Googleアドセンス等の広告上に、表示されている『スポンサーリンク』はアドセンスに限らず広告を表示させるにあたって必ず表示させる義務があります。その『スポンサーリンク』の表示させ方を知らない初心者の方へコードをご紹介します。コピペで簡単に設置して下さい。スポンサーリンクとはスポンサーリンクとは、検索キーワードやページの内容に応じて表示される有料リスティングサービスで、グーグル株式会社により提供されるGoogle アドワーズ広告と株式会社クロスリスティングにより提供されるレモーラリスティングを、gooのウェ...

”Table of Contents Plus”の目次タイトルはページトップにありますので参考にして下さい。

いかがでしたでしょうか？

簡単なカスタマイズですが中央に寄っているだけで印象ががらりと変わるので、オススメですよ。

以上、

WordPress│ブログカードと、TOC目次を1分で中央寄せに

でした。