WordPress学習でのSWELLテーマ用教材ページ!学習内容12例

こんな方はお読みください。

SWELLの使い方を独自で学習し始めた方
WordPressの経験値が浅い方
SWELLブロックで何が出来るか判りたい方

\ 5時間程、一緒に学習しませんか /

目次

1. フルワイドブロック(サイドバー無し)

下記の画像の上にテキスト、カラム、画像、バナーリンクを重ねる事が簡単に出来ます。
ブロックエディターだから簡単に出来ます。
レイヤーのような4層のデザインブロック制作を考えながらNO5までお進みください。

背景透明度50% Paddeing 上40、下40

不透明度 50%

オーバレイカラー: 白

ここに文字

背景透明度80% Paddeing 上0、下0

オーバレイカラー: 白

ここに文字

ここに文字

背景透明度80% Paddeing 上0、下0

オーバレイカラー: 白

ここに文字

ここに文字

背景透明度65% オーバーレイカラー:緑

ここに文字

ここに文字

ここに文字

2. フルワイドブロック 画像を重ねる

3. フルワイドブロック 2カラムを重ねる

2カラム
スマホで見ると1カラム毎に
スクロールで出てきます。

1番目のカラム背景:白

2番目のカラム背景:グラデーション

4. フルワイドブロック カラムに画像を重ねる

1層目:フルワイド、2層目カラム背景
3層目カラム内画像

1番目のカラム背景:白

2番目のカラム背景:グラデーション

5. フルワイドブロック カラムにバナーリンクを重ねる

1層目:フルワイド、2層目カラム背景
3層目カラム内バナー、4層目バナ内文字

1番目のカラム背景:白

2番目のカラム背景:グラデーション

画像だけで3層、バナーリンク文字1層
合計4層

6. キャプション付きブロック 9種類

ブログ記事を読みやすくするには、キャプションブロックと文字編集機能を重ねて使いましょう。

デフォルト

ここに文章1

ここに文章1

ここに文章1

ここに文章1

ここに文章1

ここに文章1

枠上

ここに文章1

ここに文章1

ここに文章1

枠上2

ここに文章1

ここに文章1

ここに文章1

枠内

ここに文章1

ここに文章1

ここに文章1

浮き出し

ここに文章1

ここに文章1

ここに文章1

ここに文章1

ここに文章1

ここに文章1

7. SWELLのショートカットを利用すれば作業時間が短縮できる。

Shift + Alt + H でショートカット一覧が表示されます。

グローバルショートカット

グローバルショートカット

選択ショートカット

選択ショートカット

ブロックショートカット

ブロックショートカット

中級者なら次のショートカットは必ず使いましょう。
Ctrl + Shift + D : 選択したブロックは複製
Ctrl + Alt + Y : 選択したブロックの後ろに新しいブロックを挿入

書式ショートカット

書式ショートカット

8. マウス選択よりも上矢印↑キーを使うと便利

3つのカラムを全て選ぶとき等、選択が微妙に調整必要な場合は上矢印を使いましょう。
この操作は全てのWordpressテーマで共通です。便利な操作なのに初心者の方に
おすすめな操作情報なので8番目にしました。
下記の3カラムを全て選んだり、複製したり、削除する時に使います。

段落にスタイル

段落にスタイル

段落にスタイル

3つの段落をグループ化してスタイル変更

ここに文章1

ここに文章1

背景と色を変更

ここに文章1

ここに文章1

9. SWELLボタンとマイクロコピー

ボタンをクリク後に、新しいタブで開く設定にも出来ます。

\ ぼたんだよ /

上記、 \ ぼたんだよ / の短い説明部分がマイクロコピーです。
ボタンクリック率があがるので、多用するべきです。程々に

10. バナーリンクが直ぐに挿入できます。(マウスで簡単操作)

バナーに重なる文字 リンク設定が出来る。

オーバーレイ黒

オーバーレイ白

11. ステップ  (マウスで簡単操作)

STEP
左の文字や色を自由に変更可能

ここに説明

ステップ
コピペをしてみよう!

ここに説明

ステップ
コピペで追加された部分

ここに説明

12. FAQ  (マウスで簡単操作)

今日は何曜日ですか

8月30日

今は何時ですか

16時47分

こんな方はお読みください。

SWELLの使い方を独自で学習し始めた方
WordPressの経験値が浅い方
WordPressでのSEO対策投稿を学びたい方
時間に追われているので短期間で学習したい方
SWELLブロックで何が出来るか判りたい方

\ 5時間程、一緒に学習しませんか /

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次
閉じる