Elementor

Jupiter Xには、グリッドと石工の2つのメインブログスタイルがあります。 それらは、Elementor page builderのPosts要素で作成できます。

この要素はRaven要素の一部です。 レイヴンはElementorに新しい有用な要素を表すArtbeesによって開発された排他的なプラグインです。 デフォルトのElementor投稿を表示するには、Elementor knowledgebaseでそれを探す必要があります。

ブログ投稿を表示する前に、投稿自体を作成し、要素を構成する必要があることに言及する価値があります。

1. WordPressの左メニューから、[投稿]をクリックして[新規追加]をクリックします。

2. タイトルを入力し、Elementorボタンで編集をクリックするか、デフォルトのWordPressエディタを使用してコンテンツを投稿に追加します。

3. あなたの投稿に必要なコンテンツを追加します。

4. 投稿を公開し、結果を確認します。

注: 投稿エディタに[Elementorで編集]ボタンが表示されない場合は、この記事で説明しているように、Elementor>設定で有効にする必要があります。
また、WordPressダッシュボードでこのページがデフォルトのブログページとして設定されていないことを確認してください>設定>読書

単一のブログポストレイアウ サイドバーは、その後、ブログの記事にウィジェットを追加することができますブログの記事に追加することができます。 サイドバーを追加する方法この記事を参照してください。
投稿ページにサイドバーを持たせたくない場合は、投稿属性のテンプレートを全角にドロップダウンする必要があります:

外観>カスタマイズ>ブログ>ブログシングルでは、あなたの単一のポストのための異なるレイアウトを設定し、また、特集画像、社会的なアイコン、関連記事などのような異なる要素を非表示/表示するオプションがあります。 そして、それらをスタイル。

すべてのブログスタイルを表示するには、ブログメニュー項目の下に私たちのJupiter Xメインデモの”ブログ”セクションをチェックアウトすることができます。

カスタムブログページの作成

メモ: 設定>読み取りの既定のブログページにPosts要素を持つページを設定すると、Posts要素に関連するスタイルとオプションはそのページに適用されません。 そのため、設定>読み取りの投稿ページオプションは空白にする必要があります。

デフォルトでは、WordPressはデフォルトのJupiter Xレイアウトでフロントページに最新のブログ記事を表示します。 デフォルトのレイアウトは非常に限られており、私たちのデモページに示すように、あなたは別のブログのレイアウトを使用することはできません。

ブログページの柔軟性を利用できるようにするには、Posts要素を持つカスタムページを作成して設定し、WordPressにそのページを認識させる必要があります。

カスタムブログページを作成するには:

1. 新しいページを追加するか、既存のページを編集します。

2. Elementorで編集ボタンをクリックします。

3. 左のダッシュボードから、”Posts”要素を検索します。

この要素はRaven要素の一部です。 レイヴンはElementorに新しい有用な要素を表すArtbeesによって開発された排他的なプラグインです。 デフォルトのElementor投稿を表示するには、Elementor knowledgebaseでそれを探す必要があります。

4. Posts要素をページにドラッグアンドドロップします。

5. 左側に新しいダッシュボードが開き、要素の設定が表示されます。 [コンテンツ]タブと[コンテンツ]セクションで、投稿のソースを[ブログ]に設定します。

6. 設定を編集し、ページを更新します。

カスタムブログページとブログアーカイブページは異なります。 カスタムブログページを作成するときは、Elementor page builderで任意のウィジェットを追加できますが、ブログアーカイブページにはデフォルトでいくつかの投稿が表示されます。
たとえば、Posts>Categoriesで作成され、このカテゴリにいくつかの投稿を割り当てたカテゴリページは、カテゴリページのリンクがクリックされると表示されます。 このようなページは、既定のアーカイブテンプレートを使用しているため、Elementorで変更することはできません。
しかし、カテゴリやタグページのようなブログアーカイブページのためのいくつかの設定があります。
外観>カスタマイズ>ブログ>ブログアーカイブに移動すると、異なるデバイスでブログアーカイブページの余白/パディングを設定するオプションがあります。

注:ブログページとブログアーカイブページにサイドバーを表示する場合は、この記事を参照してくださいサイドバーをグローバルに割り当てる方法、およびこの記事を参照してください特定のページにサイドバーを追加する方法。

ブログアーカイブページのレイアウトの設定

ページを作成するときに、そのレイアウトを全幅またはデフォルト（サイドバー付き）に設定することができます。 しかし、あなたが投稿を割り当てるカテゴリページのようなアーカイブページはどうですか？ あるカテゴリにサイドバーを設定したいが、別のカテゴリに全幅ページを設定したい場合はどうすればよいですか？ カテゴリを作成したり、作成後にカテゴリを編集したりするときに、このような機会があります。

1. 投稿>カテゴリ>新しいカテゴリを追加に移動します。

2. フィールドに入力し、レイアウト設定でこの新しいカテゴリのレイアウトを選択します。 あなたは、サイドバー付きまたはサイドバーなしのレイアウトを持つことができます。 グローバルに設定すると、Appearance>Customize>Sidebarから設定が適用されます。

注:カテゴリの作成中にレイアウトを選択し忘れた場合は、カテゴリエディタで変更できます。 投稿>カテゴリでカテゴリを編集し、レイアウトオプションを必要な設定に設定します。

すべてのカテゴリページのグローバルレイアウトを設定することもできます。

1. 外観>カスタマイズ>サイドバーに移動します。

2. [設定]タブの[例外]セクションで、[新しい例外を追加]をクリックします。

3. アーカイブ項目を選択し、レイアウト設定を目的のレイアウトに設定します。

注: アーカイブ設定は、ブログとポートフォリオアーカイブページの両方に適用されます。 ポートフォリオとブログの例外は、この設定の単一の投稿ページに関連しています。