有料テーマのSWELL。
操作がとてもしやすいと有名ですが、覚えるまで多少なりとも時間がかかります。
購入後は他のテーマから移行した際にレイアウトが崩れてしまい、修正するのに時間がかかり困っていませんか?
崩れたデザインのままだとPV数や収益が落ちてしまいます。
これからご紹介する『簡易的なトップページデザイン』は約5分ほどで作成することができます。
そうすれば安心してSWELLの操作を覚えながらブログ運営を維持できます。
この記事ではSWELLをダウンロードした直後の簡易的なトップページの作成方法を説明していきます。
購入後は使い方を覚えるまで多少時間がかかる
![](https://blo-fi.com/wp-content/uploads/2022/07/1-1.jpg)
有料テーマのSWELLは操作がとても簡単なことが特徴ですが、ダウンロードしてから一連の操作を覚えるまでにはある程度の時間がかかります。
とはいえ視覚的に操作ができるSWELLなので記事作成などはすぐにでもできますが、細かい設定やイメージ通りのデザインやレイアウトを完成させるまでには多少の時間が必要です。
ダウンロード後はレイアウトが崩れている
![](https://blo-fi.com/wp-content/uploads/2022/07/2-1.jpg)
今まで使っていたテーマからSWELLに変更した場合には、多少なりともデザインやレイアウトが崩れてしまいます。
筆者は今まで無料テーマを使用していたので全ての記事をチェックしなくてはいけません。(現在進行中)
ただしSWELLは「乗り換えサポートプラグイン」というレイアウトを崩さずに移行できる便利な機能が備わっています。
今までに下記の6つのテーマを使用していた人は、この「乗り換えサポートプラグイン」を利用できるので、レイアウトを崩さずに簡単に移行できます。
- Cocoon
- JIN
- SANGO
- STORK
- THE THOR
- AFFINGER5
まずは簡易的なトップページで乗り切ろう!
![](https://blo-fi.com/wp-content/uploads/2022/07/3-1.jpg)
これらの理由からブログの顔とも言うべきトップページだけでも、せめて崩れたレイアウトを修正しておくべきです。
完成するまで崩れたままのデザインだとPV数や収益にも影響が出てきてしまいます。
5分でできる簡易的なトップページ
![](https://blo-fi.com/wp-content/uploads/2022/07/7631fd3aa2864369948382b9bc922715.jpg)
簡易的なトップページの例は、もう1つ運営している介護ブログのトップページをご参照下さい。
シンプルですが、とりあえずというところでは見やすいデザインだと思います。
![簡易トップページのスクショ](https://blo-fi.com/wp-content/uploads/2022/07/2b8aa3d416bf12deed67d1d45fc1dd66.jpg)
5分でできる簡易的なトップページの作成手順
![簡易的トップページの4つのパート](https://blo-fi.com/wp-content/uploads/2022/07/82330bae6a74b04d00872164d66bb35a.png)
それでは簡易的なトップページの作成手順です。
4つのパートを設定するだけです。
簡単にできるので、とりあえずSWELLをダウンロードしたら設定してしまいましょう。
5分でできるのでササっと設定してしまいましょう。
作成手順
ブログで1番最初に出てくる画面。
SWELLの公式ホームページではとてもインパクトのある海の動画が出てくる部分です。
とりあえず簡易的なので、編集中ということで工事中的なイラストを挿入すればいいかと思います。
画像でも動画でも好きな方で。
1.ワードプレスのメニューから「外観」→「カスタマイズ」
![](https://72guitarblogger.com/wp-content/uploads/2022/07/6a9609b1e51d0b17a908299917c27ed2.jpeg)
2.トップページに入り
![](https://blo-fi.com/wp-content/uploads/2022/07/4ec5b490705a558fceaff3cd24d08617.jpeg)
3.メインビジュアルをセレクト
![](https://72guitarblogger.com/wp-content/uploads/2022/07/0db0533431d69f35a6af3e953427a412.jpeg)
4.設定したい画像を挿入
![](https://72guitarblogger.com/wp-content/uploads/2022/07/96ee349447dd96f82d70f6b909870cf3.jpeg)
5.トップページから記事スライダー
![](https://blo-fi.com/wp-content/uploads/2022/07/732b80359bfcd7507852d660b3f0750b.jpeg)
6.「設置する」にチェックを入れるとメイン画像の下にピックアップ記事がスライド式で表示される
![](https://blo-fi.com/wp-content/uploads/2022/07/e9f426d18c445d6d5337aa47a3ecd73e-800x449.jpeg)
1.ワードプレスメニューから「外観」→「ウィジェット」
![](https://blo-fi.com/wp-content/uploads/2022/07/f36759846183137706577fce8a8671e6.jpeg)
2.[SWELL]新着記事→「トップページ上部」→ウィジェットを追加
![](https://72guitarblogger.com/wp-content/uploads/2022/07/8a1b2eabe46cc4f429076e4ad887f3ab.jpeg)
1.ワードプレスメニューから「外観」→「ウィジェット」
![](https://blo-fi.com/wp-content/uploads/2022/07/f36759846183137706577fce8a8671e6.jpeg)
2.[SWELL]人気記事→「トップページ上部」→ウィジェットを追加
![](https://blo-fi.com/wp-content/uploads/2022/07/9d910e6d1ecdf39459cda69e8c2a94b5.jpeg)
1.ワードプレスメニューから「外観」→「ウィジェット」
![](https://blo-fi.com/wp-content/uploads/2022/07/f36759846183137706577fce8a8671e6.jpeg)
2.カテゴリー→「トップページ上部」→ウィジェットを追加
![](https://blo-fi.com/wp-content/uploads/2022/07/87cbd7bd13959ac4031db906685837c8.jpeg)
この手順だけで簡易的トップページの完成です。
とても簡単にできますよね。
まとめ
![](https://blo-fi.com/wp-content/uploads/2022/07/ab12fb5f5e846915fbbae4e160edcc48.jpg)
初めてのSWELL。
とてもワクワクしますが、最初はどうしても使い方や操作方法を覚えるまでには多少なりとも時間がかかってしまいます。
その間に崩れたままのレイアウトで運営しておくのは非常にもったいないです。
せめてブログの顔とも言うべきフロントページだけでも、簡単にでも整えておけば訪れてくれたユーザーにも優しいです。
簡易的なトップページの設定はとても簡単にできます。
まずはSWELLをダウンロードしたら、ご参考に設定してみてはいかがでしょうか。
- 使い方を覚えるまではとりあえず簡易的なトップページデザインがおすすめ
- 設定はわずか5分
- 簡易的トップページで少しでもPV数、収益の取りこぼしを防ごう
![](https://blo-fi.com/wp-content/uploads/2022/06/swell-300x157.jpg)
コメント