【ブログ作成】カエレバ無でも商品リンクが綺麗に貼れるcocoon

Affiliate

ご紹介したい楽しい商品や、便利グッズがたくさんあって、早くブログの記事にしたいなぁと思う今日この頃。

パソコン

しかし、ネットショッピングのサイトや商品リンクをまとめて綺麗に見せるのって、思うように簡単にはいかなくて🙈

大分モヤモヤしていたんです…

しかし!!

もし現在WordPressのテーマがcocoonをお使いなら、簡単に素敵な商品リンクが貼れる!

と、いう気づきがありました!

mamaru
mamaru

cocoonで商品リンクを貼り付けるのは、とても簡単で、完成度も綺麗すぎて、めちゃくちゃ感動しちゃいましたー!!

過去には、カスタマイズも必要で、とても苦労したのにこんなにありがたい機能もついてて助かります。

こんな大事な【ブログ作成】情報は、随時記録していこうと思っています。

未来でも、またブログ構築を頑張るわたしのため。それに、いっしょにブログ構築を頑張るあなたのため。

少しでもお役に立てる情報でありますように…

cocoonのテーマで商品リンクを簡単に設置してみよう!

まず、cocoonのテーマで商品リンクを作成するためには、事前準備設定が2つあります。

この少し手間のかかる事前準備を2つ頑張っておくと、後はとても簡単に商品リンクを作成していけます

しっかり事前準備を設定していきましょう!

事前準備①|cocoon設定

Cocoon設定

cocoon設定⇨cocoon設定

Cocoon設定

そしてAPIの設定が済んでいるか確認してみてください!お済みなら、そのままで大丈夫です。

Cocoon設定API
Cocoon設定楽天
Cocoon設定Yahoo!ショッピング

まだ空白があるようであれば、項目が埋まるように設定していきましょう!

※設定が難しいところは、各所cocoonテーマ制作者のわいひらさんが「?」マークのところで解説してくださっているので、スムーズに登録していけそうです。

Cocoon設定

全て項目が埋まり項目が埋まれば、変更をまとめて保存をお忘れなく行ってください!

事前準備②|Googlechromeにブックマークレットを貼り付ける

cocoonの制作者わいひらさんのページでもご紹介があるように、商品リンクを作成するのにとっても便利なブックマークレットを制作してくださっている方がいらっしゃいます。

ものぐさWEBノートを運営されている草村さんがシェアされているものを掲載させていただきました。

草村さんのページから楽天商品リンクショートコード作成ツールをチェック

草村さんのページから、楽天リンク作成のツールを使わせていただくことにしましょう!

そのページから、しっかり便利ツール!【電子書籍対応】Cocoon楽天商品リンクブックマークレットを貼りつけてください。

Cocoon楽天商品リンクブックマークレット
ものぐさWEBノートの制作者草村さんのページより引用

ブックマークレットの登録方法

ブックマークレットを登録するには、「楽天商品リンク作成」と書かれたリンクボタンをブラウザのブックマークにドラッグ&ドロップすると簡単に登録できます。

ブックマークレット

常設しておくと商品リンクを作成するのにとても便利です。

ブックマークレットを、お使いのブラウザのブックマークに設置したところで無事事前準備完了になります。

ブックマークレットを実際に使用する際

後は、必要な楽天市場内商品ページを開いた状態で、先程ブックマークに貼り付けた、ブックマークレットをクリックすると、楽天商品リンクのショートコードが作成されるので、そのままコピペして、WordPressに入れ込んでいきましょう!

ブックマークレット

ブックマークレットで作成した商品ショートコードで上手く商品リンクを作るには

折角、草村さんの「ブックマークレット」を使用することにより、商品のショートコードは作成できました。

しかし、わたしはなかなか上手く商品リンクにできなくて。それで、便利な方法を見つけたので、早速簡単にまとめていきます!

ページ内にブックマークレットの商品ショートコードを入れる方法

Cocoonテーマ

まずは、文章入力の右端+ボタンを押し、クラシックを選択してください。

Cocoonテーマクラシック入力

クラシックボタンをクリックしてください。

クラシックボタンを押すと、一部分だけの「クラシックエディター」が起動するので、コード入力などが簡単に行えます。

そこに先程作成した楽天商品リンクのショートコードを貼り付けてください!

そうすると、通常作成している「ビジュアルエディター」上にはそのままコードが現れてくるかもしれませんが、大丈夫です。

Cocoonテーマクラシック入力

こちらのコードの商品をプレビューしてみると、このように表示されています!しっかり入力できました。

Cocoonテーマ商品リンク

通常a8.netなどで作成した商品リンクやカエレバの商品リンクよりも、cocoon既存の商品リンクは、自分のブログサイトに合わせやすくて、とてもお気に入りです。

a8.netで作成した商品リンクと、cocoon既存の商品リンク
カエレバイメージ
カエレバの商品リンク作成例

事前準備を行えば、後は好きな商品の商品リンクショートコードをコピペして、ブログ内のクラシックエディターに貼るだけ!

たったこれでけなのに、見栄えも良くて素敵な商品リンクができました!

cocoonのテーマなら「カエレバ」が無くても大丈夫!

おすすめの商品リンク作成には、「カエレバ」がとても有名です。

わたしも今まで大変お世話になりました。

カエレバ
カエレバトップページ

ありそうで無かった、商品紹介用のブログパーツあります!

このキャッチフレーズと共に、魅了される「カエレバ」ブログパーツは、ブログ上で、特に量販品を紹介するためのブログパーツで、アマゾン、楽天市場、Yahoo!ショッピングなどの複数のネットショッピングモールへのリンクを表示することができます。

カエレバ
カエレバ商品リンク作成イメージ

凄く便利なので、おそらく多くのユーザーが利用しているのではないでしょうか。

ところが。

今回わたしのブログ構築にもお世話になっているcocoonの設定の中に既に商品リンクが凄く便利に作れてしまう機能が備わっていて、それがあまりにも簡単だったので衝撃でした。

見た目もおしゃれでとっても便利!

今後はcocoon既存の商品リンクで、どんどん嬉しい商品、便利グッズをご紹介して使っていけそうですね!

【ブログ情報】カエレバ無しで商品リンクが綺麗に貼れるcocoonまとめ

【ブログ情報】カエレバを使用しないで、商品リンクが綺麗に貼れるcocoonのその魅力的な方法を一つ一つ、一緒に行ってまいりましたが、いかがでしたでしょうか?

上手くお伝えできましたか?

わたしは、以前に構築していたブログサイトを全部消してしまうというアクシデントにみまわれて、悲しい思いをしました。

そこで、こうして新しくブログサイトを立ち上げています。

今回立ち上げてるサイトは、cocoonのテーマのお陰で、必要な物が備わっていて、何もスタイルシート等を触らなくても、上手く使えて、便利で便利で大満足しています。

mamaru
mamaru

過去に作成していたブログサイトでは、あんなにも苦労していたのに…

cocoonは本当に素晴らしい!!

本当に感謝しています。

是非、また困ったことがあればすぐにこちらに記録して、おはなしの共有ができればと思っています。

是非今日も明日も元気に楽しくブログ構築していきましょうね🐵✨

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