WordPressブロックのテーマをエクスポートする方法:ステップバイステップガイド

公開: 2025-02-18

目次

WordPressユーザーとして、新しいサイトのセットアップや他のサイトの共有など、さまざまな理由でブロックテーマをエクスポートする必要がある場合があります。ブロックエディターが最初に導入されたとき、テーマテンプレートをファイルとして保存することはできませんでした。これで、6.0以上で、別のWordPressサイトに簡単にインポートできる完全に機能するテーマをエクスポートできます。この投稿では、WordPressブロックテーマをエクスポートしたい理由と時期を探ります。最も簡単な方法を説明して、それを成し遂げます。

このガイドは、開発者、デザイナー、またはWordPressを初めて使用する人向けです。プロセスを簡単にナビゲートするのに役立ちます。追加のプラグインやアドオンは必要ありません。新しいエクスポート機能がどのように機能し、テーマ開発をより速くする方法を紹介します。

https://www.youtube.com/watch?v=w3qerfzql-g

ちなみに、過去には、WordPressブロックテーマを作成する方法をプラグインでノーコードの方法で作成する方法を説明しました。

WordPressテーマをエクスポートする理由

WordPressブロックテーマをエクスポートするトップの理由を見てみましょう。

1。バックアップから始めます
テーマを大幅に変更する前に、バックアップを作成すると、現在の構成が保護され、何か問題が発生した場合に簡単に戻すことができます。

2。複数のサイトで同じテーマを使用します
コヒーレンスはすべての違いをもたらします。テーマをエクスポートすると、複数のWebサイトに同じWordPressテーマをインストールして使用できます。これは、複数のプロジェクトを管理し、すべてのWebサイトで同じテーマを使用したいデザイナーと開発者に非常に役立ちます。

3.ステージングからライブへの移動の移動
ステージング環境でテーマをカスタマイズした後、変更されたテーマをエクスポートし、ライブWebサイトにシームレスに使用できます。

4.サイトの移行が容易
サイトを新しいドメインに移行しますか? WordPressサイトをエクスポートする方法を尋ねていますか?テーマをエクスポートすると、デザイン要素が楽に運ばれるようにプロセスが簡素化されます。

5.カスタムテーマの共有
.zipファイルが簡単であるため、テーマを簡単にエクスポートできるようになりました。他の人があなたの作品をダウンロードしてインストールするのに役立ちます。チームや他の人と共有できます。

.zipファイルとしてWordPressブロックテーマを手動でエクスポートする方法

手動のWordPressエクスポートテーマプロセスは簡単で、追加のツールやプラグインは必要ありません。これらの手順に従って、それを成し遂げる:

ステップ1: WordPressダッシュボードに移動します
WordPress管理パネルにログインし、外観に移動します→テーマ。エクスポートしたいテーマがアクティブであることを確認してください。

ステップ2:テーマをアクティブにします(必要に応じて)
目的のテーマがまだアクティブでない場合は、その上にホバリングして、進む前に[アクティブ化]をクリックします。

ステップ3:エクスポートオプションにアクセスします
アクティブなテーマの[カスタマイズ]をクリックします。次に、画面をクリックした後、画面の右上隅にある3ドットメニューを見つけます。ドロップダウンメニューから、[ツール]を選択し、[エクスポート]ボタンをクリックします。


ステップ4:エクスポートプロセスを理解します
エクスポートプロセスは、以下を含む.zipファイルを作成します。

  • テーマファイル:現在のテーマからのすべてのファイル。
  • テンプレートの変更:データベースに保存されているカスタムテンプレート。
  • Theme.json編集:theme.jsonファイルへのカスタマイズ。

注:テーマとデータベースの両方にテンプレートまたはthema.jsonファイルが存在する場合、データベースバージョンはエクスポート中に優先されます。

.zipファイルを新しいテーマ名に変更します

WordPressエクスポートテーマプロセスが完了した後、.ZIPファイルはアクティブなテーマと同じ名前を持ちます。新しいテーマの名前に合わせてファイルの名前を変更する必要があります。さらに、テーマを配布または送信する予定がある場合は、次のファイルを更新します。

  • style.css:テーマ名、テキストドメイン、著者名、および著者リンクを変更します。
  • readme.txt:関連する著者とテーマの詳細を更新します。

このステップにより、テーマが簡単に識別できることを確認し、インストール中に競合を防ぎます。

テーマを新しいサイトにインポートします

あなたのテーマは準備ができています。今、それを別のWordPressサイトにインポートする時が来ました。これらの手順に従うだけです。

ステップ1:外観→テーマに移動します
新しいサイトのWordPressダッシュボードにログインし、外観に移動します→テーマ。
ステップ2:テーマをアップロードします
[ページの上部]に[新規追加]をクリックし、[アップロード]テーマを選択します。 [ファイルの選択]をクリックし、.zipファイルを見つけ、[開く]をクリックします。


ステップ3:インストールしてアクティブ化します
今すぐインストールボタンを押して、プロセスが完了するのを待ちます。完了したら、[アクティブ化]をクリックして、サイトのテーマの使用を開始します。

