Cara mengekspor tema blok wordpress: panduan langkah demi langkah

Diterbitkan: 2025-02-18

Daftar isi

Sebagai pengguna WordPress, Anda mungkin perlu mengekspor tema blok Anda karena berbagai alasan, seperti menyiapkan situs baru atau membaginya dengan orang lain. Ketika editor blok pertama kali diperkenalkan, tidak mungkin untuk menyimpan templat tema sebagai file. Sekarang, dalam 6.0 atau lebih, Anda dapat mengekspor tema yang berfungsi penuh yang mudah diimpor ke situs WordPress lain. Dalam posting ini, kami akan mengeksplorasi mengapa dan kapan Anda mungkin ingin mengekspor tema blok WordPress, dan kami akan memandu Anda melalui metode paling sederhana untuk menyelesaikannya.

Panduan ini untuk pengembang, desainer, atau siapa pun yang baru mengenal WordPress. Ini akan membantu Anda menavigasi proses dengan mudah. Anda tidak memerlukan plugin atau add-on tambahan. Kami akan menunjukkan kepada Anda bagaimana fitur ekspor baru bekerja dan bagaimana cara membuat pengembangan tema lebih cepat.

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

Ngomong-ngomong, di masa lalu, saya menjelaskan cara membuat tema blok WordPress dengan cara tanpa kode dengan plugin.

Mengapa mengekspor tema WordPress?

Mari kita lihat beberapa alasan utama untuk mengekspor tema blok WordPress:

1. Mulailah dengan cadangan
Sebelum membuat perubahan signifikan pada tema Anda, membuat cadangan memastikan bahwa konfigurasi Anda saat ini dilindungi dan dapat dengan mudah dikembalikan jika terjadi kesalahan.

2. Gunakan tema yang sama di beberapa situs
Koherensi membuat semua perbedaan. Mengekspor tema memungkinkan Anda menginstal dan menggunakan tema WordPress yang sama di beberapa situs web. Ini sangat membantu desainer dan pengembang yang mengelola banyak proyek dan ingin menggunakan tema yang sama di semua situs web mereka.

3. Pindah perubahan dari pementasan ke hidup
Setelah Anda menyesuaikan tema di lingkungan pementasan, Anda dapat mengekspor tema yang dimodifikasi dan menggunakannya dengan mulus ke situs web langsung Anda.

4. Migrasi situs yang lebih mudah
Migrasi situs Anda ke domain baru? Apakah Anda bertanya bagaimana cara mengekspor situs WordPress? Mengekspor tema Anda menyederhanakan proses sehingga elemen desain Anda dilakukan dengan mudah.

5. Berbagi tema khusus
Sekarang menjadi mudah untuk mengekspor tema Anda sebagai file .zip mudah. Ini membantu orang lain mengunduh dan menginstal pekerjaan Anda. Anda dapat membaginya dengan tim Anda atau orang lain.

Cara mengekspor tema blok WordPress secara manual sebagai file .zip

Proses tema ekspor WordPress manual sangat mudah dan tidak memerlukan alat atau plugin tambahan. Ikuti langkah -langkah ini untuk menyelesaikannya:

Langkah 1: Navigasikan ke dasbor WordPress
Masuk ke panel admin WordPress Anda dan pergilah ke penampilan → tema. Pastikan tema yang ingin Anda ekspor aktif.

Langkah 2: Aktifkan tema (jika perlu)
Jika tema yang diinginkan belum aktif, kurangi dan klik aktifkan sebelum melanjutkan.

Langkah 3: Akses Opsi Ekspor
Klik Kustomisasi untuk tema aktif. Kemudian, setelah mengklik layar, temukan menu tiga titik di sudut kanan atas layar Anda. Dari menu tarik-turun, pilih alat, dan klik tombol Ekspor.


Langkah 4: Memahami proses ekspor
Proses ekspor membuat file .zip yang berisi:

  • File Tema: Semua file dari tema Anda saat ini.
  • Perubahan Template: Setiap templat khusus yang disimpan dalam database.
  • Tema.json Edits: Kustomisasi ke file tema.json.

