WordPress/Cocoonテーマ　ブログカードの使い方

Cocoonブロックのブログカードの解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。

私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から初心者のお役に立てたらと思い解説していきます。

Cocoonブロックでできること

ブロックの追加→下にスクロールして、Cocoonブロックで開きます。

※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。

ブログカードの表示

Cocoonブロックからブログカードを選択すると、↑このように表示されます。

ラベルの表示

スタイル設定→ラベルをクリックしたら一覧が表示されます。

ラベルの貼り方

それでは実際にブログカードを貼ってみます。

ラベルあり

ラベルなし

↑このように表示されます。
貼りたいURLを入力またはコピペします。

入力した画面ではこのように表示されますので、ちゃんと表示されるかプレビューで確認してみるといいと思います。

↑このように複数枚貼ることも可能ですが、ラベルは同一のものとなります。

表示はひとつづつ貼るのと変わりません。

あとがき

私以上の超初心者で、パソコンにもあまり詳しくない方でもわかるように説明してみましたがいかがでしたでしょうか？

参考になった！気に入った！

いいねボタンとチャンネル登録お願いします！笑
（YouTube風)

何か問題や、ここ間違ってるよ！
ってところがありましたら、コメント欄かツイッターでご指摘ください。

WordPress/Cocoonテーマ　アイコンリストの使い方

Cocoonブロックのアイコンリストの解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。

私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から同じ初心者さんのお役に立てたらと思い解説していきます。

Cocoonブロックでできること

ブロックの追加→下にスクロールして、Cocoonブロックで開きます。

※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。

アイコンリストの表示

アイコンは画面右側の設定が文書のままだと表示されないので、ブロックに切り替えてください。

この設定画面が閉じている場合は、右上の公開するの横の車輪マークで開きます。

アイコンと数字の切り替え

※ここが数字で設定されているとアイコンの選択ができません。

スタイル設定以外での装飾方法

このような感じになりました。

あとがき

このブログでも使用しているCocoon（コクーン）というテーマは無料なのが信じられないほどとても高機能でオススメです。

有料テーマ？…無料テーマ？
どう違うの？もうわかんないことばかりだ…

悩みすぎて諦めなくて大丈夫です。
Cocoonユーザーはたくさんいますので、安心して始められます。

私も悩んで迷って消耗したけどさ

WordPress/Cocoonテーマ　吹き出し機能の使い方

Cocoonブロックの吹き出し機能の解説です。
超初心者向けなので高度な設定の追加CSSについては記載していません。

私がブロックの一覧を見ても名称も機能もさっぱりわからなかった経験から同じ初心者さんのお役に立てたらと思い解説していきます。

Cocoonブロックでできること

ブロックの追加→下にスクロールして、Cocoonブロックで開きます。

※画像では[∨]のマークのところを指定していますが[∨]じゃなくても開きます。

吹き出し一覧

男性

男性　デフォルト　丸（枠線あり）

悩むおばさん　フラット　丸（枠線なし）

男性医師

男性医師　LINE風　四角（枠線あり）　

会社員

ビジネスウーマン　LINE風　丸（枠線あり）　

どや顔女性（右）考え事　四角（枠線なし）

スタイル設定

■人物

サンプルで用意されていて、５種類の男性女性で計１０個用意されています。
自分で設定することも可能、表示させたアイコンの顔の上でクリックしてファイルやメディアライブラリから設定できます。

ダッシュボード→Cocoon設定→吹き出し
ここで常に使いたい物を設定しておくこともできます。
設定しておくとスタイル設定の人物の一覧に表示されるようになります。

■吹き出しスタイル

デフォルト・フラット・LINE風・考え事の４種類で、LINE風だけ左右でデザインが異なります。

■人物位置

左右の２種類。（LINE風だけ左右でデザインが変わります）

■アイコンスタイル

アイコンスタイルは２種類の４パターンです。
・四角（枠線なし）（枠線あり）
・丸　（枠線なし）（枠線あり）

