【SWELL】トップページをカスタマイズする方法【簡単】

SWELLのトップページをカスタマイズしたいんだけどどうやってやるの?

そんな疑問にお答えします!

この記事の内容
  1. 【SWELLカスタマイズ】トップページを作ってカスタマイズする方法
  2. 【SWELL】カスタマイズの方法はまだまだ無限大!
  3. WordPressの有料テーマはカスタマイズが簡単なSWELLがおすすめ!
目次

WordPressテーマSWELLをカスタマイズする方法

WordPressテーマSWELLのトップページをカスタマイズする方法

この記事では、SWELLのトップページのカスタマイズ方法について詳しく説明しています。
SIPPIBLOGでのカスタマイズ方法をご紹介させていただきます!

SWELLトップページはピックアップバナーで目立たせる

SIPPIBLOGはPC版だと、このように表示されます。
この4つのバナー表示の仕方を説明します!

STEP
左のバーから外観→カスタマイズ→メニュー

メニューを選んだらメニュー名を決めて、表示したい記事を「➕項目を追加」から選択します。

表示名を変えたい場合は、ナビゲーション名を好きな名前に変えてくださいね!

STEP
メニューの位置をピックアップバナーに✔️を入れる

チェックを入れるとすぐにピックアップバナーが表示されます。

注意点としては、表示される画像のサイズを揃えないと見栄えが悪くなってしまうのでそこだけ気をつけてください!

【SWELLカスタマイズ】新着記事をリスト型にする方法

次は新着記事をリスト化する方法の手順を説明します。

STEP
固定ページの新規追加

固定ページからトップページを作りこみます。

新着記事とわかるようにタイトルを作りました。

STEP
SWELLブロック→投稿リスト→リスト型→新着順

SWELLブロックから投稿リストを選んでリスト型と新着順を選べば完了です。

【SWELLカスタマイズ】カテゴリを2分割にする方法

カテゴリを2分割にする手順を説明します。

STEP
SWELLブロック→レイアウト要素→カラム→2分割

私のブログは、カラムを2分割にしていますがお好きな分割をお使いください。

STEP
SWELLブロック→投稿リスト

投稿リストを選択します。

STEP
右のブロックからPickupを選択
STEP
カテゴリーを選択する

表示させたいカテゴリーを選択すれば完了です!

【SWELLカスタマイズ】おすすめしたいバナーを載せる方法


2分割カラム→HTMLテキストで表示したいバナーを入れれば完成します!
ブログでバナー表示させるときと同じやり方です。

【SWELL】カスタマイズの方法はまだまだ無限大!

私のやり方はまだほんの一部です。
サイト型っぽく美しいカスタマイズをされている方もたくさんいらっしゃるので参考にしていきたいと思っています!

ちなみに他にどんなトップページを作っているか知りたい方は、SWELLの公式ページで公開されているので合わせてご覧ください。

WordPressの有料テーマはSWELLがおすすめ!

魅力に溢れている「SWELL」

一生使うものだからこそ、デザインに時間をかけずに簡単にカスタマイズできるSWELLがおすすめです!

後から有料テーマを購入してもなんとかなりますが、めちゃくちゃ修正に時間がかかるので、本気でやるなら有料テーマは初期投資だと思って購入しておきましょう!

改めてSWELLについて書いておきます。

商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
販売元LOOS WEB STUDIO
動作環境PHP 7 以上

WordPress 5.2 以上 (推奨:5.3 ~)

※ 推奨バージョン未満では、ブロック機能が一部使えません。
決済方法クレジットカード ( VISA / Master / AMEX / JCB )
または
銀行振込
ライセンスライセンス制限はなく、複数サイトで利用可能。

>>>SWELLの公式ページ

シッピのアイコン画像シッピ

SWELLについて質問があれば開発者の了さんやわたしに聞いてくださいね!(ツイッターやお問い合わせページからご連絡ください)

こちらの記事もおすすめ!

この記事が気に入ったら
フォローしてね!

目次
閉じる