WordPress特集 - テーマ OceanWP
公開日：2021年12月5日
最終更新日：2021年12月6日
OceanWP は公式テーマの中では、Astra とともに２トップを形成するテーマと言えます。海外製のため日本ではそれほど見かけませんが、これだけ高機能で良くできたテーマはなかなかありません。
【記事執筆時の環境】
WordPress 5.8
OceanWP 3.1.2
【参考ページ】
OceanWP 公式サイト
テーマ概要
OceanWP は管理画面からインストールできる Free版の他に、有料の Pro版もあります。Pro版はもちろん拡張性が高く高機能なのですが、Free版でも一般サイトには十分です。
特徴
- サイドバーを左右２つ設けることができます。
- コンテンツ幅とサイドバー幅の調整ができます。
- ヘッダーの上にトップバーを設置することができます。
- ヘッダーの背景には画像や動画を設定できます。
- フッターの下にフッターバーを設置することができます。
- フッターは 1～4 カラムで指定できます。
- 投稿個別ページ・投稿アーカイブページは、表示する要素を指定できます。また要素を表示する位置も指定できます。
- タイポグラフィは要素ごとにかなり細かく設定できます。Font Family/Font Size/Font Weight/Line Height/Letter Spacing/Color が設定できます。またページに存在するほぼすべての要素に対して設定できます。
- レイアウトを投稿・固定ページ・アーカイブのページ種類別に設定できます。またページ個別でも設定できます。
- ページごとにタイトルを非表示にできます。またサブタイトルを設定すると、ページタイトルの下に表示されます。
- ページごとに、ヘッダー・フッター・ロゴ・メニューなど、それぞれ設定をデフォルトから変更することができます。
- クレジット表記は Free版でも自由に編集できます。
不満点・注意点
- 公式サイトの説明ページは決して見やすいとは言えません。掲載されている画像も判別しにくく、説明も丁寧ではありません。英語に慣れていない日本人にとっては厳しいかもしれません。
- 固定ページではアイキャッチ画像は表示されません。
- ヘッダーにサイトのタイトルとキャッチフレーズを表示する機能がありません。ロゴとメニューは表示できます。
有料版
公式テーマですので基本はフリーで使えますが、機能を拡張した有料の Pro版があります。価格は記事執筆時点で、１年のサポート付きで３サイトまで使える Personal が $54 です。
１年過ぎても使い続けることはできますが、アップデートしたバージョンは入手できなくなります。サポートを延長するにはさらに延長料金を支払うか、最初から LIFETIMEサポート付き（$222）を購入します。
Pro版で拡張される機能は 14 あります。
関連プラグイン
同じ開発元が出しているフリーのプラグインが下記の７つあります。
- Stick Anything
- Modal Window
- Posts Slider
- Custom Sidebar
- Product Sharing
- Social Sharing
- Ocean Extra
上記のうち、Ocean Extra はテーマをインストールした際に、インストールをうながすメッセージが出ます。
Ocean Extra では、管理メニューとして [Theme Panel] が追加され、テーマに関するさまざまなオプション設定ができますので、インストールしておいたほうが良いでしょう。
テーマの UI
ページ編集画面
コンテンツエリアの下に、ページごとにテーマで設定できる項目が表示されます。
ページごとにこれほど多くの設定変更ができるテーマも少ないです。
カスタマイザー
テーマ全体の設定はカスタマイザーから行います。このテーマは本当にたくさんの設定メニューがあります。
テーマを使用して制作したデモサイト
Free版では15のデモサイトをインポートできます。Pro版ではさらに210のデモサイトをインポートできるようになります。
ただし、Free版でインポートできるデモサイトも、Pro版の拡張機能を使う前提のサイトがほとんどです。２つだけ拡張機能を使っていないサイトがありましたが、どちらもページビルダー Elementor で作成しており、Elementor のインストールは必要でした。デモサイトのほとんどが、Elementor と WPForms を使っています。
【公式デモサイトの一覧】
Discover Our Website Demos
下記は OceanWP を使って私が制作してみたデモサイトです。
【Free版で制作したデモサイト】
デモサイト - パソコン教室
«次の特集記事»
«前の特集記事» テーマ GeneratePress
スポンサーリンク
