PR

【Cocoon】記事を見やすく

まなぶ
スポンサーリンク

画像

画像を貼り付ける時のサイズサンプルです。

貼り付け画像のサイズイメージに。

800×579ピクセル

300×200ピクセル

一番上の800×579の幅800だけを400に変更するとこうなります。

インライン画像こんな風に文中に画像が入ります。

サイズは500×500ピクセルです。

普通に貼り付けるとこのサイズです。

サイズ変更

ボックス

各種ボックスのイメージです。

使い方研究の余地はある、というか、何もわかっていないと同じなので、おかしなことを言っていたら、ツッコミではなくアドバイスをいただけたら幸せです。

アイコンボックスです。

「注意」や「インフォメーション」でよく見かける形です。

右メニュー「ブロック」で詳細設定できます。

案内ボックスです。

  • 右メニューの「ブロック」で詳細設定ができます。
  • リストや告知などの感じでしょうか。
  • ブロックが選択されている間はブロックのまわり(ボックス内のブロック)に枠が表示されているが、編集が終わったら消える。
  • 単純に、部分的に背景色を変えるモノと考えれば良いのかな。

白抜きボックス。

これだけでは何の役に立つのかわかりません。

案内ボックスと白抜きボックスを重ねてみました。

枠だけ?ですかね。

付箋風ボックスです。

タブボックスです。

枠を触って背景色を変えると枠の色が変わります。

文字を打ち込む時に背景色を変えると、その文字ブロックのみ背景色が変わります。

ブログカード。

URLを貼り付ける。自分の記事の場合、プレビューのURLを貼る。

(ダッシュボードからコピーしたらうまく貼れなかった)

ボタンのテスト

直リンク

Cocoonボタン設定

テキスト広告(比較テスト用)
Amazon

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