WordPressでカスタム単一投稿テンプレートを作成する方法

WordPressでカスタムの単一投稿テンプレートを作成しますか??


カスタムの単一投稿テンプレートを使用すると、個々のブログ投稿に異なるレイアウトを使用できます。多くのWordPressテーマにはいくつかの異なるページテンプレートが付属しており、必要に応じて独自のテンプレートを作成することもできます.

この記事では、WordPressでカスタムの単一投稿テンプレートを簡単に作成する方法を紹介します。複数の方法を共有するので、ニーズに最適な方法を選択できます.

WordPressでカスタムの単一投稿テンプレートを作成する方法

注意: このチュートリアルでは、WordPressテーマファイルを編集する必要があります。これまでに行ったことがない場合は、WordPressでコードをコピーして貼り付ける方法に関するチュートリアルをご覧ください。.

カスタムの単一投稿テンプレートが必要な場合?

時々、あなたはあなたのウェブサイトの特定の投稿のために異なった見た目と雰囲気を望みます。たとえば、特定のカテゴリの特集記事や記事に別のレイアウトを使用することができます。.

ここで、WordPressのカスタムの単一投稿テンプレートが必要になります.

デフォルトでは、WordPressはWordPressテンプレート階層に基づく単一の投稿テンプレートを使用します。すべてのテーマには、すべての単一の投稿のデフォルトとして使用されるsingle.phpテンプレートが付属しています.

一部のテーマには、使用できる追加のテンプレートまたはレイアウトの選択肢も含まれる場合があります.

これは、カスタムページテンプレートを作成するのとよく似ています。ほとんどのWordPressテーマには、WordPressでページを編集するときに使用できるページテンプレートも付属しています.

ページテンプレートの選択

