WordPress 本文中のblockquote

なんかblockquate が以前やった方法ではうまくいかないので、変更した。Theme を変えたからかだろう。blockquote とは複数行にわたる引用を、色付き背景内に書き込むとき使う。入力時にHTMLモードにすると「b-quote」がメニューにでてくる。挿入部にカーソルを置き、このボタンをクリックすると、メニューのボタンが「/-bquote」に変わって閉じることをわすれないようにしてくれている。
HTLMで編集してVisualで確認すると、色付きの枠が出現しない。プレビューでページを見ながら確認する必要がある。
quoteした部分の背景、枠などのパラメータはtheme のStyles シート(style.css)のcontent 部分にあるblockquote 部分を書き換える。枠内に入れられる文字数は限りがあるので適当にマニュアルで改行する必要がある。
現在の設定は以下だ。

blockquote{
margin: 20px;
padding: 5px;
color: #000000;/*文字色*/
background: #E0FFFF;/*背景色*/
border: 1px solid #AFEEEE;/*線*/
border-left: 3px solid #00FFFF;/*左枠線*/
}

b-quote を灰色背景の四角内に収めるにはstyle.cssの最後に以下を追加する。

blockquote {
     color: #2b2b2b;
     font-size: 100%;
     font-style: italic;
     font-weight: 300;
     line-height: 1.5;
     margin-bottom: 0px;
     position:relative;
     padding:10px 10px 0px 10px;;
     border:1px dotted #333;
     background:#f5f5f5;
     margin-bottom:20px;
}

コメントを残す

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