●枠線なしの四角と丸の違い

下記のワンちゃんの画像をご覧ください。
２つとも枠線なしで、上が四角で下が丸です。
表示のされ方が違いますね。

●アイコン名の表示

表示させたアイコンの下をクリックすると入力できるようになります。
入力しなければ表示されません。

吹き出し色設定

デフォルト　四角（枠線なし）

考え事　丸（枠線なし）

背景色・文字色・ボーダー色の設定ができます。
色の種類は選んだスキンの設定で変わると思います。

●スキンの設定

スキンの設定は、
ダッシュボード→Cocoon設定→スキンで選べます。
スキン名の左の写真のアイコンの上にポインターを合わせるとデモが表示されます。

いろいろな吹き出しの使い方

いろいろ試してみました。
あまりこういう使い方をされているのは見かけないですが…
画像と広告がちょっと斬新です。

これは白抜きボックスです

Cocoonブロックの白抜きボックスを入れてみました

画像を貼ってみました

広告を貼ってみました

吹き出しに吹き出し

吹き出しに吹き出し…
組み合わせによってバグるようです。

画像や広告を貼ってみるのは面白いですね⭐️

私のアイコンは「いらすとや」のフリー素材なのでオリジナルのアイコンを作りたいですが、なかなかアイデアが浮かびません。

ココナラに無料登録だけはしたんですが…
ペンギンが定着しつつあるので、早めに考えなければ…

おすすめ書籍３選＋番外編

各分野の成功者、知識人、時代を先取りして生きてる人のお話を聞いてると、総じて読書をお勧めしています。

その方達の本や、その方達もおすすめの本です。

おすすめ書籍３選

• シン・ニホン AI×データ時代における日本の再生と人材育成
• お金の真理
• FACTFULNESS（ファクトフルネス）10の思い込みを乗り越え、データを基に世界を正しく見る習慣

番外編

• カエルの楽園
• カエルの楽園2020

本は紙で読みたい派です。

私は平日の数時間と休日の数時間を利用して、ブログ書いたりプログラミングの勉強したりしています。

地上波のテレビはほとんどみなくなり、もっぱらYouTube(ユーチューブ)とTwitter(ツイッター)と時々Instagram(インスタグラム)です。

あとは、読書を始めました。


番外編のおすすめは『カエルの楽園』

小学校高学年くらいならお子様でもわかるような内容で、日本の情勢がわかりやすかったです。

SNSでも話題になった続編『カエルの楽園2020』も書籍化されました。

読書慣れしてない人にもとても読みやすいです。
一応フィクションだけど、なんかリアル。

成功者、知識人の考え方が学べる

安宅さんの『シン・ニホン』を読んでいる最中です。

それから、与沢翼さんの『お金の真理』とハンス・ロスリングの『FACTFULNESS』(ファクトフルネス)を注文しました。

『FACTFULNESS』(ファクトフルネス)は、ものすごい人気でオリラジの中田敦彦さんのYouTube大学でも紹介されています。

このチャンネルは本当にすごいですね、大変勉強になります。

色々と読みたい本はたくさんありますが、全てとなるとお高いです…
中古で探したり図書館の利用もありかも、中古はなかなか人気書籍は出てきませんが、時々チェックしています。

図書館！図書館、気になりますね♪

キャラじゃないので躊躇しちゃいますが、ご時世的にもマスクしていけばなんとかなりそうですので、利用方法等調べてお散歩がてら行ってみようと思います。

はじめてのおつかいみたいで想像するだけでドキドキしちゃいますね(笑)

『シン・ニホン』も中田敦彦YouTube大学で紹介されいますのでお時間ある方はご覧になってみてください。

こちらについては要約したもっとサラッとサクッと見られるYouTubeチャンネル、
サラタメさん【サラリーマンYouTuber】がありますのでそちらを紹介させてください。