Notice: Function wp_register_script was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. This notice was triggered by the wp-associate-post-r2-product-editor-script handle. Please see Debugging in WordPress for more information. (This message was added in version 3.3.0.) in /home/xs340029/favorite-fashion.com/public_html/wp-includes/functions.php on line 5865
WordPress│ブログカードと、TOC目次を1分で中央寄せに。 | 好きなことだけ通信

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

シェアする

  • このエントリーをはてなブックマークに追加
  • 0

WordPress(ワードプレス)の、ブログカード(テーマ「Simplicity」の場合も)と、プラグイン”Table of Contents Plus”の目次タイトルは左寄せになっており記事の中央に寄せる<center>設定がありません。それを簡単に1分で中央寄せる、CSSカスタマイズをご紹介します。

目次

中央寄せ CSS カスタマイズ

センター寄せになった”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に追加すれば中央寄せになります。

セレクタの場所

ちなみに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 アドワーズ広告と株式会社クロスリスティングにより提供されるレモーラリスティングを、gooのウェ...

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

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

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

以上、

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

でした。

スポンサーリンク

スポンサーリンク