Diviのテーマビルダーの移植性（インポートおよびエクスポート）機能の使用方法

Diviのテーマビルダーは、あるDiviサイトから別のサイトに簡単にエクスポートおよびインポートできるいくつかの素晴らしいWebサイトテンプレートを作成するための扉を開きます。 これにより、開発者とデザイナーは、Diviサイトの子テーマのように機能するWebサイトパック全体を作成できます。 したがって、最良の結果を得るには、Diviのテーマビルダーの移植性機能を使用してこれらのテンプレートを適切にエクスポートおよびインポートする方法を理解することが重要です。

このチュートリアルでは、Diviのテーマビルダーの移植性機能を使用して、さまざまな方法でテンプレートをインポートおよびエクスポートする方法について説明します。 うまくいけば、これはあなたが将来の移植性オプションで持っているどんな躊躇も軽減するのを助けるでしょう。

飛び込みましょう！

私たちのYoutubeチャンネルを購読する

すべてのテンプレートを一度にエクスポートする方法

最初の例では、エクスポートするテンプレートのコレクション（デフォルトのWebサイトテンプレートを含む）があるとします。 これを行うには、WordPressダッシュボードに移動し、Divi> ThemeBuilderに移動します。 次に、ページの右上にある紫色のメニューバー内の移植性アイコンを選択します。

ポータビリティモーダルの[エクスポート]タブで、エクスポートファイルの名前を入力します。 [すべてのテンプレートをエクスポート]オプションをオンのままにして、[エクスポート]ボタンをクリックします。

これで、これらすべてのテンプレートを含むjsonファイルがコンピューターに保存され、Diviサイトにインポートして戻す準備が整いました。

Diviテーマビルダーを使用してテンプレートをインポートする方法

テンプレートをサイトにインポートするには、インポートする適切なファイルが必要です。 このファイルはjson形式であり、1つ以上のテーマビルダーテンプレートが正常にエクスポートされると生成されます。 jsonファイルには、1つのテンプレートまたは複数のテンプレート（デフォルトのWebサイトテンプレートを含む）をすべて1つのファイルに含めることができます。 したがって、後でjsonファイルの内容をよりよく認識できるように、エクスポートファイルに名前を付けることが重要です。

Diviテーマビルダーを使用してjsonファイルをインポートするには、ページの右上にある移植性アイコンをクリックして、テーマビルダー内の同じ移植性オプションに移動します。

次に、[インポート]タブを選択します。

コンピューターからファイルを選択します。

空のテーマビルダーにテンプレートをインポートする場合、オプションは適用されないため、チェックしたままにしておくことができます。 オーバーライドについては、この投稿の後半で説明します。

その後、インポートボタンをクリックします。

それでおしまい！ ファイルに含まれるすべてのテンプレートは、すべてのグローバル領域と割り当てが設定された状態で、魔法のようにWebサイトにインポートされます。 あなたが今しなければならないのは変更を保存するためにクリックすることだけです。

個々のテンプレートをエクスポートする方法

テーマビルダーから個々のテンプレートをエクスポートするには、実際には2つの方法があります。 最初の方法は、テンプレートにカーソルを合わせたときに表示される個々のテンプレートメニューのエクスポートアイコンを選択することです。

エクスポートアイコンをクリックした後、エクスポートファイル名を入力して[エクスポート]ボタンをクリックするだけです。

個々のテンプレートのjsonファイルがコンピューターにダウンロードされます。

個々のテンプレートをエクスポートするもう1つの方法は、テーマビルダーの一般的な移植性オプションを使用することです。

これを行うには、テーマビルダーインターフェイスの右上にある移植性アイコンをクリックします。

[エクスポート]タブで、エクスポートファイル名を入力します。

次に、「すべてのテンプレートをエクスポート」オプションを「オフ」にします。 これにより、使用可能なテンプレートのリストが表示されます。 リストから個々のテンプレートを選択し、[エクスポート]ボタンをクリックします。

それに応じてファイルがダウンロードされます。

選択したテンプレートをエクスポートする方法

選択した数のテンプレートをエクスポートするには、テーマビルダーインターフェイスの右上にある移植性アイコンをクリックします。 この例では、404ページ、すべての投稿、およびすべてのカテゴリページのテンプレートをエクスポートするとします。

ポータビリティモーダルで、エクスポートファイルに名前を付けてから、[すべてのテンプレートをエクスポート]オプションを「オフ」にします。 これにより、使用可能なテンプレートのリストが表示されます。 リストからエクスポートするテンプレートを選択し、[エクスポート]ボタンをクリックします。

移植性オプションを使用したインポートの競合の処理

テンプレートが既に配置されているサイトにテンプレートをインポートしたい場合があります。 競合の可能性を支援するために、移植性モーダルにはいくつかのオプションが含まれています。 1つのオプションでは、インポートするテンプレートで既存のテンプレートの割り当てを上書きするかどうかを選択できます。

たとえば、投稿テンプレート（「すべての投稿」に割り当てられたテンプレート）がすでにWebサイトにあるとします。 テンプレートには、グローバルヘッダー、カスタムボディ、およびグローバルフッターが含まれています。

同じ割り当て（「すべての投稿」）と独自のグローバルヘッダーおよびフッターを含む別のテンプレートをインポートする場合、競合が発生します。 最初の競合は割り当て（両方とも「すべての投稿」に割り当てられます）であり、2番目の競合はグローバル要素（両方ともグローバルヘッダーとフッターにリンクされています）です。

