Simplicityでブログカードの枠、背景色をカスタマイズする方法

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

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

スポンサーリンク

テーマ「Simplicity」では、URLを貼ると自動でブログカードを作ってくれる

普通、URLを貼ったら、タダの文字列になりますよね?

でも、Simplicityは違います。超絶ステキングなブログカードにしてくれるわけです。

最近大人気の「ダブルフィット」の記事ですけど、今回のカスタマイズをすると、こんな感じに仕上がります。

作業は、「URLを貼るだけ」です。これでイケます

ゆっきーのカンチョー「ダブルフィット」に気をつけろ!
ゆっきーのカンチョー「ダブルフィット」に気をつけろ!
こんにちは。部長ナビ(@nabi_1080)です 1年生のゆっきーは、身長が120cm位なんですが、180cmの私にカンチョーをするのにちょ...

はい。こんな感じ。

では、コード行ってみよう!

Simplicityにて、子テーマのstyle.cssにブチ込むコードを紹介

色とかは自分で調整してね。

え?なんで枠線と背景色変えるかって?そんなの、師匠のg.O.R.iさん(gori.me)がやってるからに決まってるだろう!カッコいいからちょっと似た感じで表示させて頂くだけだ!ああ、g.O.R.iさんにはいつも感謝だ!何度も言うが、ウチのリンクから商品を買うんじゃ無い!gori.meで買いなさい!ウチのブログがあるのは、g.O.R.iさんのおかげなんだ!忘れるな!

/* ブログカードの色付け */
.internal-blog-card{
  padding:12px 12px 0;
  border:1px solid #FFAD90;
  word-wrap:break-word;
  border-radius:5px;
  background-color: #FFFFEE;
}

はい、コレでウチと同じになります。子テーマに貼ってね。あっという間に出来るのでやってみてください

注意!

gori.meでも確認しましたが、外部リンクはこの処理が聞かないみたいです。ああ。理由などわからん。出来ない、それが真実だ!

「gori.meみたいに、横幅一杯で、角が丸くならないようにしたい」だと?

甘ったれるな!できたら、とっくにやっとるわ!わからんのじゃ!誰か教えて・・・(≡д≡。)ボソッ…

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

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索