WordPressでテーマの更新に影響されずオリジナルのトップページを作成する方法のトップイメージ

WordPressでテーマの更新に影響されずオリジナルのトップページを作成する方法

公開日 / 更新日

現在使用中のWordPressテーマの更新に影響されず、WordPressのオリジナルのトップページを作成する手順、

  • 「ホームページの表示」設定を利用した作成方法
  • 子テーマを利用した作成方法

の2通りを紹介します。

「ホームページの表示」設定を利用した作成方法

WordPress の機能を利用した方法です。後述する「子テーマを利用した作成方法」より手軽にできる方法かと思います。
先に概要を説明すると、トップページ用の固定ページを作成し、その固定ページをトップページとして指定する方法です。

  1. 管理画面の左側メニューから「固定ページ > 新規追加」と移動します。
  2. ひとまず「タイトル」を入力。テンプレートを変更する必要がある場合は、右側メニューの「ページ属性」欄「テンプレート」で、固定ページで使用するテンプレートファイルを選択。
  3. 続いて、管理画面の左側メニューから「設定 > 表示設定」と移動します。
  4. 「ホームページの表示」欄で「固定ページ」を選択し、「ホームページ」の項目で先程作成した固定ページを選択して完了です。

これで作成した固定ページがトップページとして使用されるので、あとはトップページ用の固定ページを編集してください。

当サイトで販売しているテーマ「Twentyfour Seven」を使用している場合は、「ページ属性」欄で「空白テンプレート」を選択するとより自由度が高いです。

子テーマを利用した作成方法

こちらの方法は、より自由度の高いオリジナルトップページの作成方法になるかと思います。

  1. 子テーマを用意します。
    子テーマについては「子テーマテンプレートの配布とインストール方法」をご覧ください。
  2. 上記のページから「子テーマのテンプレート」をダウンロード後、「style.css」を現在使用中のテーマに合わせて書き換え、「home.php」をフォルダ内(「style.css」と同じ階層)に設置。
  3. 上記ページの「子テーマのインストール方法」を参考に子テーマを有効化して完了です。

これで、親テーマのテンプレートファイルより優先して子テーマの「home.php」がトップページの表示に使用されます。「外観 > テーマエディター」に移動し、「編集するテーマを選択」で有効化中の子テーマを選択して「home.php」を編集してください。

「home.php」の内容

親テーマのヘッダーとフッターを読み込む場合は

<?php get_header(); ?>

ここに表示したい内容を記述

<?php get_footer(); ?>

と記述しましょう。

ウェルカート対応テーマのトゥエンティフォーセブン

Welcart対応テーマ「Twentyfour Seven」

販売価格 29,700(税込)

WordPressでオンラインショップを構築できるプラグイン「Welcart」向けに開発されたテーマです。

共有ボタン
Facebook Twitter LINE
関連キーワード
|
関連アーカイブへの矢印WordPress/テーマの関連アーカイブ
Shopifyの商品をWordPressに一括連携できるプラグイン「Connect Products with Shopify 」の使用方法

Shopifyの商品をWordPressに一括連携できるプラグイン「Connect Products with Shopify ...

Shopifyの全商品を取得して、WordPressにカスタム投稿として自動登録するプラグインを作成しましたので連携方法をご紹介します。こちらのプラグインはWo...

WordPress子テーマテンプレートの配布とインストール方法

WordPress子テーマテンプレートの配布とインストール方法

WordPressにおいて、テーマのテンプレートファイルの直接編集は、テーマ更新のタイミングで編集内容が上書きされてしまうので、有効化中のテーマを「親テーマ」と...

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressにおいて、親テーマの直接編集はテーマが更新された際に上書きされてしまうので、テーマのカスタマイズは「子テーマ」を使うか「プラグイン」がおすすめ...

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

当サイトで販売しているWelcart対応テーマ「TwentyfourSeven」のヘッダーメニュー項目のカスタマイズ方法について紹介します。部分的に他のテーマで...

購入したWordPressテーマのインストール方法

購入したWordPressテーマのインストール方法

「TwentyfourSeven」の場合、テーマをインストールする前にカートプラグイン「Welcart」をインストールします。他のテーマの場合は、テーマのインス...