それでは、WordPressでカスタムの単一投稿テンプレートを簡単に作成する方法を見てみましょう。複数の方法を紹介するので、最適な方法を使用できます.

    ブロックエディターを使用してWordPressで単一の投稿テンプレートを作成する

    この方法は実際には投稿テンプレートを作成せず、柔軟性に制限があります。ただし、これは、独自のシングルポストレイアウトを保存して再利用する最も簡単な方法です。.

    デフォルトのWordPressブロックエディターには、ブロックを保存して再利用できる組み込み機能が付属しています。そのような再利用可能なブロックの1つは、グループブロックと呼ばれます。.

    グループブロックでは、基本的に複数のブロックと投稿全体のレイアウトを1つのグループにまとめることができます。このグループブロックを保存して、他の投稿で再利用できます.

    グループブロックを使用してカスタム投稿テンプレートを保存する方法を見てみましょう.

    まず、WordPressで新しい投稿を作成する必要があります。その後、グループブロックをコンテンツ領域に追加するだけです.

    グループブロックを追加

    これで、ブロックをグループブロックに追加して、シングルポストレイアウトを作成できます。列、メディアとテキスト、カバー画像など、必要なブロックを追加できます.

    グループにブロックを追加する

    作成したレイアウトに満足したら、マウスを上げてグループブロックを選択する必要があります。 3ドットのメニューアイコンをクリックし、[再利用可能なブロックに追加]オプションを選択します。.

    再利用可能なブロックを追加

    次に、再利用可能なブロックの名前を指定し、[保存]ボタンをクリックする必要があります。 WordPressは、グループブロック内のすべてのブロックを含む再利用可能なブロックを保存します.

    その後、ウェブサイト上の既存の投稿を編集したり、新しい投稿を作成したりできます。投稿の編集画面で、[新しいブロックを追加]ボタンをクリックし、再利用可能なブロックの下に保存されているブロックを探します。.

    ブロックを再利用

    ブロックを投稿に追加すると、WordPressはグループブロック全体を、保存したすべてのブロックと設定とともにロードします.

    このメソッドを使用すると、カスタムレイアウトを保存できます。ただし、テーマが単一の投稿を処理する方法を変更することはできません.

    柔軟性を高めたい場合は、読み続けてください.

    Beaver Builderを使用してWordPressでカスタムの単一投稿テンプレートを作成する

    カスタムの単一投稿テンプレートを作成する最も簡単な方法は、ビーバービルダーを使用することです。それは市場で最高のWordPressページビルダープラグインであり、コードを記述したり、WordPressテーマを変更したりせずに投稿テンプレートを作成できます。.

    最初に行う必要があるのは、Beaver Builderプラグインをインストールしてアクティブにすることです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

    アクティベーション時に、あなたは訪問する必要があります 設定»ビーバービルダー ページを表示し、ライセンスタブに切り替えて、ライセンスキーを入力します.

    Beaver Builderライセンスキー

    この情報は、Beaver Builder Webサイトのアカウントの下にあります。.

    WordPressのページでは、デフォルトでBeaver Builderが有効になっています。投稿でも利用できるようにする必要があります.

    そのためには、[投稿タイプ]タブに切り替えます。 設定»ビーバービルダー ページ。ここから、[投稿]オプションの横にあるチェックボックスをオンにする必要があります.

    投稿に対してBeaver Builderを有効にする

    [投稿タイプを保存]ボタンをクリックして変更を保存することを忘れないでください.

    すべてが設定されたので、カスタム投稿テンプレートを作成しましょう.

    WordPressで新しい投稿を作成し、投稿編集画面で[Launch Beaver Builder]ボタンをクリックするだけです.

    Beaver Builderを起動します

    これにより、ビーバービルダーのインターフェイスが開き、ウェブサイトのライブプレビューが表示されます。画面右上の[追加]ボタンをクリックすると、既存のレイアウトにモジュールと行を追加できます。.

    テンプレートを開始点として選択することもできます。最初は白紙の状態にするための空白のテンプレートもあります.

    Beaver Builderテンプレートを選択します

    テンプレートを選択したら、簡単なポイントアンドクリックで編集できます。行と列を追加して、モジュールと要素で埋め、カスタムレイアウトテンプレートを作成することもできます.

    Beaver Builderモジュールの追加

    さまざまなモジュールを自由に試して、設定をいじってみてください.

    投稿テンプレートとして使用したいものを作成したら。それを保存する時が来ました.

    Beaver Builderでは、レイアウトをテンプレートとして保存して、他の投稿で再利用できます。画面の右上隅にあるメニューをクリックして、[テンプレートを保存]を選択するだけです.

    カスタムBeaver Builder投稿テンプレートを保存します

    テンプレートの名前を入力するよう求められます。その後、保存ボタンをクリックして保存します.

    テンプレートに名前を付けて保存する

    では、投稿を作成するときにこのカスタム投稿テンプレートを使用する方法を見てみましょう.

    投稿を編集するか、新しい投稿を作成してから、Beaver Builderを起動して投稿を編集します.

    次に、画面の右上隅にある[追加]ボタンをクリックして、[テンプレート]タブに切り替える必要があります。ここから、[グループ]ドロップダウンメニューから[保存されたテンプレート]を選択する必要があります.

    カスタムテンプレートを読み込む

    Beaver Builderは保存したカスタムレイアウトをロードし、新しい記事のコンテンツの追加を開始できます.

    カスタム単一投稿レイアウトのテーマ設定の使用

    多くの一般的なWordPressテーマには、単一の投稿テンプレートの外観をカスタマイズするための組み込み設定が付属しています.

    テーマがこれらの設定をサポートしている場合は、投稿編集画面でそれらを見つけることができます。使用可能なオプションは、使用しているテーマによって異なる場合があります.

    たとえば、これはAstraテーマが単一の投稿を編集するときにカスタマイズオプションを提供する方法です.

    Astraテーマの単一投稿テンプレートのカスタマイズ

    これらのオプションを使用して、サイドバーの変更、ヘッダー、タイトル、メニューの非表示などを行うことができます.

    一方、トップのWordPressテーマの多くには、すぐに使用できるテンプレートが付属しており、使用できます。.

    テーマに単一の投稿テンプレートが含まれている場合は、投稿の編集中に[投稿の属性]タブに表示されます.

    単一の投稿を作成するときにテンプレートを選択する

    これらのテンプレートは、使用できる完全なレイアウトです.

    WordPressでカスタムの単一投稿テンプレートを手動で作成する

    この方法は、テーマファイルを編集し、コードをコピーして貼り付け、オプションでカスタムCSSを追加する必要があるため、少し高度です.

    まず、コンピューターでメモ帳などのプレーンテキストエディターを開き、その中に次のコードを貼り付ける必要があります。

    <?php
    / *
    *テンプレート名:特集記事
    *テンプレート投稿タイプ:投稿、ページ、製品
    * /

    get_header(); ?>

    このコードは、注目記事と呼ばれる新しいテンプレートを定義し、投稿、ページ、および製品投稿タイプで使用できるようにします。.

    このファイルをデスクトップにwpb-single-post.phpとして保存できます。.

    次に、FTPクライアントを使用して、現在のWordPressテーマフォルダーにアップロードする必要があります.

    その後、WordPress管理エリアにログインして、投稿を作成または編集できます。投稿の編集画面を少し下にスクロールすると、テンプレートを選択するオプションを備えた新しい投稿属性メタボックスが表示されます。.

    カスタム投稿テンプレートを選択してください

    そこに「注目記事」カスタムテンプレートが表示されます。.

    現在、テンプレートは基本的に空なので、選択すると白い画面が表示されます.

    これを修正しましょう.

    これを行う最も簡単な方法は、テーマのsingle.phpファイルからコードをコピーして、それを開始点として使用することです.

    single.phpファイルを開き、get_header()行の後のすべてをコピーします.

    このコードを最後にwpb-single-post.phpファイルに貼り付けます。これで、このファイルを保存してサーバーにアップロードできます.

    ただし、これは現在の単一投稿テンプレートとまったく同じに見えます。これで、カスタムの単一投稿テンプレートに変更を加えることができます.

    独自のカスタムCSSクラスを追加したり、サイドバーを削除したり、全幅テンプレートまたは必要なものを作成したりできます.

    カテゴリに基づいてカスタムの単一投稿テンプレートを作成する

    カテゴリに基づいたカスタムの単一投稿テンプレートを使用したいですか?たとえば、旅行カテゴリの投稿のレイアウトは、写真の投稿とは異なる場合があります.

    これがあなたがそれを行う方法です.

    最初に、このコードをテーマのfunctions.phpファイルまたはサイト固有のプラグインに追加する必要があります.

    / *
    *単一のテンプレートフォルダへの一定のパスを定義します
    * /
    define(SINGLE_PATH、TEMPLATEPATH。 ‘/ single’);

    / **
    *カスタム関数でsingle_templateをフィルタリングします
    * /
    add_filter( ‘single_template’、 ‘my_single_template’);

    / **
    *テンプレートを選択する単一のテンプレート機能
    * /
    function my_single_template($ single){
    グローバル$ wp_query、$ post;

    / **
    *カテゴリ別の単一テンプレートのチェック
    *カテゴリスラッグとIDで確認
    * /
    foreach((array)get_the_category()as $ cat):

    if(file_exists(SINGLE_PATH。 ‘/ single-cat-‘。$ cat->ナメクジ’.php’))
    SINGLE_PATHを返します。 ‘/ single-cat-‘。 $ cat->ナメクジ’.php’;

    elseif(file_exists(SINGLE_PATH。 ‘/ single-cat-‘。$ cat->term_id。 ‘.php’))
    SINGLE_PATHを返します。 ‘/ single-cat-‘。 $ cat->term_id。 ‘.php’;

    endforeach;
    }

    このコードはまず、WordPressが単一の投稿をリクエストしているかどうかを確認します。そうであれば、WordPressに、WordPressテーマの/ single /フォルダーでテンプレートを探すように指示します。.

    次に、このコードで定義されたテンプレートファイルを追加する必要があります.

    FTPクライアントまたはcPanelのファイルマネージャーを使用してWordPressホスティングに接続し、/ wp-content / themes / your-theme-folder /に移動します.

    現在のテーマフォルダー内に、「single」という新しいフォルダーを作成する必要があります.

    次に、このフォルダーを開き、その中に新しいファイルを作成する必要があります。さあ、このファイルにsingle-cat- {category-slug}という名前を付けます。 {category-slug}を実際のカテゴリスラッグに置き換えます.

    たとえば、「ニュース」というカテゴリがある場合、single-cat-news.phpファイルを作成します。 「旅行のヒント」というカテゴリがある場合は、テンプレートsingle-cat-travel-tips.phpなどを作成します。.

    カテゴリ用の単一投稿テンプレートの作成

    これで、これらのテンプレートファイルは完全に空になります。開始点として、single.phpファイルの内容をテーマフォルダーからコピーし、これらの各テンプレート内に貼り付けることができます.

    その後、これらのテンプレートを編集して、必要な変更を加えることができます.

    完了したら、ウェブサイトにアクセスして投稿を表示できます。この投稿が提出されたカテゴリ用に作成したテンプレートを使用します.

    ここで、ニュースと旅行のヒントの2つのカテゴリに投稿された投稿があるとします。 WordPressは「ニュース」のテンプレートをアルファベット順に最初に表示するため、自動的に表示されます.

    一方、カテゴリに投稿し、そのカテゴリのテンプレートを作成しなかった場合、WordPressはテーマのデフォルトのsingle.phpテンプレートにフォールバックします.

    特定の著者向けにカスタムの単一投稿テンプレートを作成する

    特定の作成者によって書かれた投稿があなたのWebサイトで異なって見えるようにするとします。カテゴリに対して示したのと同じテクニックを使用して、それを行うことができます.

    まず、このコードをテーマのfunctions.phpファイルまたはサイト固有のプラグインに追加する必要があります.

    / **
    *単一のテンプレートフォルダへの一定のパスを定義します
    * /
    define(SINGLE_PATH、TEMPLATEPATH。 ‘/ single’);

    / **
    *カスタム関数でsingle_templateをフィルタリングします
    * /
    add_filter( ‘single_template’、 ‘my_single_author_template’);

    / **
    *テンプレートを選択する単一のテンプレート機能
    * /
    function my_single_author_template($ single){
    グローバル$ wp_query、$ post;

    / **
    *作成者による単一のテンプレートのチェック
    *ユーザーのnicenameとIDで確認する
    * /
    $ curauth = get_userdata($ wp_query->役職->post_author);

    if(file_exists(SINGLE_PATH。 ‘/ single-author-‘。$ curauth->user_nicename。 ‘.php’))
    SINGLE_PATHを返します。 ‘/ single-author-‘。 $ curauth->user_nicename。 ‘.php’;

    elseif(file_exists(SINGLE_PATH。 ‘/ single-author-‘。$ curauth->ID。 ‘.php’))
    SINGLE_PATHを返します。 ‘/ single-author-‘。 $ curauth->ID。 ‘.php’;

    }

    次に、cPanelのFTPまたはファイルマネージャーを使用してWebサイトに接続し、/ wp-content / themes / your-theme-folder /に移動する必要があります.

    その中に/ single /という名前のフォルダをまだ作成していない場合は、先に進んで今すぐ作成してください.

    このフォルダ内で、テンプレート名に作成者のユーザー名を使用してテンプレートを作成する必要があります。たとえば、single-author-johnsmith.php.

    このテンプレートは空になるため、テーマのsingle.phpテンプレートの内容をコピーして貼り付け、開始点として使用できます.

    これで、Webサイトにアクセスして、特定の作成者が作成した投稿を表示できます。作成したテンプレートを使用します.

    それは今のところすべてです.

    この記事が、WordPressでカスタムの単一投稿テンプレートを作成する方法の学習に役立つことを願っています。コードを記述せずにカスタムWordPressテーマを最初から作成する方法に関する記事もご覧ください。.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me