結果を確認します

テーマをアクティブにしたら、すべてが正しく見えることを確認する必要があります。

  • 必要なすべてのプラグインをインストールします。
  • サイトにアクセスしてください:デザイン要素が正しく表示されることを確認してください。
  • テンプレートとテンプレートパーツを点検します。サイトエディターを開き、カスタムのテンプレートを含むすべてのテンプレートがあることを確認します。ヘッダー、フッター、およびその他のレイアウト要素が元のテーマに一致することを確認します。
  • デモコンテンツのインポート(必要に応じて):ロゴのようなものが欠落している場合は、デモデータをインポートしてそれらの要素を元に戻します。

一般的な問題のトラブルシューティング

スムーズなプロセスがあっても、いくつかの問題に遭遇する可能性があります。

欠落しているテンプレートまたはスタイル

特定のテンプレートやスタイルが予想どおりに表示されない場合、すべてのカスタマイズが正しくエクスポートされたことを再確認します。データベースに直接作成された変更がエクスポートされたファイルに含まれない場合があります。

ロゴまたはメディアがありません

ロゴのようなメディア資産は、テーマエクスポートの一部ではありません。これらを手動で再アップロードするか、デモコンテンツインポートツールを使用してそれらを復元する必要があります。

ファイルサイズが大きすぎます

エクスポートされた.zipファイルがアップロードできない場合は、WordPressのインストールの最大アップロードサイズを増やすか、FTPを使用してテーマファイルを転送することを検討してください。

プロのヒント:エクスポート機能には、「マイパターン」フォルダーのパターンは含まれていません。これらを転送するには、YouTubeチャンネルの専用チュートリアルに従ってください。

https://www.youtube.com/watch?v=0uddwis5a6w

インポートパターンとエクスポートが簡単になりました

あるサイトに別のサイトで再利用したいカスタムパターンがありますか?問題ありません。WordPressにより、JSONファイルとしてブロックパターンを簡単にエクスポートおよびインポートできます。 WordPressのエクスポートテーマプロセスを段階的に段階的に破り、プロセスを簡単に移動できるようにしましょう。

パターンのエクスポート

  1. ダッシュボードに向かいます。
  2. 外観→エディターに移動し、パターンを選択します。
  3. 「私のパターン」をクリックして開始します。

ここから、オプションがあります。

  • 単一のパターンをエクスポートする:パターンのタイトルの上にホバリングし、[JSONとしてエクスポート]ボタンをクリックします。これにより、パターンはコンピューターに便利なJSONファイルとしてダウンロードされます。
  • 複数のパターンをエクスポートする:いくつかのパターンを作成した場合、エクスポートしてバッチダウンロードするボックスの横にあるボックスを確認してください。

パターンのインポート

  1. 繰り返しますが、ダッシュボードに向かい、外観→エディターに移動します。
  2. パターンセクションで、[新しいパターンの追加]をクリックします。
  3. 次に、画面の上部にあるJSONボタンからインポートを押します。

  1. ファイルを選択し、[インポート]をクリックします。

サイトエディターにアクセスできない場合はどうなりますか?

サイトエディターはありませんか?問題ない!パターンメニューからパターンを直接管理できます。

  1. 外観→パターンに移動します。
  2. 上部のJSONボタンからインポートをクリックします。
  3. ファイルを選択して、インポートを押します。

サイトエディターなしでパターンをエクスポートする場合、それは同じくらい簡単です:

  1. エクスポートしたいパターンのタイトルをホバリングします。
  2. タイトルの下で、JSONとしてエクスポートをクリックします。

このプロセスは、サイト間の移動デザインを簡素化するか、作業を整理し続けます。数回のクリックで必要なのは、必要な場所でカスタムパターンを使用する準備ができています。

メディアとロゴの再アップロード
画像、ロゴ、アイコンなどのメディアファイルは、エクスポートの一部ではありません。手動で再現する必要があります。

  1. 新しいサイトのメディアライブラリに移動し、必要なファイルをアップロードします。
  2. サイトエディターまたはブロック設定の欠落している資産を交換します。

デモコンテンツのインポートツールを使用します
テーマにデモコンテンツのインポートオプションが含まれている場合、ほとんどの欠落要素を復元できます。

  1. テーマのデモインポート設定に移動します(多くの場合、外観→デモのインポートで見つかります)。
  2. デモコンテンツインポーターを実行して、元のサイトに一致するプレースホルダー、レイアウト、メディアを追加します。
  3. インポートが完了したら、プレースホルダーをコンテンツに置き換えます。

ウィジェットやその他の設定はどうですか?

ウィジェットとカスタム構成には、追加のツールが必要になる場合があります。

  • ウィジェットインポーターとエクスポートプラグインを使用して、ウィジェットのセットアップを転送します。
  • 必要に応じて、特にタイポグラフィ、色、レイアウト設定について、手動でグローバルスタイルを再度塗布します。

最終チェック

