Gyazoを利用してWordPress.org公式サポートフォーラムで画像を共有する方法
この記事では、Gyazo アカウントを取得し、WordPress.org 公式サポートフォーラムで画像を共有するまでの手順を画像付きでお伝えいたします。
「Gyazo」は「ギャゾー」と読みます。
名前は日本語の「画像」に由来するんだそうですよ。
当サイトでは『Imgur (イミジャー) を利用してWordPress.org公式サポートフォーラムで画像を共有する方法』という記事も公開しています。
「Gyazo」と「Imgur」の大きな違いは「埋め込みブロック」の有無。
「Imgur」には埋め込みブロックが用意されてます！
WordPress のデフォルトブロックです
WordPress.org 公式サポートフォーラムでは、それぞれ以下の方法で共有します。
Gyazo
- リンク で共有します (外タブ)
Imgur
- ｢Imgur ブロック｣ を呼び出して貼り付けます
なお、カスタム HTML ブロックで WordPress に埋め込むと、それぞれ以下のように表示されます。
Gyazo
※ こちらの画像では、便宜上、Gyazo へのリンクを削除しています。
▼コード
<a href="https://gyazo.com/6771a4cc937a25988f9dd2e0763adac6"><img src="https://i.gyazo.com/6771a4cc937a25988f9dd2e0763adac6.png" alt="Image from Gyazo" width="1359"/></a>※ ご利用の際はtarget="_blank"を追加したほうがよさそうです。
Imgur
View post on imgur.com
※ スマホ幅に収まりきらずハミ出ちゃいます。
▼コード
<blockquote class="imgur-embed-pub" lang="en" data-id="uo4cF8G"><a href="https://imgur.com/uo4cF8G">View post on imgur.com</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>では、ここから、Gyazo アカウントを取得し、WordPress.org 公式サポートフォーラムで画像を共有するまでの手順を画像付きで解説いたします。
もくじ
Google Chrome に拡張機能 ｢Gyazo｣ を追加します
Gyazo にアクセスします
右上の「いますぐはじめる」をクリックします
下へスクロールします
「Google Chrome」をクリックします
(「Mozilla Firefox」「Microsoft Edge」でも OK。この記事では Google Chrome で解説を進めます)
「Chrome に追加」をクリックします
「拡張機能を追加」をクリックします
右上にこのようなポップアップが表示されます
Chrome 拡張を導入したので、次からはうんと簡単にスクショが共有できるようになります！
そのやり方はまた別の記事 (動画解説つき) に書きますね。
Gyazo アカウントを作ります
「サインアップ」をクリックします
このような画面が表示されます
「無料ユーザー登録」をクリックします
「利用規約」と「プライバシーポリシー」を開いて読みます
名前とメールアドレスを入力します
「パスワード」欄にカーソルを置くと「安全なパスワードを自動生成」が表示されるのでクリックします
「安全なパスワードを使用」をクリックします。
「ユーザー登録 (無料)」をクリックします
「パスワードを保存しました」のポップアップが表示されます。
「承認する」をクリックします
先ほど登録したメールアドレスの受信ボックスに『メールアドレスのご確認のお願い』というタイトルのメールが届くので開きます
メール本文中の URL をクリックします。
メールアドレスの確認が完了したら、上記メールは削除していただいて大丈夫です。
新しいタブで以下のような画面が表示されたら「自分の画像一覧」をクリックします
もう１通メールが届きます
もう１通、以下のようなメールが届きます。していただくべきことは何もありません。
Gyazo のアカウントができました！
次は画像をアップロードしてみよう！
画像をアップロードします
共有したい画像をドラッグ＆ドロップします
画像のURL(リンク)を取得します
「シェア」をクリックします
※ アカウント登録直後は「Pro版」のお試し期間 (30日間) なので、もしかしたら少し表示が違うかもしれません。
「リンクをコピー」をクリックします
「画像URLをクリップボードにコピーしました」が表示されたらOK
「プレビュー」をクリックすると･･･
実際に表示される画面が確認できます
リンク (画像のURL) がコピーできました！
そのままフォーラムへ移動するよ！
フォーラムでシェアします
フォーラムの入力欄を開きます
「/ (半角スラッシュ)」を入力します
ずらっとブロックが表示されるので、「埋め込み」を選択します
※「埋め込み」ブロックでは埋め込めませんが、これを選ぶと手数が少なくて済むので、意図的に選んでいます。
先ほど『画像のURL(リンク)を取得する』の項で「リンクをコピー」を押して取得した画像URLを貼り付けます
「埋め込み」ボタンをクリックします
「このコンテンツを埋め込めませんでした。」と表示されます
「リンクへ変換」をクリックします
リンクに変換されました
リンクにマウスポインタを当てると画像が小さく表示されます
多くの場合は画像があると回答しやすくなるので助かります！
ぜひともよろしくね！
新しいタブで開くよう設定します
リンクをクリックします
鉛筆のアイコン (リンクを編集) をクリックします
「新しいタブで開く」「nofollow をマーク」にチェックを入れ、「保存」をクリックします
画像の共有リンクの埋め込みが完了しました
ぜひ覚えてくださいね！
ことり的とりまとめ
冒頭でもお伝えしました。
でも、とても大切なことなので、最後にもう一度。
最後までお読みいただき
ありがとうございました！
「Gyazo (ギャゾー)」と「Imgur (イミジャー)」、どちらも簡単です。ご自身に合う方法でシェアしてくださいね。
Imgurを利用してWordPress.org公式サポートフォーラムで画像を共有する方法
