WordPress専用ページテンプレートを簡単に作成・カスタマイズする方法

WordPressのカスタムページテンプレートを作成することで、ウェブサイトの外観やデザインの自由度を簡単にコントロールすることができます。そうすることで、あなたのウェブサイトにユニークな外観を与えるだけでなく、開発プロセスの時間を大幅に節約することができます。良いニュースは、これらのテンプレートを作成する複数の方法から選択できることです。テンプレートを自分で作成してウェブサイトにアップロードすることもできますし、便利なページビルダープラグインを活用して素早く作成することもできます。

画像[1] - WordPress専用ページテンプレートを簡単に構築・カスタマイズする方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ページテンプレートの手動作成

WordPressテーマの作成方法をすでに理解している場合は、手動でページテンプレートを作成する方が適しているかもしれません。この方法には基本的なコーディングの知識が必要ですが、カスタムテンプレートのデザインに大きな柔軟性と自由度を与えることができます。手動で作成することで、ニーズに合わせてテンプレートをカスタマイズし、ウェブサイトに個性を与えることができます。

注目してください:このチュートリアルでは、WordPressテーマにカスタムページのテンプレートファイルを作成し、アップロードする方法をご案内します。テーマの更新時に変更が失われないようにするには、まず子テーマを作成することをお勧めします。そうすることで、親テーマが更新されてもカスタムの変更が保持されます。

ステップ1:テンプレートファイルの作成

お好きなテキストエディタを開き、以下のコードを追加してください:

<?php /* 模板名称:CustomPage */ ?>

テンプレートファイルの名前は自由ですが、わかりやすい名前を選ぶとその後の管理が楽になります。

例えば、特定のタイプのブログ記事(例:ハウツーガイド)用のテンプレートを作成したい場合、「tutorial.php」のような名前を付けることができます。テーマのサイドバーを表示しないページテンプレートを作成したい場合、"nosidebar.php "という名前を付けることができます。

コードを書き終えたら、ファイルを.phpcustompage.php "のような形式のファイル。銘記テンプレートファイルの拡張子は.php.

ステップ2:テンプレートファイルをウェブサイトにアップロードします。

次に、このテンプレートファイルをウェブサイトにアップロードする必要があります。これを行うには、人気のあるFileZillaのようなFTP(ファイル転送プロトコル)ツールを使用してアップロードを完了することができます。

に移動します。wp-content/themes/フォルダを開き、子テーマフォルダを開きます:

画像[2] - WordPress専用ページテンプレートを簡単に構築&カスタマイズする方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

次に、新しく作成したテンプレートファイルをWordPressのテーマフォルダにアップロードします。アップロードが完了すると、このテンプレートはあなたのウェブサイトで使用できるようになります。

これを確認するには、WordPressの管理画面にログインし、新しいページを作成します(または既存のページを編集します)。編集したページのサイドバーまたはページのプロパティエリアで、"ページのプロパティ "または"テンプレート"オプションをクリックすると、利用可能なテンプレートのリストが表示されます。その中に先ほどアップロードしたテンプレートが表示されているはずです。

画像[3] - WordPress専用ページテンプレートを簡単に構築・カスタマイズする方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、ファストレスポンス

テンプレートのリストに新しいテンプレートが表示されます。しかし、今それをページテンプレートとして設定し、プレビューすると、空白のページが表示されるかもしれません。

これは、テンプレートファイルに今コンテンツが含まれていないからです。次に、このテンプレートを編集してカスタマイズする方法を紹介します。

ステップ3:テンプレートファイルのカスタマイズ

まず、ウェブサーバーに接続し、現在使用されているテーマフォルダーを探します。次に、このフォルダ内でページ.phpファイルをテキストエディタで開いてください。

その後はページ.phpファイルに、カスタムページテンプレートの基礎となる重要なコードスニペットをコピーしてください。

画像[4] - WordPress専用ページテンプレートを簡単に構築・カスタマイズする方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、ファストレスポンス

必要なコードをコピーした後、作成したカスタムページのテンプレートファイルを開き、以下の行の下にこれらのコードを貼り付けます:

<?php /* 模板名称:CustomPage */ ?>

これで、テンプレート・ファイルの先頭にテンプレート名を指定するためのコード行ができ、その後に先ほどコピー&ペーストした内容が続くはずです。これで、テンプレート・ファイルの基本構造ができました。

画像[5] - WordPress専用ページテンプレートを簡単に構築&カスタマイズする方法 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、ファストレスポンス

カスタムページのテンプレートファイルが編集できるようになりました。例えば、テンプレートからフッターを削除したい場合は、以下の行を削除します:

<?php get_footer(); ?>

さらに、カスタムPHPコードを追加することで、テンプレートをよりあなたの好みやニーズに沿ったものにすることができます。編集が終わったらファイルを保存することを忘れないでください。

WordPress管理画面のバックエンドで、このテンプレートをすでに投稿やページに適用している場合は、プレビューをクリックして変更が反映されたことを確認できます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし