Simplicityでブログカード(自サイト内リンク)に色を付け、横幅一杯にする方法

https://farm6.static.flickr.com/5762/20919637280_707214c8c3.jpg

こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!

今回は、自分で何とかした「ブログカード」のカスタマイスコードについて紹介します

スポンサーリンク

ブログカードとは?

Simplicityでは、サイトのURLをそのまま書いてアップすると、勝手にブログカードという「そのページを紹介する」枠付きカードを作ってくれます

が、デフォルトだと、色々と「うーん」って所があったので、自分で改造しました

最終的な見た目

URLを貼るだけで、アップするとこうなります

image

この、「枠がオレンジで中身黄色、文字が青緑で、カーソル合わせると赤」ってのをカスタマイズして作りました

あと、「枠が幅一杯」というのもいじりました

やり方1「カスタマイザーの「ブログカード」で設定をする」

image

カスタマイザーの中に「ブログカード」ってのがあるので、それを選択します

image

基本的にはそのままで良いんですが、私は、一番上の「はてブ数を表示」と、「カード幅を広げる」を外しています

はてブ数を表示しないのは、g.O.R.iさんのマネです。カード幅を広げるを外すのは、これしないと、幅一杯にすることが出来ないからです。

やり方2「子テーマのstyle.css」に追記

これでウチと同じになるので、後は色を調整してください

ブログカードは幅一杯の方がカッコいいと思うし、色も付けた方が良いと思うので、スゴい気に入って使ってます。ただ、「外部URL」はそのままです。ま、見やすいので良いかなって感じです。自サイト内のリンクは色つきで、外部リンクは色無しって事なので分かりやすいですよね

ぜひ、Simplicityの方は見やすいブログカードでステキなブログを彩ってみてくださいね!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索