Catatan: Jika file templat atau tema.json ada di kedua tema dan database, versi database menjadi prioritas selama ekspor.

Mengganti nama file .zip ke nama tema baru Anda

Setelah proses tema ekspor WordPress selesai, file .zip akan memiliki nama yang sama dengan tema aktif. Anda harus mengganti nama file agar sesuai dengan nama tema baru Anda. Selain itu, perbarui file berikut jika Anda berencana untuk mendistribusikan atau mengirimkan tema Anda:

  • Style.css: Ubah nama tema, domain teks, nama penulis, dan tautan penulis.
  • ReadMe.txt: Perbarui penulis dan detail tema yang relevan.

Langkah ini memastikan tema Anda mudah diidentifikasi dan mencegah konflik selama instalasi.

Mengimpor tema ke situs baru

Tema Anda sudah siap. Sekarang, saatnya mengimpornya ke situs WordPress lain. Ikuti saja langkah -langkah ini:

Langkah 1: Arahkan ke penampilan → tema
Masuk ke dasbor WordPress dari situs baru dan pergi ke penampilan → tema.
Langkah 2: Unggah tema
Klik Tambah Baru di bagian atas halaman, lalu pilih Tema Unggah. Klik Pilih File, Temukan file .zip Anda, dan klik Buka.


Langkah 3: Instal dan aktifkan
Tekan tombol Install Now dan tunggu prosesnya selesai. Setelah selesai, klik aktifkan untuk mulai menggunakan tema di situs Anda.

Memeriksa hasilnya

Setelah Anda mengaktifkan tema Anda, Anda ingin memastikan semuanya terlihat benar:

  • Pasang semua plugin yang diperlukan.
  • Kunjungi Situs: Pastikan elemen desain Anda muncul dengan benar.
  • Periksa templat dan bagian template: Buka editor situs untuk memeriksa bahwa semua templat, termasuk yang kustom, ada di sana. Pastikan header, footer, dan elemen tata letak lainnya cocok dengan tema asli Anda.
  • Impor konten demo (jika perlu): Jika sesuatu seperti logo Anda hilang, impor data demo untuk mengembalikan elemen -elemen itu.

Memecahkan masalah masalah umum

Bahkan dengan proses yang lancar, Anda mungkin mengalami beberapa masalah:

Template atau gaya yang hilang

Periksa ulang bahwa semua kustomisasi Anda diekspor dengan benar jika templat atau gaya tertentu tidak muncul seperti yang diharapkan. Kadang -kadang, modifikasi yang dibuat langsung dalam database mungkin tidak dimasukkan dalam file yang diekspor.

Logo atau media hilang

Aset media seperti logo bukan bagian dari ekspor tema. Anda harus mengunggah ulang ini secara manual atau menggunakan alat impor konten demo untuk mengembalikannya.

Ukuran file terlalu besar

Jika file .zip yang diekspor terlalu besar untuk diunggah, pertimbangkan untuk meningkatkan ukuran unggahan maksimum pada instalasi WordPress Anda atau gunakan FTP untuk mentransfer file tema.

Kiat Pro: Fitur ekspor tidak termasuk pola dari folder 'pola saya'. Untuk mentransfer ini, ikuti tutorial khusus di saluran YouTube kami.

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

Pola impor dan ekspor menjadi mudah

Punya pola khusus di satu situs yang ingin Anda gunakan kembali pada yang lain? Tidak masalah - WordPress membuatnya mudah untuk mengekspor dan mengimpor pola blok sebagai file JSON. Mari kita hancurkan proses tema ekspor WordPress ke langkah demi langkah sehingga Anda dapat dengan mudah bergerak melalui proses.

Mengekspor suatu pola

  1. Pergilah ke dasbor Anda.
  2. Arahkan ke penampilan → editor dan pilih pola.
  3. Klik "Pola Saya" untuk memulai.

Dari sini, Anda punya opsi:

  • Ekspor satu pola: melayang di atas judul pola dan klik tombol "Ekspor sebagai JSON". Ini mengunduh polanya sebagai file JSON yang praktis ke komputer Anda.
  • Ekspor banyak pola: Jika Anda telah membuat beberapa pola, centang kotak di sebelah yang ingin Anda ekspor dan turunkan batch-downloadnya.

