部長ナビのページはApple製品のレビューを中心としたブログです。ドラマ仕立ての長期連載も見てね!

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さんのおかげなんだ!忘れるな!

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

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

注意!

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

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

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

フォロー購読方法について >

関連記事もっと記事を読む >

  1. Home >
  2. ブログ管理 >
  3. Simplicity >