インポートを完了した後:

  1. サイトにアクセスして、すべてのテンプレート、パターン、メディアが整っているかどうかを確認してください。
  2. グローバルな設定を確認して、元のサイトの設計と一致することを確認します。
  3. サイトをライブにする前に機能をテストします。

パターンのエクスポート、メディアの再アップロード、デモインポートツールを使用することにより、すべてのカスタマイズが新しいサイトにシームレスに到達することを確認できます!

WordPressエクスポートテーマプロセスの高度なヒント

パターンを個別にエクスポートします

「マイパターン」フォルダーの下で作成したパターンは、標準エクスポートに含まれません。それらを保存するには、JSONファイルとしてパターンをエクスポートおよびインポートする必要があります。

Themis.jsonのカスタマイズ

Theme.jsonファイルは、最新のWordPressブロックテーマの重要な部分です。エクスポートする前に、追加したグローバルスタイルまたは設定が正しく構成されていることを確認してください。これには、タイポグラフィ、色、レイアウト設定が含まれます。

ローカル環境でのテスト

WordPress Webサイトをエクスポートする準備はできましたか?エクスポートされたテーマをライブサイトにアップロードする前に、ローカルのWordPressインストールでテストします。これにより、ライブ環境を危険にさらすことなく、すべてが期待どおりに機能することを確認できます。

結論 - WordPressテーマをエクスポートする方法は?

WordPressブロックテーマをエクスポートすることは、すべてのWordPressユーザーにとって非常に便利な機能です。主な利点は、バックアップを作成し、テンプレートやスタイルの編集を含むテーマ全体の保存、複数のプロジェクトの管理、作業を簡単に共有することです。これにより、ワークフローがスムーズになり、コラボレーションと共有の機会が増えます。
これらの簡単な手順を使用すると、WordPressブロックのテーマを問題なくエクスポートする準備ができています。このガイドが役立つと思ったら、それを好きになることを忘れないでください。質問がありますか?以下のコメントにそれらをドロップしてください。私たちはここに助けてくれます。読んでくれてありがとう、そして幸せなエクスポート!

FAQ

プラグインを使用せずにWordPressテーマをエクスポートできますか?

絶対に! WordPress 6.0は、Theテーマを.zipファイルとしてダッシュボードから直接エクスポートできる組み込み機能を導入しました。これは、追加のツールや拡張機能を必要としないシームレスなプロセスです。

エクスポートされたテーマに特定のカスタマイズや設定が含まれていない場合はどうすればよいですか?

「マイパターン」フォルダーやウィジェット設定からのブロックパターンなどのいくつかのカスタマイズは、デフォルトではテーマエクスポートに含まれていません。これを処理するには、JSONファイルとしてブロックパターンを個別にエクスポートおよびインポートできます。ウィジェットやその他のカスタム設定の場合、ウィジェットインポーターやエクスポートなどのプラグインがそれらを転送する必要がある場合があります。また、タイポグラフィや色など、グローバルスタイルを手動で再申請する必要がある場合があります。

別のサイトにインストールする前に、エクスポートされたテーマの名前を変更する必要がありますか?

はい! .zipファイルの名前を変更して、the style.cssファイルのテーマ名を更新するのが最善です。これは、特にWordPressリポジトリにテーマを提出する場合、競合を防ぐのに役立ちます。

テーマをインポートした後、なぜロゴが表示されないのですか?

ロゴは、テーマ自体ではなく、サイトのコンテンツに属します。インポートした後、ロゴを手動で再添加するか、デモデータを使用して復元する必要があります。

複数のWebサイトでエクスポートされたテーマを使用できますか?

絶対に!テーマのエクスポートは、複数のサイトに一貫したデザインを適用するのに最適です。 .zipファイルを各サイトのダッシュボードにアップロードするだけで、行ってもいいです。

ライブサイトでアクティブ化する前に、エクスポートされたテーマをテストするにはどうすればよいですか?

ライブWebサイトに適用する前に、ローカル環境またはステージングサイトでエクスポートされたテーマをテストすることをお勧めします。これにより、ライブサイトで問題を引き起こすことなく、すべてが機能することを確認できます。

エクスポートされた.zipファイルが大きすぎてアップロードできない場合はどうなりますか?

エクスポートされた.zipファイルがアップロード制限を超えた場合、WordPress設定の最大アップロードサイズを増やすか、FTPを使用してテーマをサーバーに直接アップロードできます。

カスタムテンプレートがエクスポートされたテーマに含まれるようにするにはどうすればよいですか?

カスタムテンプレートはテーマファイルとデータベースに保存され、エクスポートされた.zipファイルに含める必要があります。ただし、データベース(サイトエディターなど)で直接変更を加えた場合は、エクスポートする前にそれらの変更がテーマファイルに保存されていることを確認してください。テーマのフォルダーを検査するか、ステージングサイトでテストすることにより、テンプレートを再確認できます。カスタムテンプレートパーツまたはブロックテンプレートを使用している場合は、テーマフォルダーに正しく保存され、エクスポートプロセスに反映されていることを確認してください。