ElementorでWordPressシングルポストテンプレートを作成する方法

公開: 2018-06-25

WordPress用のElementorブログテンプレートをお探しですか? Elementorのテーマビルダーを使用してそれを行う方法を学びます。

コードなしで次のブログテンプレートをデザインする

カスタム投稿テンプレートとは何ですか?

まだ単一投稿テンプレートに精通していない人のために、単一投稿がブログ投稿のレイアウトを決定します。

カスタムの単一投稿テンプレートを使用すると、ブログ投稿ごとに異なるレイアウトを使用でき、特定の投稿に異なるデザインを適用できます。 たとえば、理髪店のWebサイトについて考えてみます。 レビュー投稿、ニュース投稿、セール投稿、ケーススタディ投稿などにさまざまなテンプレートを使用できます。

Elementorを使用すると、動的ウィジェットを使用してブログ投稿テンプレートを作成できます。 また、ライブデザインを簡単にするために、以前に作成したブログ投稿を使用してテンプレートをプレビューできます。 このようにして、すべての動的ウィジェットにサイトの実際のコンテンツが入力されます。 これは、単一の投稿テンプレートの使用方法を説明する記事です。

単一のテンプレートを公開した後でも、テンプレートを使用する特定のブログ投稿にアクセスして、Elementorを使用してさらにデザインすることができます。

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

WordPressでカスタム投稿テンプレートを手動で作成するには、コーディング、CSS、およびWordPressファイル操作の知識を持つ上級ユーザーである必要があります。 この方法は初心者にはお勧めできません。

続行する前に、現在のテーマを台無しにしないように子テーマを使用していることを確認し、デフォルトのテーマに戻ることをお勧めします。

1.最初に行う必要があるのは、新しいファイルを作成することです。 これを行うには、テキストエディタ(メモ帳など)を開き、新しい名前(my-templateなど)を付けて、 .phpとして保存します。

2.次に、このコードをコピーしてファイルに貼り付け、以下を保存します。

<?php

/ *

*テンプレート名:(ここにテンプレート名を入力してください)

*テンプレート投稿タイプ:(投稿タイプを入力してください:投稿、ページ、製品など)

* /

get header(); ?>

3.次に、FTPソリューションを使用して、このファイルをWordPressフォルダーにアップロードする必要があります。

4.完了したら、WP管理者に移動してログインします。 ここから、投稿の作成/編集に移動します

5. [投稿属性]まで下にスクロールして、テンプレートを選択します。

6.ここに、テンプレートが表示されます。 ただし、これは新しく、何も追加していないため、空であることがわかります。 これを解決するには、既存のテーマのテンプレート情報からコードをコピーするのが最善です。

7. single.phpファイルを開き、get_header ()行の後のすべてをコピーして、テンプレートの最後のget_header()行の後に貼り付けます。 ファイルを保存して、サーバーにアップロードし直します。

8.これで編集を開始できます。 コーディングスキルを使用します。

FAQページのデザイン方法+10の美しい例

Elementorを使用してカスタム投稿テンプレートを作成する方法

ご存知かもしれませんが、Elementorはすでにヘッダーとフッターの再設計を支援することができます。 しかし、それは氷山の一角に過ぎません…

2.0でできるもう1つの優れた点は、Elementor Theme Builderを使用して、まったく新しい単一の投稿テンプレート自分作成することです。 ソースコードで遊んで手を汚す必要はありません。

このチュートリアルでは、その方法を正確に説明します。 あなたはそれがいかに簡単であるかに驚くでしょう。

これが私たちが目指している最終結果です:

注-これは、作成できる単一の投稿テンプレートの例にすぎません。 他のElementorブログテンプレートはここにあります。

以下に示すプロセスは普遍的であるため、他の構造やデザインを作成することもできます。 あなたはあなたの想像力によってのみ制限されます。