- OceanWPの具体的な導入手順が知りたい
- 日本語化の設定はどうやるの？
- 子テーマのインストール方法は？
このような問題を解決します。
HARUWordPressに新しいテーマを入れるときは、やるべきことが何で、どんな手順で作業を進めればいいのか迷うことがありますよね。
安心してください！
この記事では、WordPressに慣れていない方でも、画像付きで手順を解説しています。
手順通りに進めるだけで、簡単にOceanWPを導入できるようになります。
この記事は、OceanWPの導入方法はもちろん、導入後にやるべきことまで網羅的に解説しています。
今すぐ読み進めて、一緒にOceanWPを導入しましょう！
OceanWPの親テーマをインストールする
それではさっそく、OceanWPを導入していきましょう。
まずは、OceanWPの親テーマをWordPressにインストールします。
①WordPressにログインします。
②外観＞テーマをクリックします。
③「新しいテーマを追加」をクリックします。
④画面右上の検索窓「テーマを検索」に「OceanWP」と入力します。
⑤OceanWPが表示されるので、マウスでカーソルを合わると「インストール」と表示されるのでクリックします。
⑥インストールが完了したら「有効化」をクリックします。
⑦OceanWP親テーマのインストールが完了しました。
OceanWPの子テーマをインストールする
テーマのアップデートで設定やデザインが上書きされるのを防ぐため、すぐに子テーマをインストールしてください。
子テーマを使えば、親テーマの更新に影響されず、安心して編集できます。
①OceanWP公式ページから子テーマをダウンロードします。
②「code」をクリックします。
③「Download ZIP」をクリックで任意の場所に保存します。
④WordPressにログインします。
⑤外観＞テーマをクリックします。
⑥「新しいテーマを追加」をクリックします。
⑦「テーマのアップロード」をクリックします。
⑧画面下の「ファイルの選択」をクリックします。
⑨先ほどダウンロードした「oceanwp-child-theme-master.zip」を選択します。
⑩「今すぐインストール」をクリックします。
⑪インストールが完了したら有効化をクリックします。
⑪OceanWP子テーマのインストールが完了しました。
WordPressの不要なテーマを削除する
セキュリティとサイト軽量化の観点から、不要なテーマを削除することを推奨します。
使用しないテーマが古くなると、セキュリティホールが放置され、サイトが攻撃の対象となる可能性があります。
残しておくべきテーマ
以下の3つのテーマを残して、他のテーマは削除しておきましょう。
- OceanWP親テーマ
- OceanWP子テーマ（現在使用中のテーマ）
- WordPress公式の最新デフォルトテーマ（例: Twenty Twenty-Five）
不要なテーマを削除する手順
①WordPressにログインします。
②外観＞テーマをクリックします。
③削除するテーマにマウスのカーソルを合わせると「テーマの詳細」が表示されるのでクリックします。
④削除をクリックします。
⑤OKをクリックします。
⑥削除が完了しました。
⑦この要領で他の不要なテーマもすべて削除します。
⑧不要なテーマをすべて削除しました。
WordPressテーマの自動更新
セキュリティ対策として、WordPressテーマには自動更新を設定しましょう。
手動更新のままだと、更新を忘れるリスクがあり、特にECサイトでは常に最新バージョンを維持することが重要です。
自動更新の対象
自動更新の対象は、OceanWPの親テーマとWordPress公式テーマの２つです。
なお、OceanWPの子テーマはそもそもアップデートを必要としないため、自動更新の対象外です。
テーマ自動更新の手順
①自動更新するテーマにマウスのカーソルを合わせると「テーマの詳細」が表示されるのでクリックします。
②「自動更新を有効化」をクリックします。
③自動更新が有効化されました。
Ocean Extraプラグインのインストール
Ocean Extraプラグインは、OceanWPテーマをさらに便利に活用するための公式プラグインです。
このプラグインをインストールすることで、カスタマイズの幅が広がり、デモサイトの導入や特定のページごとの設定が簡単に行えるようになります。
OceanWPテーマを使う際には、Ocean Extraのインストールはほぼ必須といえるほど重要です。
Ocean Extraプラグインのインストール手順
①WordPressの管理画面にログインします。
②プラグインをクリックします。
③「Install ＆ Activate Ocean Extra」をクリックします。
このメッセージは、Ocean Extraプラグインのインストールと有効化を促すものです。
④プラグインをクリックします。
⑤インストールと有効化が完了していることが確認できました。
⑥「自動更新を有効化」をクリックしてください。
Ocean Extraプラグインは、OceanWPテーマの拡張機能を提供する重要なプラグインです。
そのため、セキュリティや新機能の更新を確実に適用するために、自動更新を有効化することが推奨されます。
⑦Ocean Extraプラグインの自動更新が有効化されました。
OceanWPの日本語化
OceanWPは初期状態で日本語に対応しており、WordPressが日本語に設定されていれば特別な設定は必要ありません。
管理パネルの一部には英語のままの表示がありますが、日常的に使用しない箇所であるため、通常の利用には支障ありません。
「Loco Translate」というプラグインを使って管理パネルを日本語化する方法も試しましたが、現状では管理パネルの日本語化には対応していません。
ただし、そもそも日本語に対応させる必要性が低いため、現状のままで問題なくご利用いただけます。
また、セキュリティ上、不要なプラグインを増やさないことが得策です。
WordPress表示形式の変更
WordPressは初期設定でブログ形式になっています。
オンラインショップを立ち上げたい場合は、ホームページ形式に変更する必要があります。
WordPressの表示設定を確認する
①WordPressの管理画面にログインします。
②設定をクリックします。
③表示設定をクリックします。
④初期設定では、ホームページの表示が「最新の投稿」の設定になっています。
これを固定ページに設定変更して、ホームページに固定ページを選択します。
ですが、ホームページの固定ページがまだないので、先に固定ページを作成します。
⑤初期設定ではサンプルページしかありません。
TOPページ用の固定ページを作成する
固定ページの作成
①WordPressのダッシュボードの「固定ページ」をクリックします。
②「新規固定ページを追加」をクリックします。
③タイトルを追加します。「HOME」と入力しました。
④本文を追加します。仮で「ホームページをご覧いただきありがとうございます」と入力しました。
パーマリンクの変更（タイトルを日本語で設定した場合のみ）
タイトルを日本語で入力すると、URLが文字化けして長くなるので、英単語にURLを変更します。
①画面右の「固定ページ」をクリックします。
②画面右の「リンク」をクリックしてパーマリンクを変更します。
③リンク名を英単語に変更します。
今回はタイトルを「home」としたので変更する必要はありませんが、タイトルを日本語に設定した場合は、英単語に変更しておきます。
固定ページの公開
①画面右上の「公開」をクリックします。
②公開」をクリックします。
Blog用の固定ページ新規作成
「HOME」の作成と同様に、新規記事を投稿させる固定ページを作成します。
固定ページの作成
①画面左上のWordPressのアイコンをクリックします。
②固定ページがクリックされた状態なので、「新規固定ページを追加」をクリックします。
③タイトルを入力します。「BLOG」と入力しました。
パーマリンクの変更（タイトルを日本語で設定した場合）
タイトルを日本語で設定した場合のみパーマリンク変更を行います。
パーマリンク設定とはURLの設定のことで、日本語だと文字化けするので、英語に変更します。
①画面右の「固定ページ」をクリックします。
②リンクをクリックします。
③英単語に変更します。
今回は、もともと英単語の「blog」という文字を入力していたため、変更なしです。
固定ページの公開
①画面右上の「公開」ボタンをクリックします。
②「公開」をクリックします。
固定ページ一覧を確認
①画面左上の「WordPressのアイコン」をクリックします。
②固定ページに、先ほど作成した「HOME」と「BLOG」が作成されており、「公開済み」となっていることを確認します。
固定ページの表示設定を行う
①ダッシュボードの「設定」をクリックします。
②表示設定をクリックします。
③チェクボックスを固定ページを選び、ホームページは先ほど作成した固定ページの「HOME」を選択、同様に投稿ページは「BLOG」を選択します。
④画面下にスクロールして、「変更を保存」をクリックします。
TOPページの表示を確認する
①画面上部のサイト名をクリックします。
②問題なく表示できました。
これでOceanWPの導入完了です。
コメント