【cocoonブロック②】全メディアブロックの使い方一覧|ブロックの用途を把握しよう!

cocoon

cocoonにはサイトを おしゃれで見やすくするために、様々なブロックが用意されています。
僕も、どのようなものがあるか把握しておきたいので、このページにまとめておきます。

ブロックのデザインが多すぎるので、今回はメディアブロックのみ! メディアブロックを使うと、画像、音声、動画などをブログに挿入でき、ブログで伝えられるコンテンツの幅が、グッと広がります!

画像

「画像」ブロックは単純に、画像を挿入するブロックです。

ギャラリー

画像を1列に複数枚並べられるみたいです。 どうも画像は横に3枚までしか並ばないようです。
そのため、画像は3の倍数枚にすると見栄えが良いと思います!

ちなみにスマホでは2列分しか画像が表示されません。

音声

音声データを入れるブロックです。 今回はmp3という形式のファイルをアップロードしました。

ちなみに、DOVA-SYNDROMEというサイトから無料でダウンロードしました。商用利用も可能みたいです。

カバーブロック

カバーブロックを使うと…

選択した画像が背景になり、その中にブロックを追加できるようになるみたいです。この文章は「段落」というブロックに書き込んでいます。

ファイル

サイトを訪れた人が、「ファイルブロック」で選択したファイルをダウンロードできるようになるみたい。
今回は僕のサイトのアイコン画像をアップロードしたから、みんなダウンロードできるようになってるかな?

メディアとテキスト

これが僕のサイトのアイコン画像です。
このように、選択したファイルと文字が横並びで表示されるみたいです。

ちなみにモバイルの場合は、画像の下にこのテキストが表示されます。

動画

動画が挿入できるブロックです。
ちなみに、この動画は videoAC というサイトから無料ダウンロードしました。商用利用も可能です。
ダウンロードにはgoogleアカウントの登録が必要でした。

コメント