Mengimpor suatu pola

  1. Sekali lagi, pergilah ke dasbor Anda dan pergi ke penampilan → editor.
  2. Di bagian Pola, klik Tambahkan Pola Baru.
  3. Sekarang, tekan tombol impor dari JSON di bagian atas layar.

  1. Pilih file Anda, dan klik Impor.

Bagaimana jika Anda tidak memiliki akses ke editor situs?

Tidak ada editor situs? Tidak masalah! Anda masih dapat mengelola pola Anda langsung dari menu pola:

  1. Pergi ke Penampilan → Pola.
  2. Klik tombol Impor dari JSON di bagian atas.
  3. Pilih file Anda dan tekan impor.

Untuk mengekspor pola tanpa editor situs, itu sama sederhana:

  1. Arahkan kursor ke judul pola yang ingin Anda ekspor.
  2. Di bawah judulnya, klik Ekspor sebagai JSON.

Proses ini menyederhanakan desain yang bergerak antar situs atau menjaga pekerjaan Anda tetap teratur. Beberapa klik adalah semua yang diperlukan, dan pola khusus Anda siap digunakan di mana pun Anda membutuhkannya.

Mengunggah ulang media dan logo
File media seperti gambar, logo, atau ikon bukan bagian dari ekspor. Anda harus mengunggahnya kembali secara manual:

  1. Buka Perpustakaan Media di situs baru Anda dan unggah file yang diperlukan.
  2. Ganti aset yang hilang di editor situs atau pengaturan blok.

Menggunakan alat impor konten demo
Jika tema Anda menyertakan opsi impor konten demo, itu dapat mengembalikan sebagian besar elemen yang hilang:

  1. Arahkan ke pengaturan impor demo tema Anda (sering ditemukan di bawah penampilan → impor demo).
  2. Jalankan importir konten demo untuk menambahkan placeholder, tata letak, dan media yang cocok dengan situs asli Anda.
  3. Ganti placeholder dengan konten Anda setelah impor selesai.

Bagaimana dengan widget dan pengaturan lainnya?

Widget dan konfigurasi khusus mungkin memerlukan alat tambahan:

  • Gunakan plugin Importir & Eksportir Widget untuk mentransfer pengaturan widget.
  • Menampilkan kembali gaya global secara manual jika diperlukan, terutama untuk tipografi, warna, dan pengaturan tata letak.

Cek akhir

Setelah menyelesaikan impor:

  1. Kunjungi situs dan periksa apakah semua templat, pola, dan media sudah ada.
  2. Tinjau pengaturan global untuk mengonfirmasi bahwa mereka cocok dengan desain situs asli.
  3. Uji fungsionalitas sebelum membuat situs secara langsung.

Dengan mengekspor pola, mengunggah kembali media, dan menggunakan alat impor demo, Anda dapat memastikan semua kustomisasi Anda membuatnya ke situs baru dengan mulus!

Tip Lanjutan untuk Proses Tema Ekspor WordPress

Mengekspor pola secara terpisah

Pola yang telah Anda buat di bawah folder 'Pola Saya' tidak akan dimasukkan dalam ekspor standar. Untuk menyimpannya, Anda harus mengekspor dan mengimpor pola sebagai file JSON.

Menyesuaikan tema.json

File tema.json adalah bagian penting dari tema blok WordPress modern. Sebelum mengekspor, pastikan bahwa gaya atau pengaturan global yang Anda tambahkan dikonfigurasi dengan benar. Ini termasuk tipografi, warna, dan pengaturan tata letak.

Menguji lingkungan setempat

Siap mengekspor situs web WordPress? Sebelum mengunggah tema yang diekspor ke situs langsung, uji pada instalasi WordPress lokal. Ini memungkinkan Anda memeriksa bahwa semuanya berfungsi seperti yang diharapkan tanpa membahayakan lingkungan hidup Anda.

