Blogger：QooQのカスタマイズ：「引用」を修正する

この画像ではわかりませんが、少しインデントされて（右にずれて）います。

「”」の巨大なのが最初につきます。

なんだかぱっとしませんね。これを次のようにカスタマイズしてみましょう。

管理画面から、

テーマ　>　（右上の）縦の三点　>　HTML編集　　

をクリックします。

本体のどこかをクリックしてから、「Ctrl + F」を押すと、上の方に検索窓が出ます。そこに、「blockquote」を打ち込みます。enterを何回かクリックしてどんどん検索していくと、

こんなのが見つかります。これが引用の書式を定めています。

後の方の、

は、あの巨大な引用符「”」となっている部分です。

後で元に戻したくなるかもしれませんので、とりあえずこれが機能しないようにしておきましょう。次のように、「/*」と「*/」ではさみます。

もう一つの方の、

には、いくつかの項目を付け加えます。つまり、

とします。marginも「1em 0」と変更しています。

右上の「保存」をクリックすると、すぐに反映されます。

とこんなふうになりましたね。

画像ではなく、実際に使ってみましょう。

下書きではわかりませんが、プレビューすると、上のように見えます。

どうでしょうか。少しよくなったのではないでしょうか。

CSSのpadding, border, background-colorを変えると好きなようにできますので、いろいろやって見てください。