WordPressで引用符の付け方

2020年12月14日

先日初めて私のブログでも引用を使ったのでそのやり方について記載したいと思います。

WordPressで引用符をつけるやり方です。

引用符とは

引用符とはこんな感じのものです。

ここに引用する文

出典を明記

WordPress(ブロックエディタ)で文を選択して引用のボタンをクリックすれば、htmlが変化し引用のものに変わります。

しかしこれだと実際に見た目は変わりませんので、cssを用いて見た目を整えなければなりません。

cssで見た目を変えれば、上記で表示した引用の見た目になります。

私のサイトで使っているcssはこんな感じです。

コピペして使っていただいても構いません!cssの適切な位置(htmlの直下、bodyの直下)とうにコピペでできるはずです。ちなみにFontAwesomeを使っているのでその設定も必要になります。まだの方は以下の記事を参考にしてください。

FontAwesomeで「quote」で検索すれば色々出ますが無料で使えるのは一つとなります。

適宜自分でcssを変更していただければ、色等も変えていけるので参考にしてください。

Pocket

コメント投稿