MENU
動画講座プレゼント

ペライチ動画講座全6本プレゼント!!これを見れば自分でホームページが作れちゃう!

【SWELL 】便利でオシャレなオリジナルブロック5選

※当ページのリンクには広告が含まれています。

WordPressのテーマSWELL にはオリジナルブロックがたくさんあります。今回はSWELLオリジナルのブロックの中からオシャレで便利な私の一押しブロックをお伝えしますね!

SWELL オリジナルブロック

swell独自ブロック
swell独自ブロック
目次

SWELLのオリジナルブロックおすすめ①フルワイドブロック

フルワイドブロックはSWELL独自のブロック。画面全体に表示することができるのでコーポレートサイトのようなデザインも簡単にできます♪

ブロックの境目がデザインできる

フルワイドブロックではブロックの境目を波線や斜線でデザインすることができます。波線の高さレベルも調整することができます。

ただしこの機能は背景をカラーに設定している時だけ。背景を画像にすると境目のデザインはできません。

背景を画像にすることができる

ブロックの背景に画像を入れることもできます。また画像にはオーバーレイをかけることも可能。そして、背景画像には、「固定画像」や「パララックス効果」を付けることもできます。スクロールすると画像は動かず文字だけ動くのでオシャレになります♪

「固定画像」はスマホでは機能しないのでスマホの場合は「パララックス効果」を付けるといいです。

SWELLのオリジナルブロックおすすめ②ピックアップバナー

SWELLではピックアップバナーを設置することができます。読んでほしい記事やカテゴリーで分けて設置するのもおすすめです♪ピックアップバナーはTOPページだけではなく他の投稿ページに設置することも可能です。

PCとスマホで見え方を変更できる

PCとスマホで見え方を設定できます。全ての投稿を並べたり、数を絞って並べることもできます。

スマホで横スクロールで設置することもできます。

投稿ごとに表示を設定できる

swellピックアップバナー

投稿ごとにピックアップバナーを表示する設定もできます。

SWELLのおすすめブロック③投稿リスト

 SWELL投稿リスト

投稿リストはカテゴリーやタグで絞った記事をまとめて表示できるめちゃくちゃ便利な機能です。

レイアウトが選べる

表示する投稿数を最大25まで選ぶことができます。またレイアウトは「カード型」「リスト型」「サムネイル型」「テキスト型」から選べます。

swell投稿リスト

5つのレイアウト

リスト型
リスト交互型
カード型
サムネイル型
テキスト型

表示する投稿を絞り込むことができる

表示する投稿はカテゴリーやタグで絞り込むことができます。例えばイベント開催情報のなどのタグやカテゴリーをつけることで最新の情報を絞って表示することが可能です♪

SWELLのおすすめブロック④タブブロック

swellタグブロック

タブブロックでタブごとに投稿を整理することができるので読み手にとってはわかりやすいデザインになります。

swellタブブロック

3つのデザインから選べます

swellタブブロック
ノーマル
swellタブブロック
ふきだし
swellタブブロック
下線

▼「ふきだし」タブブロックを設置してみました。タブに「投稿リスト」を設置することで記事がすぐに探せます。

SWELLのおすすめブロック⑤ふきだしブロック

swellふきだしブロック

ふきだしブロックは他のテーマだとプラグインが必要ですがswellにはオリジナルとして最初からついています♪お客様の声で活用しています。

SWELLふきだしブロック

ふきだしの形や向きなどデザインが選べます。またアイコンも画像を挿入することができスマホでは縦並びに設定することもできます。

まとめ

そのほかにもSWELL オリジナルのブロックはたくさんあります。いろんなデザインや機能が豊富なので触っていると楽しくなります♪

こんなにおしゃれで便利な機能が満載のSWELL は、WordPressの有料テーマです。
価格は17,600円(税込)です。(2021年8月現在)

少しお高めですが、買い切りでそれ以外はかかりません。そしてなんとSWELL は商用利用OKなんです!一度購入したら制作代行する際にも使用することができます。ただしその際はSWELLのメンバーに登録したメールアドレスで認証しないとけないことになっています。

私はワードプレスでのサイト制作代行をしていますがSWELLで制作させていただいています。もちろんこのサイトもSWELLを使っています。

シンプルなのに、高機能なSWELLぜひチェックしてくださいね♪

SWELLの公式サイトはこちらから


ペライチ動画講座全6本プレゼント!!これを見れば自分でホームページが作れちゃう!

  • URLをコピーしました!

コメント

コメントする

目次