Kesimpulan - Bagaimana Mengekspor Tema WordPress?

Mengekspor tema blok WordPress dapat menjadi fitur yang sangat berguna untuk semua pengguna WordPress. Keuntungan utama adalah menciptakan cadangan, menyimpan seluruh tema, termasuk templat dan pengeditan gaya, mengelola banyak proyek, dan berbagi karya Anda dengan mudah. Ini membuat alur kerja Anda lebih lancar dan membuka lebih banyak peluang untuk kolaborasi dan berbagi.
Dengan langkah -langkah sederhana ini, Anda akan siap untuk mengekspor tema blok WordPress tanpa kesulitan. Jika Anda menemukan panduan ini bermanfaat, jangan lupa menyukainya. Punya pertanyaan? Jatuhkan mereka di komentar di bawah - kami di sini untuk membantu. Terima kasih telah membaca, dan senang mengekspor!

FAQ

Dapatkah saya mengekspor tema WordPress tanpa menggunakan plugin apa pun?

Sangat! WordPress 6.0 memperkenalkan fitur bawaan yang memungkinkan Anda mengekspor tema Anda langsung dari dasbor sebagai file .zip. Ini adalah proses yang mulus yang tidak memerlukan alat atau ekstensi tambahan.

Apa yang harus saya lakukan jika tema yang diekspor tidak termasuk penyesuaian atau pengaturan tertentu?

Beberapa kustomisasi, seperti pola blok dari folder 'pola saya' dan pengaturan widget, tidak termasuk dalam ekspor tema secara default. Untuk menangani ini, Anda dapat mengekspor dan mengimpor pola blok secara terpisah sebagai file JSON. Untuk widget dan pengaturan khusus lainnya, Anda mungkin memerlukan plugin seperti importir & eksportir widget untuk mentransfernya. Anda mungkin juga perlu menggunakan gaya global secara manual, misalnya, tipografi dan warna.

Apakah saya perlu mengganti nama tema yang diekspor sebelum menginstalnya di situs lain?

Ya! Yang terbaik untuk mengganti nama file .zip dan memperbarui nama tema di file style.css. Ini membantu mencegah konflik, terutama ketika mengirimkan tema ke repositori WordPress.

Mengapa logo tidak muncul setelah saya mengimpor tema?

Logo itu milik konten situs Anda, bukan tema itu sendiri. Setelah mengimpor, Anda harus menambahkan kembali logo secara manual atau menggunakan data demo untuk mengembalikannya.

Dapatkah saya menggunakan tema yang diekspor di beberapa situs web?

Sangat! Mengekspor tema Anda sangat cocok untuk menerapkan desain yang konsisten di beberapa situs. Cukup unggah file .zip ke dasbor setiap situs, dan Anda siap melakukannya.

Bagaimana cara menguji tema yang diekspor sebelum mengaktifkannya di situs langsung?

Itu selalu merupakan ide yang baik untuk menguji tema yang Anda diekspor di lingkungan lokal atau situs pementasan sebelum menerapkannya ke situs web langsung Anda. Ini membantu Anda memeriksa semuanya bekerja tanpa menyebabkan masalah di situs langsung.

Bagaimana jika file .zip yang diekspor terlalu besar untuk diunggah?

Jika file .zip yang diekspor melebihi batas unggahan, Anda dapat meningkatkan ukuran unggahan maksimum dalam pengaturan WordPress Anda atau menggunakan FTP untuk mengunggah tema langsung ke server.

Bagaimana cara memastikan templat khusus disertakan dalam tema yang diekspor?

Templat khusus disimpan dalam file tema dan database dan harus dimasukkan dalam file .zip yang diekspor. Namun, jika Anda telah melakukan perubahan langsung di database (misalnya, di editor situs), pastikan perubahan tersebut disimpan dalam file tema sebelum diekspor. Anda dapat memeriksa ulang templat dengan memeriksa folder tema atau mengujinya di situs pementasan. Jika Anda menggunakan bagian templat khusus atau blok templat, pastikan mereka disimpan dengan benar di folder tema dan tercermin dalam proses ekspor.