![](https://satsuki-bistro.com/wp-content/uploads/2022/09/F2B889D0-8C8F-43EE-9083-8E34E228D68B-150x150.jpg)
ブログを立ち上げたけどテーマって何を選べばいいんだろう…
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
有料のものから無料のものまで幅広くあるよね!
今回はおすすめのテーマについて説明するよ!
それではいきましょう!
テーマとは?
ブログの「テーマ」とは、いわゆる「デザイン」や「テンプレート」のことを指します。
ブログをいちから組み立てようと思うと、複雑なコードやプログラミングが必要になります。
しかしテーマを利用すると、すでにカスタマイズされているため、初心者でも簡単にブログ運営ができます。
テーマには無料のものと有料のものがあるので、それぞれのおすすめのテーマを紹介していきます。
無料テーマなら「Cocoon」一択!
無料のブログテーマでおすすめしたいのは「Cocoon」です。
おすすめポイント
- レスポンシブ対応済
- ページの表示速度が速い
- テーマのアップデート頻度が高い
- エディターが使いやすい
- プラグインが最低限でよい
レスポンシブ対応済
「レスポンシブ」とは、パソコンやスマホなどサイズの異なる画面で見ても自動的に表示を最適化することです。
スマホ、タブレット、パソコンなどそれぞれ異なるサイズの画面で最適な表示がされることで、どの媒体を使うユーザーにも対応できます。
ページの表示速度が速い
ページの表示速度が速いことはかなりのメリットです。
サイトの読み込み速度が遅いとストレスを感じる読者も多いです。
スムーズにページを閲覧できなければ、内容が良くても離脱してしまうかもしれません。
その点、「Cocoon」はページの表示速度が速いため、安心して使うことができます。
テーマのアップデート頻度が高い
「Cocoon」は頻繁にアップデートが実施されています。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
利用者から挙げられた疑問や要望・不具合などにすぐ応えてくれるので、安心して利用できるよ!
エディターが使いやすい
「Cocoon」のエディター(投稿画面)は見やすく初心者の方も直感的に作業することができます。
また、記事を書く際に必要な機能はほとんど揃っています。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
初心者の方も簡単に作業できるよ!
プラグインが最低限でよい
一般的に無料のブログテーマは最低限の機能のみで、あとはプラグインを導入する必要があります。
しかし、「Cocoon」は機能が豊富で、基本的な操作機能や利用される機能が備わっています。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/F2B889D0-8C8F-43EE-9083-8E34E228D68B-150x150.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/F2B889D0-8C8F-43EE-9083-8E34E228D68B-150x150.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/F2B889D0-8C8F-43EE-9083-8E34E228D68B-150x150.jpg)
無料なのに至れり尽くせりだね!
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
無料で考えているなら「Cocoon」一択だね!
プラグインの詳しい説明についてはこちら
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/33man_template_tokuten.pptx-17-300x169.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/33man_template_tokuten.pptx-17-300x169.png)
cocoonの導入方法
それではcocoonの導入方法について説明します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co04.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co04.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co08.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co08.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co06.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co06.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co03.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co03.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co11.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co11.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co10.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co10.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co12.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co12.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co15.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co15.jpg)
下記の画面になっていればOKです!
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co15-02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co15-02.jpg)
おすすめ有料テーマはSWELL
有料テーマは無料テーマ比べ、デザイン性やカスタマイズ機能が優れています。
何をどうしていいかわからない初心者ほど、有料のブログテーマに頼ることも一つの手です。
有料のブログテーマでおすすめしたいのは「SWELL」です。
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
このブログもSWELLを使ってるよ!
おすすめポイント
- 簡単にカスタマイズできる
- ページの表示速度が速い
- プラグインが最低限でよい
- 一度買えば複数サイトで利用可能
- アップデート頻度が高い
簡単にカスタマイズできる
「SWELL」では、プログラミングなど特別なスキルがなくても、簡単におしゃれなブログを作ることができます。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
ブログのデザインだけでなく、文章の装飾なども簡単にできる!
ページの表示速度が速い
「Cocoon」でも述べた通り、ページの表示速度は読者の離脱に影響があるので非常に重要です。
一般的に、有料のブログテーマはページの表示速度が遅くなる傾向にあります。
しかし、「SWELL」は後述の通り重くなる原因のプラグインが最低限でいいため、ページの表示速度が速いです。
プラグインが最低限でよい
「SWELL」は元々さまざまな機能を備えており、新たにプラグインを導入する必要はほとんどありません。
プラグインの導入が少なく済むことで、先述の通りページの表示速度も速くなります。
一度買えば複数サイトで利用可能
ブログを複数運営する予定がある人にとっては大きなメリットになるでしょう。
「SWELL」は一度購入すると永続的に利用できるだけでなく、複数のサイトで利用できます。
アップデート頻度が高い
「SWELL」は毎月1~2回アップデートが行われています。
購入自体は有料ですが、アップデートはもちろん無料です。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
買って終わりではなく、不具合や要望などしっかり応えてくれるのはとてもありがたいね!
SWELLの導入方法
SWELLの導入方法について説明します。
繰り返しになりますが、SWELLは有料テーマですのでcocoonとは違い、無料では使えませんので注意してください!
それではいきましょう!
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw03.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw03.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw04.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw04.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw02.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw02.jpg)
これは規約の関係で画像付きで説明できないのですが、先ほど入力したメールアドレスにメールが届いているかと思います。
そこに記載されているダウンロードURLをクリックしてください。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14-1.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14-1.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02-1.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02-1.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw05.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw05.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw08.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw08.png)
子テーマをインストールするにはSWELLユーザー限定の「SWELLERS」に登録する必要があります。
下記のURLをクリックしてまず会員登録をしましょう。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw01.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw01.jpg)
こちらも規約の都合上画像付きで説明ができません。
URLがありますのでクリックしてダウンロードしてください。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14-2.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co14-2.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02-2.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-02-2.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw07.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw07.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06-1.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06-1.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw09.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw09.png)
下記の画面になっていればOKです!
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw10.jpg)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw10.jpg)
cocoonで記事を書く操作解説
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
記事を書く概要だけ説明するよ!
詳細は公式ページを参考にしてみてね!
ここではブロックエディタの場合について順に紹介していきます。
管理画面の「投稿」から「新規追加」をクリック。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-1-1024x484.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co01-1-1024x484.png)
「タイトルを追加」のところに記事のタイトルを入力します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co02-1024x437.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co02-1024x437.png)
段落ブロックに見出しごとに段落をわけて入力します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co03-1024x392.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co03-1024x392.png)
すべて入力したら、見出し部分を全選択。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co04-1-1024x386.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co04-1-1024x386.png)
ツールバーのブロックタイプを「見出し」に変えてください。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co05-1024x387.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co05-1024x387.png)
これで大見出し(H2)の完成です。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co06-1024x434.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co06-1024x434.png)
ブロックとブロックの間にカーソルを合わせると「+」が出てくるので、クリックして「段落」を選びます。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co07-1024x475.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co07-1024x475.png)
タイトルと見出しの間、見出しと見出しの間にそれぞれ本文を入力しましょう。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co08-1024x438.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co08-1024x438.png)
「Enter」を押すと次のブロックが出ますし、先ほどの「+」でも追加が可能です。
適宜「リスト」や「ふきだし」などの装飾も使って見やすく整えていきます。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co09-1024x444.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co09-1024x444.png)
記事が書き終わったら右上の「公開ボタン」を押して公開しましょう。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co10-1-1024x439.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/co10-1-1024x439.png)
SWELLで記事を書く操作解説
「SWELL」でも同様に、ブロックエディタでの記事の書き方を紹介します。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
詳しい操作方法は公式サイトで説明しているよ♪
![](https://swell-theme.com/wp-content/uploads/2019/08/banner_manual.jpg)
![](https://swell-theme.com/wp-content/uploads/2019/08/banner_manual.jpg)
管理画面内の「投稿」から「新規追加」をクリック。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw01-1024x480.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw01-1024x480.png)
「タイトルを追加」のところに記事のタイトルを入力します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw02.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw02.png)
段落ブロックに見出しごとに段落をわけて入力します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw03-1.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw03-1.png)
すべて入力したら、全選択。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw04-1-1024x446.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw04-1-1024x446.png)
ツールバーのブロックタイプを「見出し」に変えてください。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw05-1-1024x441.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw05-1-1024x441.png)
これで大見出し(H2)の完成です。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06-1024x439.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw06-1024x439.png)
ブロックとブロックの間にカーソルを合わせると「+」が出てくるので、クリックして「段落」を選びます。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw07-1-1024x477.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw07-1-1024x477.png)
タイトルと見出しの間、見出しと見出しの間にそれぞれ本文を入力します。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw08-1-1024x433.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw08-1-1024x433.png)
「Enter」を押すと次のブロックが出ますし、先ほどの「+」でも追加が可能です。
適宜「リスト」や「ふきだし」などの装飾も使って見やすく整えていきます。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw09-1-1024x433.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw09-1-1024x433.png)
記事が書き終わったら右上の「公開ボタン」を押して公開しましょう。
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw10-1024x432.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/sw10-1024x432.png)
テーマでブログを整えよう
いかがでしたか?
今回はブログ全体のデザインに関わるテーマについて説明しました!
- 無料でおすすめのテーマはCocoon
- 有料でおすすめのテーマはSWELL
です。
使いやすさをよく検討し、自分の好きなテーマを使ってみてください。
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
![](https://satsuki-bistro.com/wp-content/uploads/2023/02/c34f9f7394c0bad87e25953fd155552f-150x150.png)
次は初期設定を行うよ!
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/33man_template_tokuten.pptx-17-300x169.png)
![](https://satsuki-bistro.com/wp-content/uploads/2022/09/33man_template_tokuten.pptx-17-300x169.png)
コメント