ここで、これらの移植性オプションが役に立ちます。

新しい投稿テンプレートをインポートするときは、[インポートで既存の割り当てを上書きできるようにする]オプションをオンのままにします。 次に、インポートボタンをクリックすると、ボックスに新しい警告が表示され、インポートのグローバル要素をどのように処理するかを尋ねられます。 「これらをこのWebサイトのグローバルな見出し、本文、および/またはフッターに再リンクする」オプションを選択すると、インポートされたテンプレートが既存の割り当てを上書きし、Webサイトのグローバルヘッダー、本文、および/またはフッターを採用できるようになります。

インポートが正常に追加されると、割り当てが競合するインポートされたテンプレート（「すべての投稿」）が既存のテンプレートを上書きし、既存のテンプレート割り当てを「未割り当て」に変更します。 また、テンプレートはWebサイトのグローバルヘッダーとフッターを採用（または再リンク）します。

これで、Webサイトの投稿にアクセスすると、同じグローバルヘッダーとフッターが表示されますが、新しいカスタムボディがあります。 これは、新しくインポートされたテンプレートが「すべての投稿」に割り当てられているが、Webサイトのグローバルヘッダーとフッターを継承しているためです。

新しい投稿テンプレートをインポートし、インポート後に独自のグローバルヘッダーとフッターを保持する場合は、[静的レイアウトとしてインポートする]オプションを確認して選択する必要があります。

これを行うには、テーマビルダーの上部にある移植性アイコンをクリックします。 移植性モーダルの下で、インポートタブに移動し、コンピューターからファイルを選択します。 [インポートの上書きを許可する…]オプションをオンのままにして、[インポート]ボタンをクリックします。

今回は、グローバルエリアを「再リンク」する代わりに、「静的レイアウトとしてインポートする…」オプションを選択します。

これにより、インポートされたテンプレートが既存の割り当てを上書きし、独自のグローバルヘッダー、本文、フッターを静的レイアウトとして保持できるようになります。

この新しくインポートされたテンプレートを使用してライブサイトの投稿を見ると、ヘッダーとフッターが静的レイアウトとして引き継がれていることがわかります。 これは、ヘッダーとフッター、またはこの個々のテンプレート（グローバルではない）に視覚的に（および適用可能）であることを意味します。

新しいテンプレートで既存の割り当てを上書きしたくない場合は、テンプレートをインポートするときに「インポートで既存の割り当てを上書きすることを許可する」オプションを「オフ」にすることができます。

テンプレートの割り当てが既存のテンプレートと競合するため、インポートされたテンプレートは「未割り当て」として表示されます。

これは、現在のWebサイトで何も変更することを心配せずに、多数のテンプレート（またはテーマビルダーパックの1つ）を持ち込みたい場合に便利です。

たとえば、グローバルアイテムを含むテーマビルダーテンプレートの完全なセットを含むファイルがあるとします。 「オーバーライド」オプションを選択せず​​に、静的レイアウトとしてファイルをインポートできます。

インポートされたレイアウトは、既存のテンプレート割り当てを上書きせずに静的レイアウトになります。

デフォルトのWebサイトテンプレートをインポートして上書きする方法

デフォルトのWebサイトテンプレートは、Webサイトのグローバル領域を制御するテーマビルダーの特別なテンプレートです。

デフォルトのWebサイトテンプレートは、他のテンプレートと同じようにエクスポートおよびインポートできます。 ただし、WebサイトにはデフォルトのWebサイトテンプレートを1つしか含めることができないため、選択する必要があるのは1つだけです。 デフォルトのウェブサイトテンプレートを新しいデフォルトのウェブサイトテンプレートで上書きする場合は、デフォルトのウェブサイトテンプレートを含むファイルをインポートし、「デフォルトのウェブサイトテンプレートを上書きする」オプションが選択されていることを確認するだけです。

新しいデフォルトのWebサイトテンプレートがインポートされると、サイト全体の以前のグローバルエリアを使用して、すべてのテンプレート全体でグローバルエリアのすべてのインスタンスが上書きされます。 したがって、他に何もする必要はありません。

インポートする前にバックアップをダウンロードする

先に進む前に、新しいテンプレートをインポートするときに使用できる「インポートする前にバックアップをダウンロードする」オプションを指摘することが重要です。 実際、1つ以上のテンプレートをWebサイトにインポートする前に、バックアップをダウンロードすることをお勧めします。 結局のところ、テンプレートがたくさんある可能性があり、バックアップなしで誤って上書きしたり消去したりしたくない場合があります。

このオプションは、[インポート]タブの3番目のオプションです。

最終的な考え

数回クリックするだけでサイト全体を変換する方法には、魔法のようなものがあります。 また、Diviのテーマビルダーの移植性オプションを使用すると、必要なテンプレートをインポートおよびエクスポートしたり、それらのテンプレートを既存のテンプレートとどのように動作させるかを選択したりできます。 疑わしい場合は、インポートする前にバックアップをダウンロードするのが常に安全です。

Diviのテーマビルダーでテンプレートをインポートおよびエクスポートした経験はどのようになっていますか？

コメントでお返事をお待ちしております。

乾杯！