![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
吾輩は猫である。名前はまだ無い。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
いきなりどうしたんですか!
あなたはうさぎでは?
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
ぼくはうさぎです!
これは夏目漱石の「吾輩は猫である」の冒頭だよ。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
なるほど!「引用」したんですね。
なんと、偶然なことに今回は「引用ブロック」について解説します!
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
(本当に偶然かな…?)
ブログなどを書いていると、「他のサイトや書籍の文章を載せたい」ということはありませんか?
文章をそのまま載せてしまうと、ユーザーから「この文章はこの人が書いたのかな?」と思われてしまう可能性があります。
「引用ブロック」を使えば、「どこから引用したか」ということをわかりやすく表記することができます。
引用ブロックとは
本やインターネット上などで、「引用」が使われているのを見たことがあるのではないでしょうか?
引用とは、簡単に説明すると「他者が作成した文章や作品などを、自分が作成している文章や作品などに掲載すること」です。
ワードプレスの編集画面では、以下のような説明になっています。
引用
引用テキストを視覚的に強調します。「他者の引用は、我々自身への引用である」—フリオ・コルタサル
WordPress編集画面より
なぜ引用が必要なのか
オリジナルで作られた文章や作品などには、必ず「著作権」が発生します。
自分が作ったものなら自由に使うことができますが、他人が作ったものをブログなどに載せるときには、「これは自分が作ったものではありません」ということをはっきり示す必要があります。
ユーザーに引用していることをわかりやすく示すときに、「引用ブロック」を使うと、他の文章と差別化ができます。
また、引用する際には「引用された部分をカギカッコで囲む」「引用元を明記する」などのルールがありますが、引用ブロックを使えば、テンプレートに沿って必要なことを入力するだけなので、簡単に引用の表記ができます。
引用ブロックの使い方
引用ブロックの追加方法は3種類あります。
どこから追加しても同じブロックが表示されますので、1番使いやすい方法で追加してください。
![画面左上の+・入力欄の「ブロックを選択するには「/」を入力」・入力欄の右側にある+のどれかを選択](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h00_29.png)
![画面左上の+・入力欄の「ブロックを選択するには「/」を入力」・入力欄の右側にある+のどれかを選択](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h00_29.png)
追加方法は「見出しブロック」と同じです。詳しくはこちらをご覧ください。
※「見出し」を「引用」に置き換えてください。
※引用ブロックは見出しブロックなどと比べて使用頻度は低いので、③「よく使うブロック6つ」に出てくることは少ないかもしれません。
文章を引用する方法
「引用ブロック」を追加したら、引用する文章と引用元の情報を入力していきます。
![ブロックの上の部分に「引用する文章」、下の部分に「引用元の情報」を入力](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h23_15.png)
![ブロックの上の部分に「引用する文章」、下の部分に「引用元の情報」を入力](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h23_15.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
「吾輩は猫である」を入力してみよう!
![引用ブロックの上部に本文(吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。)、下部に文献名(夏目漱石「吾輩は猫である」より引用)が入力された](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h37_32.png)
![引用ブロックの上部に本文(吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。)、下部に文献名(夏目漱石「吾輩は猫である」より引用)が入力された](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h37_32.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
改行するときは、「Shift+Enter」を押しましょう。
改行について、詳しくはこちらをご覧ください。
引用元がウェブサイトの場合
引用する文章がウェブサイト上にある場合は、URLも記載しましょう。
- 先ほどと同じように引用する文章・引用元の情報を入力します
![引用する文章「パソコン・スマホの悩みを分かりやすく解説。テクノロジー時代の寺子屋「テクこや」」
引用元の情報「テクこやより引用」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h57_33.png)
![引用する文章「パソコン・スマホの悩みを分かりやすく解説。テクノロジー時代の寺子屋「テクこや」」
引用元の情報「テクこやより引用」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_14h57_33.png)
- 引用元のサイト名をドラッグしてから、ブロックツールバーの「
」(リンク)をクリックします
(サイトのリンクを貼り付けます)
![「テクこや」をドラッグして、上にある浮き輪のようなリンクのマークをクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h03_37.png)
![「テクこや」をドラッグして、上にある浮き輪のようなリンクのマークをクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h03_37.png)
- サイトのURLを入力して横にある矢印をクリックします
![リンクのマークをクリックすると枠が出てくるので、そこにサイトのURLを入力して、右側にある矢印をクリックして完了](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h06_45.png)
![リンクのマークをクリックすると枠が出てくるので、そこにサイトのURLを入力して、右側にある矢印をクリックして完了](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h06_45.png)
- 「引用元の情報」に入力した「テクこや」にURLが貼り付けられました
![「引用元の情報」に入力した「テクこや」の文字が青くなる](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h12_14.png)
![「引用元の情報」に入力した「テクこや」の文字が青くなる](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_15h12_14.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
実際にURLを貼り付けたものがこちらです。
(デザインは画像と異なります)
パソコン・スマホの悩みを分かりやすく解説。テクノロジー時代の寺子屋「テクこや」
テクこやより引用
画像を引用する方法
画像を引用する場合は、ブロックツールバーの「インライン画像」から挿入します。
- 「引用を追加」を選択して、すぐ上にあるブロックツールバーの右から2番目にある「 ∨ 」から「インライン画像」をクリックします。
![ブロックツールバーの右から2番目に下向きの矢印があるので選択、上から2番目の「インライン画像」をクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h30_03.png)
![ブロックツールバーの右から2番目に下向きの矢印があるので選択、上から2番目の「インライン画像」をクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h30_03.png)
- 引用したい画像をアップロード、もしくはメディアライブラリから選択します。
![画像を選択もしくはアップロードする](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h33_56.png)
![画像を選択もしくはアップロードする](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h33_56.png)
「引用を追加」に画像が追加されました。
![引用したい画像が追加された](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h39_54.png)
![引用したい画像が追加された](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h39_54.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/usagi-150x150.png)
画像がなんだか小さいなあ…
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei1-150x150.png)
大きくすることもできますよ。
インライン画像を大きくするには、まず画像をクリックします。
画像の近くに幅を入力する画面が出てくるので、任意の数字を入力して右側にある矢印をクリックして決定します。
同様の手順で何度もサイズを変えることができるので、適当なサイズになるまで調整してください。
![画像をクリックすると「幅」という小さなウインドウが表示されるので、数字を入力して、右側にある矢印をクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h43_24.png)
![画像をクリックすると「幅」という小さなウインドウが表示されるので、数字を入力して、右側にある矢印をクリック](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-01_16h43_24.png)
文字の色・大きさ・配置を変える
他のブロックと同様に、文字の色・大きさ・配置を変えることができます。
文字の色・文字の背景色は、以下の手順で変えます。
- 文字の色を変える場合
- ブロックを選択して、右側のパネルから「色→テキスト」を選択します
- 任意の色を選択します
![引用ブロックを選択したら右側にあるパネルから「テキスト」をクリック、色を決定する](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h26_21.png)
![引用ブロックを選択したら右側にあるパネルから「テキスト」をクリック、色を決定する](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h26_21.png)
![引用ブロックの文字と装飾のラインが選択した赤色になった](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h30_52.png)
![引用ブロックの文字と装飾のラインが選択した赤色になった](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h30_52.png)
- 文字の背景色を変える場合
- ブロックを選択して、右側のパネルから「テキストの色→背景」をクリックします
- 任意の色を選択します
![引用ブロックを選択したら右側にあるパネルから「背景」をクリック、色を決定する](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h39_47.png)
![引用ブロックを選択したら右側にあるパネルから「背景」をクリック、色を決定する](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h39_47.png)
![文字の背景の色が緑色(薄いグリーンシアン)になった](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h43_43.png)
![文字の背景の色が緑色(薄いグリーンシアン)になった](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h43_43.png)
文字の大きさは、右側のパネルの「タイポグラフィ→サイズ」から変えます。
![ブロックを選択したら、右側のパネルの下の方にある、タイポグラフィからサイズ(13,20,36,42)を選択](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h55_28.png)
![ブロックを選択したら、右側のパネルの下の方にある、タイポグラフィからサイズ(13,20,36,42)を選択](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h55_28.png)
テキストの配置は、「ブロックツールバー」の3本線のマークから変えます。
初期設定では「テキスト左寄せ」になっており、各行の文章の始まりが左側に寄ります。
![「小」という字を横にしたようなマークで配置を変える
3本の線が左端でそろっていると「テキスト左寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h58_38.png)
![「小」という字を横にしたようなマークで配置を変える
3本の線が左端でそろっていると「テキスト左寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_10h58_38.png)
「テキスト中央寄せ」を選択すると、各行の文章が中央に寄ります。
![「小」という字を横にしたようなマークで配置を変える
3本の線が中央でそろっていると「テキスト中央寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_11h02_39.png)
![「小」という字を横にしたようなマークで配置を変える
3本の線が中央でそろっていると「テキスト中央寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_11h02_39.png)
「テキスト右寄せ」を選択すると、各行の文章が右側に寄ります。
![「小」という字を横にしたようなマークで配置を変える
3本の線が右側でそろっていると「テキスト右寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_11h07_50.png)
![「小」という字を横にしたようなマークで配置を変える
3本の線が右側でそろっていると「テキスト右寄せ」](https://techkoya.com/wp/wp-content/uploads/2022/09/2022-09-02_11h07_50.png)
まとめ
今回は「引用ブロック」の紹介をしました。
「引用ブロック」は、自分のブログなどに他人の文章や作品を載せるときに、引用していることをユーザーに強調して伝えるために使います
以上のことを覚えておけば、「引用ブロック」は簡単に使えます。
「みんなに紹介したい」という文章や作品があったら、「引用ブロック」を使って引用していることをはっきりと表記して、お互いに気持ち良くブログなどの読み・書きができるようにしましょう!
質問などあれば気軽に書き込んでくださいね♪