先日初めて私のブログでも引用を使ったのでそのやり方について記載したいと思います。
WordPressで引用符をつけるやり方です。
引用符とはこんな感じのものです。
ここに引用する文出典を明記
ここに引用する文
WordPress(ブロックエディタ)で文を選択して引用のボタンをクリックすれば、htmlが変化し引用のものに変わります。
しかしこれだと実際に見た目は変わりませんので、cssを用いて見た目を整えなければなりません。
cssで見た目を変えれば、上記で表示した引用の見た目になります。
私のサイトで使っているcssはこんな感じです。
コピペして使っていただいても構いません!cssの適切な位置(htmlの直下、bodyの直下)とうにコピペでできるはずです。ちなみにFontAwesomeを使っているのでその設定も必要になります。まだの方は以下の記事を参考にしてください。
FontAwesomeをCSSで記述
FontAwesomeで「quote」で検索すれば色々出ますが無料で使えるのは一つとなります。
適宜自分でcssを変更していただければ、色等も変えていけるので参考にしてください。
Next Post
wordpressの記事リンク編集方法
wordpressで記事を書いているとき、自身の他の記事を...
Prev. Post
楽天アフィリエイト仕組み
今回ブログを運営しているにあたり、アフィリエイトを始めまし...
コメント
名前 *
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
WordPressに動画を埋め込む方法
以前の記事で参考用に動画を貼り付けました。 その動画の貼り付け方、また合わせてスクリーンムー...
以前の記事で参考用に動画を貼り付け...
2020年12月27日
初心者向けWPおすすめ書籍
今回はワードプレスを勉強しようと思っている方におすすめの書籍を紹介します。 私はワードプレス...
今回はワードプレスを勉強しようと思...
2020年12月7日
[Cocoon]WordPressに無料テーマをインストールする方法
私はこのブログは自分でテーマを作成していますが、今回新たに無料テーマを使ってワードプレスでサイトを...
私はこのブログは自分でテーマを作成...
2021年1月10日
wordpressで記事を書いているとき、自身の他の記事を紹介することありますよね。そんなときWo...
wordpressで記事を書いてい...
2020年12月15日