webコンテンツを徹底強化!WordPressサイト制作とプラグイン&テーマ情報・メンテ/エラー対応から、PHP/CSS/javascript、動画・音・イラスト等制作まで扱うコラム
マルチメディアコンテンツ制作読んどけ☆コラム

【お洒落1ページ型無料WPテーマ】onepressを使ってみてレビュー・特徴やカスタマイズ時のポイント

      2021/03/02

【お洒落1ページ型無料WPテーマ】onepressを使ってみてレビュー・特徴やカスタマイズ時のポイント

今回は、WPテーマを調査していて見つけた、良い感じの1ページ型テーマ・onepressをご紹介します。1ページ型ということで、飲食・特定サービス紹介サイト・コーポレート・ランディングページなどにも使えそうです。早速、特徴やカスタマイズ時のポイントなどもみていってみましょう。

onepressとはどんなテーマ?

1ページ型のサイトに使えるスタイリッシュテーマ

名前の通り、『1ページ型のwebサイト』に向いているテーマです。ディベロッパーは『famethemes』。海外のディベロッパーのようです(WP管理画面では翻訳されているけど、オフィシャルは全部英語)。公式でのアナウンスは『ビジネスのポートフォリオ、制作会社、製品ショーケース、フリーランサーの Web サイトに適した~』という内容でした。 管理人の個人的感想では、無料バージョンでも設定次第では『2~3万円で売っている日本の有料テーマ』といい勝負かなと思いました。

スクロールで現れるエフェクトなども対応しており、見栄えも良い感じ。CSSのフレームワークは『bootstrap』や『Animate.css』などを利用しているようです。(それゆえ読み込みファイルが増える傾向にあるので、スクリプト/CSSキャッシュや、画像lazyloadなどを活用して表示をカバーしてもよさそうです)

向いている職種は?

ロゴデザやヒーローヘッダー画像・色合いやパーツの調整で、基本的にどんなジャンルでも大丈夫だと思います(全てのテーマに言えますがカスタマイズ次第です)。 レイアウトの関係上、飲食・特定サービス紹介サイト・コーポレート・ランディングページなどが、相性がよさそうです。トップセクション部分を使って、いくつかコンテンツを見てもらったうえで『スマートフォンで電話』『予約・申し込みフォーム』『購入ボタン』などといった導線が考えられます。

ブログは使える?

ブログ部分の表示はこのようになりました。見出しhタグに、サイトのイメージカラーでボーダー・背景を指定しても良さそう。文字はもうちょい大きめにしても、見やすいかもしれません(管理人が老眼だからか?笑) テーブルには、セル中身によっては『スマホ時にdisplay:block;width:100%;』なども良いでしょう。

テーマの表示速度は?(PageSpeed Insights計測)

このサイトにテストディレクトリ作ってPageSpeed Insights計測しました。キャッシュなどにより、少しスコアの変動はありますが『PC:80/SP:50』が出ました。ノーマルでも結構使えますが、SP用のチューニングができればベター

項目としては 『次世代画像フォーマット(JPEG 2000やWebPなど圧縮性能が高い)』 『レンダリングを妨げるリソース(読み込みファイルが多い)』 『オフスクリーン画像の遅延読み込み(lazyload)』 『Reduce initial server response time(サーバーチューニング・キャッシュ・CDN)』 などが挙げられました。

テーマ自体も構成ファイルが多いので、『子テーマつくってfunctions.phpで、wp_deregister_styleやwp_deregister_scriptにアクションフックで読み込みファイルを制御』という形になりそうです。

onepressのカスタマイズについて

デモデータのインポートが便利

テーマインストール後、『公式デモページ』のデータを読み込める、『デモデータのインポート』を使うことができます。これをオンにすると、『記事・コメント・タクソノミ・画像・カスタマイザーでのトップセクション設定』を一気に読み込んでくれます。

このように、公式デモページと同じ内容になります。まっさら状態よりは完成形イメージがつかみやすくなるので、ロゴやメインビジュアル画像などを変えてオリジナルにしていきます。

ヒーローや特集・サービス紹介といった、『固定ページがホームのとき出るセクション』を使いこなす

コーポレートタイプのWPテーマではよくあるんですけど、このonepressテーマも『固定ページがホームのとき出るセクション機能』があります。WPの基本設定で『最新の投稿』を選んでいるときは出てきません。これを押さえておくとカスタマイザーだけでサクッとエディットしやすいです。

例えばロゴ・メニュー・メインビジュアル画像みたいなのを行うときは『ヒーローセクション』で設定。 『ヒーロー設定』では『余白・テキストやスライダーのアニメーション速度』。『ヒーローの背景メディア』で『背景画像や色オーバーレイ・パララックス効果』。『ヒーローコンテンツ』で『ボタンや文書』というように設定していきます。デフォルトだと、そんなに大きくパララックスがかからない印象ですね~。

そのほか、例えば『セクション:特集』をエディットするときは『カラム数(3列か4列か)・タイトル・アイコン表示や内容』というように設定。このように、他のセクションも設定していき、1ページタイプのトップページを作っていきます。

あとがき・まとめ

  • onepressはスタイリッシュな1ページ向きのテーマ・ブログ機能ももちろんあり
  • SP表示速度をカバーできればかなり強い
  • デモデータのインポートを使って、完成形のイメージをつかみやすい
  • コーポレートタイプのWPテーマによくある、トップセクションをカスタマイザーで指定していくタイプ

まとめるとこんな形でしょうか。いくつか課題になりそうなところがあるとはいえ、無料テーマでここまでできると、いたれりつくせりです(有料版は機能追加)。スタイリッシュな1ページタイプのサイトを作りたい方は、ぜひ検討してみてください。


【カテゴリ】 - wordpressテーマ情報
【タグ】 - , ,

  関連記事

【WordPress】コーポレート&ブログ併設向きの、固定ページ1カラム・投稿2カラムレイアウトを切り替えるテーマ

今回は、このサイト(マルチメディアコンテンツ制作 読んどけコラム ...

Twenty Twenty-Oneの表示のしかた・速度・機能・カスタマイズ方法などを徹底チェック【WordPress5.6テーマ】

今回は、2020年12月8日にWordPressが5.6にアップ ...

WordPress 5.3からついてくる2020基本テーマ『Twenty Twenty』、表示の仕方・速度・カスタマイズ方法などを徹底チェック

今回は、2019年11月12日にリリースされたWordPress ...

【WordPress2019公式テーマ】Twenty Nineteenってどう?→文字デカすぎ&PCも1カラムは難点・ブロックエディタとの親和性はok

今回は、WordPressバージョン5以上に更新したら勝手につい ...

WordPressでヒーローヘッダーを実装できる、カッコいいテーマ・Exoplanet(無料版・有料pro版あり)レビュー・カスタマイザー設定のしかた

今回は、テーマを使って、WordPressでヒーローヘッダーを取 ...

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単

今回は、管理人も別サイトで使ってみた、無料WordPressテー ...

【音楽サービス・バンド向け】元バンドマンのweb開発者が、WordPressテーマ『Rock Star』をレビュー

今回は、ネーミング的に音楽サービス・バンドなどに使えそうなWor ...