オシャレでダイナミックなコンテンツ作成ができるSWELLフルワイドブロックの使い方を解説！
SWELLの特徴・メリットデメリットはコチラ！
SWELLのフルワイドブロックの使い方が分かりません･･･。
こういったお悩みを解決します。
SWELLのフルワイドブロックは、サイトをオシャレにするための必須ブロックともいえます。
SWELL使いのあなたにとっては、デザインも重要な要素のはず。
というわけで、ぜひ最後まで見ていってくださいね。
あわせて読みたい
なお、SWELL公式サイトでも解説されていますので、そちらも併せて参考にしてみて下さい。
見たいところに飛べる目次
SWELLフルワイドブロック
フルワイドブロック①
このように、フルワイドブロックを使うと、画面いっぱいを使うことができます。
特に、オシャレなサイト型トップページを作りたい場合や、記事内においても画面いっぱいを使いたい場合に便利です。
このように画像を背景にするとオシャレに見えますね。
見出しなども画面いっぱいに使えます。
フルワイドブロック②
また、フルワイドブロックでは、形状や色も変化させられるので、いろんなデザインを実現できますね。
SWELLならではの、とてもオシャレな機能といえるでしょう。
SWELLフルワイドブロックの用語解説
- コンテンツサイズ
| 記事 | 横幅を記事幅に合わせる |
| サイト幅 | 横幅をサイト幅に合わせる |
| フルワイド | 横幅いっぱいにする |
- 上下のpadding量
| PC | PCで見た場合の上下の余白量を設定 |
| SP | モバイルで見た場合の上下の余白量を設定 |
- カラー設定
| テキストカラー | テキストカラーを設定 |
| 背景色 | 背景の色を設定 |
| 背景色の不透明度 | 背景色を透過させる設定 |
- 背景画像の設定
| 画像URL | 背景画像を設定するときに使用 |
- 上下の境界線の形状
| 斜線 | フルワイドの上下境界線を「斜線」にする |
| 円 | フルワイドの上下境界線を「円型」にする |
| 波 | フルワイドの上下境界線を「波型」にする |
| ジグザグ | フルワイドの上下境界線を「ジグザグ型」にする |
| 逆向きにする | 形状を左右反転させる |
- 境界線の高さレベル
| 下部の境界線の高さレベル | 境界線の形状（大きさ・角度など）を調整する |
SWELLフルワイドブロックの使い方
今回は、下記の２パターンを解説します。
- 背景画像を設置するパターン
- 形状を波型にするパターン
①背景画像を設置するパターン
STEP
「ブロック追加」ボタンをタップする
STEP
フルワイドブロックの横幅を決める
STEP
背景画像を選択する
STEP
背景全体の色味を選択する
STEP
背景効果や画像の表示位置を選択する
STEP
テキストの色を選択する
STEP
ブロック内に文章などを入力していく
STEP
フルワイドブロックの完成
②形状を波型にするパターン
STEP
フルワイドブロックの横幅を決める
STEP
フルワイドブロックの背景色を選択する
STEP
フルワイドブロックの形状や境界線の高さを選択する
STEP
文章などの内容を入力する
STEP
形状を波型にするパターンの完成
まとめ｜SWELLフルワイドブロックの使い方
今回は、SWELLのフルワイドブロックの使い方についての解説でした。
SWELLのフルワイドブロックを使えば、コンテンツをダイナミックに、オシャレにできます。
見た目はブログ継続のモチベーションも高まり、読者の滞在率も高まりうる重要なものです。
SWELL使いなら、フルワイドブロックを使わないのはもったいない！
というわけで、以上となります。
では、また！
あわせて読みたい
なお、SWELL公式サイトでも解説されていますので、そちらも併せて参考にしてみて下さい。
あわせて読みたい
SWELL初心者向けの使い方マニュアル【完全版】
SWELLの使い方を、SWELL初心者向けに、公式サイトのマニュアルよりも詳しく解説。
SWELLの導入から、プラグイン、ブロックエディター、専用ブロックまで網羅しています。
当サイト使用テーマ。最高です。
WordPressテーマ「SWELL」の特徴
メリット
- 購入者限定アフィリエイトがあるからテーマで稼げる
- 書きやすくて時短になるから生産性があがる
- ChatGPTとの相性もバツグンで時短が加速
- 誰でも簡単にオシャレなデザインにできる
- 買い切り、複数サイトにバンバン使える
- アプデが多くて進化がスゴイ
- SEOにも強い
デメリット
- 価格が高い
- 個人開発の不安
- 人気すぎてデザインが被りがち
＼ 時短になって生産性が爆上がりするテーマ ／
※おしゃれで書きやすくてブログが楽しくなる
コメント