WordPressを使ったホームページの作り方/プラグインの使い方/ノーコード構築ブログ
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/brizy/imgs/thumnail-26-482x362x0x0x482x362x1658967375.png?w=1290&ssl=1)
WordPress ノーコードページビルダープラグイン Brizyと一緒に使うテーマを調査
HanamiWEBオンラインスクールでは
●バーチャル自習室でのリアルタイム質問!
●チャットで質問し放題!
●24時間学び放題のEラーニング教材!
全部ついて 2,500円/月!
最近、WordPressのノーコードページビルダープラグインBrizyにはまっています。
在宅でWEB制作で稼ぎたい方とても増えていて、ゼロからhtml構文覚えよう!と思っている方も多いのですが、ページビルダープラグインを使えばノーコードでWordPressサイトが構築できるので、短期間の学習で実際に稼ぎ始める事が出来るんではないかなと思っています!
WordPressテーマは何を使うか?
今回紹介をしているページビルダープラグインBrizyはプラグインなので、テーマが必要になります。
テーマは使うのですが、テーマのデフォルトのデザインはまったく使用せずにBrizyでゼロからデザイン組み立ててしまうので、デフォルトのTwenty Twenty-One でも良いのですが、ウィジェットのパーツが多い方が使いやすいと思っているので色々と試してみました。
まず試したのは無料テーマcocoon
cocoonはウィジェットの数もとても多く、ブログを書いた時のデザインパーツが多いので、cocoonを使って構築をスタートしました。
おまけに完全無料で使えるテーマ!という事も決め手です。
ただ、cocoonのキャッシュの関係か、BrizyのアップデートでCSSが反映されなくなる事が多々起こり、更新すれば直るのですが、Brizyが推奨しているテーマの中なら使いやすいテーマを探す事にしました!
Brizyで推奨しているテーマ8種類
ページビルダープラグインBrizyと相性の良いテーマとして
- Blocksy
- Neve - AMPと互換性有
- Translate press ー 多言語サイトに最適
- ASTRA ー 人気のあるテーマ
- Page Builder Framework
- Ocean WP
- Zita ー Brizyで作られたデモサイトあり
- SUKI
8種類の有名な海外製WordPressテーマが紹介されています。実際に全てのテーマを反映させ、使いやすさを検証していきたいと思います。
検証ポイントですが
Brizyではウィジェットの入れたパーツを表示させたり、メニューで登録したメニューリストを表示させる事があったので、ウィジェット、メニューの種類を調査。
日本語化されている点も選ぶポイントになるのかなと思っています。
Blocksy
WordPress無料テーマBlocksy
【テーマ】>【新規追加】に【Blocksy】と入力します。
BlocksyとBrizyで作られたデモサイト一覧が公開されています。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image.png?resize=1024%2C338&ssl=1)
ウィジェット数
7個のウィジェットパーツがありました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-1.png?resize=915%2C737&ssl=1)
テーマで拡張されたウィジェット
メニュー数
メニュー数は4種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-2.png?resize=787%2C260&ssl=1)
見出しのフォント
見出しの色を設定する箇所があります。
Neve
WordPress無料テーマNeve
【テーマ】>【新規追加】で【Neve】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-5.jpg?resize=1024%2C329&ssl=1)
有効化するとスターターサイトへの案内が出てきました
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-5.png?resize=1024%2C270&ssl=1)
管理画面が日本語化されていました!
提携をしているプラグインなどのデザインテンプレートを選んでサイト構築が始められる仕組みになっていました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-6.jpg?resize=1024%2C480&ssl=1)
【外観】>【カスタマイズ】も日本語!!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-6.png?resize=351%2C655&ssl=1)
ウィジェット
ウィジェット数は6種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-8.png?resize=1024%2C581&ssl=1)
メニュー
メニュー数は3種類でとてもシンプルです。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-10.png?resize=777%2C480&ssl=1)
見出しのフォント
見出しのサイズ・行間など細かく設定できますが、見出しのフォントカラー設定は見つかりませんでした。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-7.png?resize=345%2C752&ssl=1)
Translate press
Translate pressは有料テーマだったので調査対象外とします。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-11.png?resize=1024%2C534&ssl=1)
Astra
WordPressテーマ Astra
【テーマ】>【新規追加】で【Astra】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-12.jpg?resize=1024%2C314&ssl=1)
カスタマイズが日本語化されています!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-15.png?resize=377%2C677&ssl=1)
スターターサイトがありました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-17.jpg?resize=1024%2C351&ssl=1)
ウィジェット
ウィジェット数は4種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-12.png?resize=1024%2C506&ssl=1)
テーマで追加されたウィジェットは1個でした。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-13.png?resize=377%2C252&ssl=1)
メニュー
メニュー数は5種類。その中の「ログインしているアカウントのメニュー」という項目が気になりました。会員サイトに向いているのでしょうか?
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-14.png?resize=796%2C545&ssl=1)
見出しのフォント
見出しは色ではなく、フォントサイズ・行間などが設定できます。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-16.png?resize=361%2C517&ssl=1)
Page Builder Framework
WordPress無料テーマ Page Builder Framework
【テーマ】>【新規追加】で【Page Builder Framework】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-17-1.jpg?resize=1024%2C348&ssl=1)
ウィジェット
ウィジェットパーツが1種類。1種類では少し物足りないような気がします。
また、なぜか旧ウィジェットデザインが勝手に反映されていました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-18.png?resize=1024%2C342&ssl=1)
メニュー
メニューの種類は4種類です
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-19.png?resize=768%2C527&ssl=1)
見出しのフォント
見出しのフォントサイズ少し変えられます
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-17.png?resize=351%2C458&ssl=1)
Ocean WP
WordPress無料テーマ Ocean WP
【テーマ】>【新規追加】で【Ocean WP】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-20.jpg?resize=1024%2C353&ssl=1)
Ocean Extraという推奨プラグインのインストールのお知らせが届きましたので、こちらも有効化にしました。
スターターサイトがついていました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-22.jpg?resize=1024%2C397&ssl=1)
【外観】>【カスタマイズ】は日本語化!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-22.png?resize=358%2C642&ssl=1)
ウィジェット
ウィジェットの種類は7種類と多いです。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-20.png?resize=1001%2C670&ssl=1)
メニュー
メニューの数は4種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-21.png?resize=812%2C550&ssl=1)
見出しのフォント
一番種類が多いです。フォントサイズ・色全てが揃っています。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-23.png?resize=352%2C751&ssl=1)
実際にOceanWP×Brizyでサイト制作を行ってみて、とっても良かったです!
1点、ヘッダーをスティッキーと呼ばれるスクロールすると上部にヘッダーが固定される機能は有料機能という事で、これを実装したい方は多いと思うので、購入するか要検討です。
Zita
WordPress無料テーマ Zita
【テーマ】>【新規追加】で【Zita】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-24.jpg?resize=1024%2C332&ssl=1)
スターターサイトがついていました!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-27-1.jpg?resize=1024%2C284&ssl=1)
ウィジェット
ウィジェットの数一番多かったです。こんなに種類いりませんが。。。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-25.png?resize=682%2C747&ssl=1)
メニュー
メニューの数は5種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-26.png?resize=810%2C561&ssl=1)
見出しのフォント
フォントサイズなどが調整できます。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-24.png?resize=333%2C670&ssl=1)
SUKI
WordPress無料テーマ SUKI
【テーマ】>【新規追加】で【SUKI】と検索
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-27.jpg?resize=1024%2C314&ssl=1)
スターターサイトついています!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-27-2.jpg?resize=1024%2C289&ssl=1)
Brizy Integrationというパーツがありました。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-27.png?resize=360%2C385&ssl=1)
コンテンツ幅を調整する機能
テーマのCSSを継承する機能
ウィジェット
ウィジェットの数は7種類ととても多いです。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-29.png?resize=918%2C697&ssl=1)
メニュー
メニューは3種類
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-30.png?resize=825%2C492&ssl=1)
見出しのフォント
サイズが変更可能です。
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/09/image-28.png?resize=332%2C558&ssl=1)
まとめ
簡単ですが全てのテーマを有効化にして調査をした結果をまとめます。
管理画面が日本語化されたテーマ
- Neve
- Astra
- Ocean WP
スターターサイトがついていたテーマ
- Blocky
- Astra
- Ocean WP
- Zita
- SUKI
フォントのカスタマイズNO.1
Ocean WPが一番見出しのカスタマイズ設定項目が多かったです。
ウィジェットの数NO.1
Zitaがウィジェット数一番多かったです。
管理画面が日本語化されているテーマが扱いやすいのかな?と思いました。
悩んだのですが、Ocean WPをベースにBrizyを暫く使ってみようと思います!
日本のブログテーマにあるような
- 目次
- 囲み枠
などは今回紹介している海外製のテーマにはありませんでしたので、別途プラグインで設定をする方法になります。
ホームページのリスキリングはお任せください!
2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!
↑クリックするとLINE公式が開きます
新着記事