クールでかっこいいワードプレステーマ を カスタマイズすべ
クールでかっこいいワードプレステーマ を カスタマイズすべ > CSSパーツ > スタイルシートに入れておくと便利なクラス

スタイルシートに入れておくと便利なクラス

blockquote ってたまに使いたくならない?
破線でくくられた枠だな。
こういうの↓
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

 
そこで、「外観」->「テーマ編集」->「style.css」の一番下にこういうのをいれておく。
.frm{
color:#666;
border:1px dotted #ccc;
margin:auto 0 auto 0;
padding:10px 20px;
}
.frm-solid{
color:#666;
border:1px solid #ccc;
margin:auto 0 auto 0;
padding:10px 20px;
}
.frm-r{
color:#666;
border:1px dotted #ccc;
margin:auto 0 auto 0;
padding:10px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
}
.frm-rsolid{
color:#666;
border:1px solid #ccc;
margin:auto 0 auto 0;
padding:10px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
}

それで、こう書きたい文章があったとしよう。
<blockquote>
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?<br />
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。
</blockquote>
これをこう書くようにする。
<div class="frm">
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?<br />
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。
</div>

こう表示される。
 
・frmの場合
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

・frm-rの場合
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

・frm-solidの場合
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

・frm-rsolidの場合
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

背景に色を付けたいときは、style=”background-color:#ccc;” のように直接書くようにしておくと便利
サンプル:背景を水色にする
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。

つまり、こんな感じに書いているわけ。
<div class="frm" style="background-color:#ccccff;">
でも、blockquote は、”引用”ということで”中の文章は他からの引用です”って意味ね?<br />
つーことは、文章はコピーだからSEO的には中の文章は本サイトの「情報」ではないですよって言ってるのと同じ。
</div>