【Cocoon】ぜひともブログカードの貼り付け方を伝えたい。

Cocoon

Summary
This post demonstrates how to insert a blog card into your posts. Without the usage of the Cocoon block tab, you attach a blog card at your disposal. You should go to a text page from a visual page, then copy&paste the URL to where you intend to insert it. Just do it.

おはようございます。ネオです。
本日は大学のゼミがあると思って、憂鬱な朝起きたくない病でしたが、なんと明日だそう!

というわけで元気が出てきたので、朝からブログ書いています。週末は、授業の中間レポートを12日前に仕上げ、バイトもしっかりこなすという充実な週末でした。

来週の日曜は、高尾山登るから楽しみ!

そんなことはどうでもよくて、この記事では、最近苦労していたブログカードの張り方を紹介したいと思います。

既にいろんな方が分かり易い説明をしてくださっているので、ニッチなポイントだけシェアします。

基本的な方法は、以下のブログ等をご参照ください。
※ このような添付方法がブログカードです。

【Cocoon】ブログカードの基本的な使い方【初心者向け】
Cocoon使用者向けにブログカードの使い方をやさしく説明します。内部リンクをつなぐときにブログカードだとキレイですよね。私も最初ブログカードが表示されなくて焦りました。スペースが入ってただけだったんですけどね。カスタマイズは別記事を案内しています。

上記のブログで紹介されているように基本的にブログカードの添付方法は、

  1. 編集画面左上のブロックの追加(⊕)ボタンを押す
  2. Cocoonブロックを選択
  3. ブログカードを選択

で完結するとされていますが、、、

僕の編集画面にブロックの追加(⊕)ボタンがない!!

という事で、下の画像からもお分かりいただけるかと思いますが、自分の編集画面にそもそもの、ブロックの追加(⊕)ボタンがないんですね(泣) すごく苦労しました。。。

しかし今から紹介する方法は、ブロックの追加(⊕)ボタンから行うより簡単なので、効率化したい方は、ぜひご参考に!

ブログカードを、簡単に挿入する方法!

方法は簡単です。
①ブログ編集画面の右上にある、
「ビジュアルページ」→「テキストページ」に移動します。

②そうすると以下のような画面になります。

③テキストページで上下に行間を1行ずつ開けて、貼りたいURLをそのまま入力する。

【忙しい人のための】英会話力アップを実感できる方法。
Summary This post will demonstrate my experience in my amelioration of English speaking skills. I have been reading a...

そうすると、このようにブログカードが貼れちゃいます!

 

注意点!

上手くいかないことはパソコンを触っていると、付き物ですよね。(笑)僕は機械音痴なので、ブログ執筆でも時々、こういったトラブルで困ってしまいます。

今日紹介した方法でうまくいかないケースは存在しますので、トラブルシューティングとして、Tipsを置いておきます。

行間を1行ずつ開けないと、ブログカードとして表示されないようです。
URLをコピペする際、URLの前後にスペース(空白)が入っていると、ブログカードして表示されないようです。
以上2点に気を付けて、パパっと、ブログカードを挿入していきましょう!

最後に

今回は以上になります。

ブログカードというのは、他のいろんな優秀な方からの知見を引用しつつ、自分で、穴を埋めていけるという意味で、読者の方の大変大きな助けになるなと感じています。

もし僕と同じ悩みで挫折してしまった方がいらっしゃって、この情報が役立ったと思って下さったらこの上ありません。

これからも自分が行き詰ってしまって解決したことも、読者の皆様にご紹介できたら、微力ながらお力になれる時もあるかもしれません。ぜひ参考にしてください!

それではまた。

 

 

Profile
The Author

関西出身の関東の国立大学生(4年)。
2022年より、関西に戻って、大学院へ進学予定。

奮起して得た経験や、日頃で感じた考えを書き綴っていきます。

ネオをフォローする
Cocoon
シェアする
ネオをフォローする
俄庭箱|highmoon period