写真が活きる記事の作り方|画像・ギャラリー・カバーの使い方

目次

ギャラリーブロック

ギャラリーブロック
見本記事のこの部分がギャラリーブロックです。

先にメディアにアップロードする

ギャラリーブロックを選択する前に、ギャラリーに使う画像をすべてメディアにアップロードしておきましょう。

ギャラリーブロックを設置

ギャラリーブロックを選択し、「メディアライブラリ」をクリックします。すでにメディアにアップロードしてあれば、ここで一度にギャラリーに使う画像を選択できます。

画像を複数選択できる
画像を複数選択できる。選択し終わったら「ギャラリーを作成」をクリック
キャプションを追加できる
ギャラリーを編集画面で、キャプションを記入できる。順番も変えられる。最後に「ギャラリーを挿入」をクリック

右側パネルでカラム数を設定

右側パネルでカラム数選択
右側パネルで背景色やスタイルも設定できます
説明アイコン

今回はカラム数3にしました。3で割り切れない場合は、かってにいい感じに配置してくれます。

SOLD OUTの設置

キャプションの文字を選択し、フォントサイズをXL、太字、SWELL装飾で文字色と背景に色を付けました。
アップルパイの画像だけを選択してデュオトーンの黒と灰色を選択しました。

デュオトーン設定

タイピングアニメーション

タイピングアニメーション説明
新作ハニーチーズにだけ、タイピング演出を付けました。
説明アイコン

Blocks Animation: CSS Animations for Gutenberg Blocksをプラグインするとこのタイピング演出が出来ます。

1 2 3 4 5 6
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

SWELLとConoHaを使えば、専門知識がなくても誰でも簡単にホームページを作成できます。
当事務所では、開業準備でお忙しい方に代わり、ホームページの立ち上げや初期設定を代行いたします。

「自分で育てるホームページ」を持つことで、集客力を高めながら広告宣伝費の削減にもつながります。
慣れてきたら、イベント告知や新商品の紹介など、目的に合わせて複数のサイトを運営することも可能です。

SNS(XやInstagram)は即効性がありますが、情報がすぐに流れてしまうのが難点です。
その点、ホームページは“あなたの情報を積み上げていく資産”になります。
信頼性の高い発信拠点として、ぜひ自分だけのホームページを育てていきましょう。

コメント

コメントする

CAPTCHA


目次