【ブログ初心者向け】GURTENBERGで画像を引用する方法。

ブログをはじめよう！！と思い立ち、wordpressにたどりついたはいいものの、
「GURTENBERG」の教科書のようなものはあまり出てきませんでした。。

よくよく調べてみると、
この入力システム「gurtenberg」に切り替わったのが、
2019年5月でまだ5か月しかたっていないため、まだ使用者数が少ないようです。

ですので、今回は忘備録もかねて
「gurtenberg」の基本である画像の引用方法を説明していきます。

引用について

まず、ブログでの、引用するときの条件についてさらっとおさらいします。

引用のルールとしては、文化庁のホームページに下記記載があります。

他人の著作物を自分の著作物の中に取り込む場合，すなわち引用を行う場合，一般的には，以下の事項に注意しなければなりません。
（1）他人の著作物を引用する必然性があること。
（2）かぎ括弧をつけるなど，自分の著作物と引用部分とが区別されていること。
（3）自分の著作物と引用する著作物との主従関係が明確であること
　　（自分の著作物が主体）。
（4）出所の明示がなされていること。（第48条）
（参照：最判昭和55年3月28日 ｢パロディー事件｣）
出典：文化庁 著作物が自由に使える場合 (注5)引用における注意事項

要約すると、ブログでの引用は下記3点が必要になります。

①は言わずもがな、人のサイトをコピペ、コピペで作るなど言語道断で、
　自分の主張が主体で、その信用性を持たせるために使用してください。
②引用部分を明確に区分する必要があります。
　ワードプレスでは、「引用」を用いることで簡単に引用と部分を切り分けることができます。
③ブログでの引用先は、基本的に他サイトのリンクになると思います。
　忘れずにリンク先のタイトルとリンク先を貼り付けてあげてください。

画像の引用方法

それではgurtenbergでの画像の引用方法を説明していきます。

と言いたいところですが、残念ながら2019年10月現在、
「クラシックブロック」を用いてしか画像は引用できない仕様となっております。

ですので、「クラシック」を用いた画像の引用方法を説明していきます。

①ブロックから、「フォーマット」⇒「クラシック」を選択

②クラシックの選択項目より「引用““」を選択。

③引用セル内でメディアを追加を選択。
　(※ここで「コピペ」、「ドラッグ＆ドロップ」は使えないので注意してください！)
④出所(リンク先)を記載。

という流れになります。

キーポイントは、

コピペやドラッグ＆ドロップが使えませんので、
一度他のブロックでコピペ、ドラッグ＆ドロップをして、
メディアライブラリに保存して、引用内に貼り付ける。

ことです。

まとめ

gurtenbergでの画像の引用は少々めんどくさいですが、

で行うことができます。

【ブログ初心者向け】GURTENBERGの使い方！ワードプレス

ブログをはじめよう！！と思い立ち、wordpressにたどりついたはいいものの、
「GURTENBERG」の教科書のようなものはあまり出てきませんでした。。

よくよく調べてみると、
この入力システム「gurtenberg」に切り替わったのが、
2019年5月でまだ5か月しかたっていないため、まだ使用者数が少ないようです。

ですので、今回は忘備録もかねて
「gurtenberg」の基本の基本をおさらいしていきたいと思います。

初心者にとって、gurtenbergは普通に使いやすい！

僕は、gurtenbergへの切り替え時期から使っておりますが、
ブロックを一気に複製できたり、移動できたり、直感的に使えて、
「普通に使いやすい」と思っています。

これから主流になっていくことは間違いないですし、
プラグインもどんどん、gurtenbergに対応していってくれています。

これからブログを始める！！という人は、
gurtenberg環境に慣れておいて間違いはないと思います。

基本的な使い方

それでは、基本的な使い方を説明していこうと思います。

いろいろとかっこよくしたい！！
という気持ちがあるとは思いますが、
今回は、ブログに必要な「見出し」「本文」「画像」「表」の説明をしていきます。

①見出し

まずは、見出しの書き方です。
本文作成前に、見出しを決めることで、
順序だてて話をしていくことができます。

見出しの作成はたった2ステップです。

①＋ボタンで「T(見出し)」を選択します。

②見出しの種類を決めます。

たったこれだけです。

　H₂　→　大項目
　H3　→　中項目
　H4　→　小項目　となっており、目次などに使われます。
　この区分については、いろいろなブログを見て使い方を勉強するといいと思います。

②本文の作成

では、次に本文の作成に移ります。

ただただ打っていけばいいのですが、
覚えるべきショートカットが2つだけありますので、
まずはこの2つを覚えてください。

shift＋enter　→　ブロック内の改行

ブロックをまたいでの改行は「Enter」のみとなりますが、
本文内で改行をしたい場合は、「SHIFT＋Enter」になります。

本文内の改行は
このように間があきます。

ブロック内の改行は

このように間があきます。

ctrl+alt+z

いらないブロックを削除するショートカットキーが

「ctrl+alt+z」

です。これを使うことで簡単に消すことができます。

③画像

次に、画像の張り付け方を説明します。

と言いたいところですが、画像はコピペで張り付けることができます。

また、挿入したい画像をドラッグ＆ドロップでも
簡単に画像を張り付けることができます。

④表の作成

最後に、表の作成ですが、
これもExcelで表を作成してコピペすることをお勧めします。
残念ながらgurtenbergのテーブルでは、
・セルの結合
・セルの色を変える
・幅の調整
などができませんので、表を多用したい人は「 TinyMCE Advanced 」
というプラグインを入れてクラシック下で編集することをお勧めします。

まとめ

gurtenbergは非常に簡単で直感的です。
ですのでほぼ戸惑うことはないと思いますが、

「shift+enter」　「ctrl+alt+z」

は絶対に必要になってくるので覚えてください！！

おしゃれなブログなどなどを作成していきたい気持ちはわかりますが、
とりあえず、ブログを書く！！！
という習慣を作ることがブロガーの第1ステップになります。

最初の6か月は、グーグルさんにほぼ認識されていないので、
誰も読みに来てくれません。。。
ですので、おしゃれなどなどの前にきちんとした「人のためになる文章」を
極めていっていただけたらと思います。