MENU
チロ猫
こんにちは、チロ猫です。

ネットショップと趣味のブログをいくつか運営しています。
永久無料ドメイン付き!超高速サーバーConoHa Wing! 詳細

【SWELLブロックエディタ使い方7】バナーリンク、フルワイド

この記事では、SWELLの独自ブロックである次の2つのブロックを紹介します。

  • 「バナーリンク」ブロック
  • 「フルワイド」ブロック

SWELL独自の2つのブロックについて解説します。

目次

バナーリンク|SWELLブロックエディタ

SWELLのバナーリンクのエディタ画面は、以下のようになります。

SWELLバナーリンクの設定画面

「バナーリンク」とは、画像の背景に文字をのせたリンクのことを言います。

背景画像に黒や白の「オーバーレイ」をつけたり、「ぼかし(ブラー)」を入れたりして、文字を引き立てることができます。

「フォントサイズ」や「色」も自由に変更できます。

 関連記事

フルワイド|SWELLブロックエディタ

SWELLのフルワイドのエディタ画面は、以下のようになります。

SWELLフルワイドの設定画面

フルワイドでは、バナーリンクよりもさらに迫力のある画像装飾を作成できます。

フルワイドは、PCサイドバーを外して、全画面表示にすると、よりフルワイドの特性を強調できます。

PCでは背景が動きますが、スマホでは背景が動きません。フルワイドの迫力を存分に発揮するには、PCで見るのがおすすめです。

これはフルワイドのサンプルです

「フルワイド」ブロックは、見出しとして使用することができますし、通常の段落として使用することもできます。

背景の画像を微妙に動かすことも可能です。人目を引く大胆な仕掛けを作成できます。

これはフルワイドのサンプルです

また、CSSや背景画像を使わずに、波型や円形などの背景を作成できます。

フルワイドのサンプルは、下記の記事をご覧ください。

 関連記事

よかったらシェアしてね!
目次
閉じる