【Cocoon使い方】リンク・タブボックス・画像・動画の挿入方法

机の上に散りばめられた花Tips
Photo by Annie Spratt on Unsplash


Peco
Peco


はじめまして、ペコです。
WordPressに登録した、できた!さて、ブログ書くぞ!!
むむむ、ブログってどうやって書いていけばいいの?そもそも、Cocoonってナニ?


右も左もわからず手探りで学んできたことを解説画像とともにお伝えしていきます。

この記事はこんな人にオススメ
  • ブログ始めたばかり
  • Coccoonの使い方がわからない
  • 練習したい
  • かわいくしたい
にゃんきち
にゃんきち



この記事を読んで頂くと、Cocoonで以下のことができるようになります。

✔ リンクを貼る
✔ 画像の挿入
✔ タブボックスの挿入
✔ YouTubeの貼り付け


Cocoonでリンク・タブボックスを作成する方法

Cocoon使い方、リンク・タブボックス・画像・動画の挿入方法
Photo by Daria Shevtsova on Unsplash

スマホでこのブログ記事を見ながら、パソコンで練習してみてクダサイね♪

Cocoonリンクの貼り方

お問い合わせは ” こちら “

こんな感じでブルーになっているところをクリックすると、そのサイトやお問い合わせフォームに飛べる方法をご説明していきます。

リンクの埋め込み方

 例:自分のトップページをコピーしてリンクとして埋め込む場合・・・

使いたいURLを選択してコピー
『 https://deco-bocco.com/ 』を選択して右クリックでコピーします。

『 お問い合わせは “こちら”』と入力します。

“こちら”にリンクを埋め込みたい場合

『こちら』をマウス左を押しながら、文字をなぞってドラッグすると、下の図④のようなアイコンが出てきます。

④図のアイコンをクリックします。

cocoonでのリンクの貼り方

⑤先ほどコピーしたリンクを貼り付けます。右クリックすると『貼り付け』が出てくるのでポッチっとすると入力完了です♪

cocoonでのリンクの貼り方
Peco
Peco

⑥リンクを貼り付けると下記のように表示されるので、クリックします。
新しいタブで開くを選択した方が、読んでるページを行ったり来たりする手間が省けるので、個人的には『新しいタブで開く』をONにすることをオススメします。

cocoonでのリンクの貼り方


完成です↓↓↓↓↓

お問い合わせは ” こちら “


こんな感じに仕上がりました!!!

Cocoonタブボックス挿入方法

①右側もしくは中央に出てくる + ボタンをクリック

” タブボックス ” って書いたアイコンがあるので、ポチっとします。

Cocoonでのタブボックス挿入方法
Cocoonでのタブボックス挿入方法の解説

仕上がりはこんな感じ ↓↓

こちら、モルディブのリゾートです。
どこみても美しい!!
願いは、必ず叶います♬

Cocoonの画像・動画の挿入方法

Cocoon画像挿入方法

右または中央に表示される+ボタンをクリック

” 画像 ” って書いたアイコンがあるのでポチっとしたら、画像も入れれちゃいます♪

右側のブロックから画像の大きさも変えることができます。

 Cocoon画像挿入方法

YouTubeの挿入方法

①YouTube画面であらかじめ、貼りたいページを表示します。
動画の右下の 『シェア 』 をクリック
以下の様にリンクが表示されるので、コピーします。

CocoonでのYouTube動画挿入方法


>>Cocoonの投稿画面に戻ります。

中央もしくは右側に出てくる + ボタンをクリックすると、『YouTube』のアイコンが出てきます。

CocoonでのYouTube動画挿入方法

YouTube画面でコピーしたURLを貼り付け、『埋め込み』をクリックします。

CocoonでのYouTube動画挿入方法

YouTube が表示されます。↓↓

まとめ

いかがでしたでしょうか。
ブログ始めたばかりの頃は、わからないことだらけだと思います。私もまだまだ初心者で、色んな方のブログや動画で勉強させて頂いています。

この記事が少しでもお役に立てて、ブログライフを楽しむ第一歩になれば幸いです。
最後までお付き合い頂き有難うございました♪

コメント

タイトルとURLをコピーしました