quote

引用を色付きの枠内におさめるためにstyleシートに書かれているblockquoteの部分を変更した。
~/Sites/blog/wp-content/theme/EasyAll/style.css の135行目
#content div.post div.storycontent blockquote {
background: #f7f7f7;
border-left: 3px solid #6F6F6F;
font-family: Osaka, Verdana, sans-serif;
margin-left: 20px;
padding: 4px 4px 4px 7px;
width: 85%;
}
の前後にコメントであることを示す /* と*/ で囲ってコメントアウトして
/*Original blockquote
#content div.post div.storycontent blockquote {
background: #f7f7f7;
border-left: 3px solid #6F6F6F;
font-family: Osaka, Verdana, sans-serif;
margin-left: 20px;
padding: 4px 4px 4px 7px;
width: 85%;
}
*/
とした。そのあとに、
.red{
background-color: #FBD7DE;
border-left: 10px solid #FB5679;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}
.blue{
background-color: #CDDAFD;
border-left: 10px solid #8FABFD;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}
.green {
background-color: #CAF8CA;
border-left: 10px solid #2AF52A;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}
.yellow {
background-color: #FEFDC4;
border-left: 10px solid #FCF925;
margin-right: 5px;
margin-left: 20px;
padding: 3px;
}
を書き加えた。
<blockquote class=”▲▲▲”>文字列</blockquote>
と記入する。 ▲▲▲ にred, blue, green, yellowとすると

のようにに表示され、指定しないと(つまり <blockquote>なし</blockquote>)、

なし

のように一段下がって表示される。しかし、:roll: 投稿の編集画面には反映されない。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です