cocoonでカスタマイズ｜画像引用のやり方【図解あり】

2021年4月28日
2022年11月10日
Cocoonカスタマイズ
cocoonカスタマイズ
2436View
2件

Cocoonカスタマイズ

cocoonで画像引用しようと思ったら、画像項目のボタンが見当たらないのよね…。どうしてもcocoonを使って画像引用できるようにしたいの、なんとかならない？ asuhare。

asuhare

ナミさん、cocoonで画像引用は簡単に操作できないかもです。

え～、やっぱりね…。

asuhare

でも大丈夫、ナミさん^^ cocoonで簡単な画像引用のやり方見つけたよ。

やる～！asuhare。

asuhare

それじゃ始めるね。

この記事でわかること

ということで今回は、

cocoonで簡単な画像引用のやり方

を学べるよ！

cocoonで画像引用が簡単にできれば、ブログ運営をスムーズに進めていけるはず！

注目！

それでは始めていきます、ぜひじっくりと最後までご覧ください^^

1 cocoonで画像引用のやり方【図解あり】｜手順
2 cocoonカスタマイズ｜画像引用のやり方まとめ

cocoonで画像引用のやり方【図解あり】｜手順

それでは、cocoonで画像引用のやり方【図解あり】の手順を紹介していきますね。

cocoonカスタマイズ画像引用のやり方①｜投稿画面で＋クリックや→クラシックをクリック

記事投稿画面で①のプラスボタンをクリック
②のクラシックエディターをクリック

cocoonカスタマイズ画像引用のやり方②｜引用符クリック→メディアをクリック→画像貼り付け→『引用：エックスサーバーホームページより』と記載

クラシックエディターがあらわれます。
①の引用符をクリック。
②のメディアを追加をクリック。
あらかじめ保存していた引用先の画像を貼りつけします。
画像の下に『引用：エックスサーバーホームページより』と記載します。

cocoonカスタマイズ画像引用のやり方③｜画像引用先ページへ移動→URLコピー

画像引用先のホームページ（画像のあるページへ移動）
そのページのURLをコピーします

cocoonカスタマイズ画像引用のやり方④｜投稿画面→文字列ドラッグ→リンクボタンをクリック→貼り付け→矢印マークをクリック

記事投稿画面にもどります。
下画像①先ほど記載した文字列『引用：エックスサーバーホームページより』をドラッグします。
下画像②のリンクボタンをクリック。
先ほどコピーしたエックスサーバーURLを下画像③に貼り付け、←マークをクリック。

cocoonカスタマイズ画像引用のやり方⑤｜完了

これで、終了です。

何度やっても画像が貼れない場合は、投稿記事画面を再読み込みすると画像を表示できることもありますから、試してみてください。→キーボードの [Ctrl]＋「R」で再読み込みできます。

cocoonカスタマイズ｜画像引用のやり方まとめ

今回は、cocoonでカスタマイズ｜画像引用のやり方【図解あり】を紹介しました。

asuhare

cocoonで画像引用できれば、ブログ運営もスムーズに進めて行けると思うので、ぜひ試してみて^^

さっそくやってみるね！ありがと asuhare。

おわりに、重要ポイントをまとめておきますね。

初心者ブロガーさんでも『cocoonカスタマイズで簡単な画像引用のやり方』がわかる
ブログ運営をスムーズに進めていける
ブログの幅が広がる

こんな感じ。

画像引用の機会があれば試してみてくださいね^^;

ではではまた。asuhareでした。

リンク

cocoonでカスタマイズ｜画像引用のやり方【図解あり】

cocoonで画像引用のやり方【図解あり】｜手順

cocoonカスタマイズ画像引用のやり方①｜投稿画面で＋クリックや→クラシックをクリック

cocoonカスタマイズ画像引用のやり方②｜引用符クリック→メディアをクリック→画像貼り付け→『引用：エックスサーバーホームページより』と記載

cocoonカスタマイズ画像引用のやり方③｜画像引用先ページへ移動→URLコピー

cocoonカスタマイズ画像引用のやり方④｜投稿画面→文字列ドラッグ→リンクボタンをクリック→貼り付け→矢印マークをクリック

cocoonカスタマイズ画像引用のやり方⑤｜完了

cocoonカスタマイズ｜画像引用のやり方 まとめ

cocoonカスタマイズ｜画像引用のやり方まとめ