Cara Menggunakan Blok Gutenberg di Oxygen Builder

Diterbitkan: 2023-07-06

Pembuat Oksigen adalah plugin WordPress unik dengan kemampuan yang sangat kuat. Namun, ini memiliki kurva belajar yang lebih tinggi dibandingkan dengan pembuat halaman lainnya.

Pembuat Oksigen tidak berfungsi dengan balok, modul, atau tata letak. Alih-alih, ini beroperasi dengan elemen seperti bagian, div, kolom, dan HTML lain yang mungkin Anda kenal.

PostX, di sisi lain, adalah plugin pembuat situs dinamis dengan kemampuan penyesuaian yang masif dan mudah digunakan.

Melihat blok pos dan template siap pakai PostX, banyak pengguna yang tertarik untuk menggunakannya di Oxygen Builder. Untuk memenuhi permintaan ini, PostX telah memperkenalkan Oxygen Builder Integration, yang menyederhanakan proses penggunaan blok Gutenberg di Oxygen Builder.

Teruslah membaca untuk mempelajari lebih lanjut tentang cara menggunakan blok Gutenberg di Oxygen Builder.

Isi disembunyikan
1 Mengapa Menggunakan Blok Gutenberg di Oxygen Builder
2 Cara Menggunakan Blok Gutenberg di Oksigen
2.1 Tutorial Video
2.2 Langkah 1: Instal dan Aktifkan PostX
2.3 Langkah 2: Aktifkan Pembuat Oksigen dan Addon Template Tersimpan
2.4 Langkah 3: Buat Template Tersimpan dengan PostX
2.5 Langkah 4: Gunakan Template PostX di Oxygen Builder
2.6 Langkah 5: Kustomisasi (Opsional)
3 Tanya Jawab
3.1 Apakah Oxygen Builder kompatibel dengan Gutenberg?
3.2 Bisakah saya menggunakan Blok Gutenberg di Oxygen Builder?
3.3 Apakah Oxygen Builder lebih baik daripada Gutenberg?
4 Sumber Daya yang Akan Anda Sukai
5 Kesimpulan

Mengapa Menggunakan Blok Gutenberg di Oxygen Builder

Pembuat Oksigen menawarkan fitur-fitur canggih untuk pengembang dan perancang web yang terampil untuk membuat situs web yang unik. Berbeda dengan builder lain seperti Elementor, Divi, atau Beaver. Oxygen Builder paling cocok untuk desainer dan pengembang web berpengalaman yang akrab dengan CSS, JS, dan HTML.

Dan jika Anda menggunakan Oxygen Builder, Anda sudah tahu bahwa Anda tidak dapat menggunakan blok Gutenberg di Oxygen Builder dengan paket dasar. Di situlah PostX masuk.

Seperti yang sudah Anda ketahui, PostX menawarkan serangkaian blok pos, yang pada dasarnya adalah blok Gutenberg dengan opsi penyesuaian yang ditingkatkan. Platform ini juga menyediakan pustaka yang luas berisi template premade dan paket pemula yang mudah digunakan.

Jika Anda ingin menggunakan blok Gutenberg di Oxygen Builder tanpa kesulitan dan membangun situs web yang lebih canggih, integrasi PostX Oxygen Builder adalah solusi Anda. Ini sangat user-friendly dan mudah digunakan.

Cara Menggunakan Blok Gutenberg di Oksigen

PostX kini menawarkan integrasi Oxygen Builder, yang memungkinkan Anda menggunakan blok Gutenberg di Oxygen Builder dengan mudah. Integrasi ini memungkinkan Anda menggunakan blok Gutenberg dengan cara yang sangat ramah pengguna dan mudah.

Mari kita lihat bagaimana Anda dapat menggunakan Gutenberg Blocks di Oxygen Builder dengan PostX.

Video tutorial

Berikut video tutorial penggunaan blok Gutenberg di Oxygen Builder untuk menjelajahinya secara visual.

Video Tutorial: Cara menggunakan Blok Gutenberg di Oxygen Builder

Langkah 1: Instal dan Aktifkan PostX

Untuk memulai, Anda harus menginstal dan mengaktifkan plugin PostX terlebih dahulu. Setelah diaktifkan, Anda dapat mengaktifkan addon Oxygen Builder untuk menggunakan blok Gutenberg di Oxygen Builder.

Installing PostX
Menginstal PostX

Langkah 2: Aktifkan Pembuat Oksigen dan Addon Template Tersimpan

Setelah Anda berhasil mengaktifkan PostX, semua fitur dan tambahannya akan dibuka kuncinya dan siap digunakan.

Enabling Oxygen Builder Addon
Mengaktifkan Addon Pembuat Oksigen

Anda harus terlebih dahulu mengaktifkan dua addons, Oxygen Builder dan Saved Templates, melalui PostX Addons Section. Gunakan toggle bar yang berdekatan untuk mengaktifkan addons ini.

Langkah 3: Buat Template Tersimpan dengan PostX

Untuk menggunakan blok Gutenberg di Oxygen Builder, penting untuk membuat Template Tersimpan melalui PostX. Ikuti langkah ini untuk mencegah potensi masalah.

Untuk membuat template tersimpan baru di PostX, buka bagian "Template Tersimpan" dan klik tombol "Tambahkan Template Baru". Anda juga dapat mengedit template yang ada dari lokasi yang sama ini.

PostX Saved Template Section
Bagian Template Tersimpan PostX

Klik tombol "Tambahkan Template Baru". Ini akan membawa Anda ke editor Gutenberg, di mana Anda dapat dengan mudah membuat Template menggunakan blok default Gutenberg, blok PostX, atau template premade/paket pemula oleh PostX.

Creating New Saved Template
Membuat Template Tersimpan Baru

Untuk menyederhanakan prosesnya, mari gunakan pustaka template premade PostX. Cukup klik tombol Template Kits untuk mengakses pustaka PostX Premade.

Selecting Template Kits for Oxygen Builder Template
Memilih Kit Templat untuk Templat Pembuat Oksigen

PostX menawarkan opsi impor sekali klik untuk Paket Pemula dan Templat Premade untuk menyederhanakan pembuatan tata letak. Pilih opsi yang Anda inginkan dan klik "Impor." Misalnya, mari gunakan Tata Letak Berita NFT & Kripto.

Importing Layout for Oxygen Template
Mengimpor Tata Letak untuk Templat Oksigen

Untuk mengakses Templat ini di dalam Elemen Pembuat Oksigen, pastikan untuk memberinya nama.

Naming Saved Template for Oxygen
Penamaan Template Tersimpan untuk Oksigen

Setelah Anda selesai membuat Template, klik tombol “Publikasikan”. Ini akan memungkinkan Anda untuk segera menggunakan Template di Oxygen Builder.

Publishing PostX Oxygen Template
Menerbitkan Template Oksigen PostX

Langkah 4: Gunakan Template PostX di Oxygen Builder

Pada langkah sebelumnya, kami mendemonstrasikan cara membuat Template Tersimpan PostX. Sekarang, kami akan memandu Anda tentang cara menggunakannya di Oxygen Builder.

Pertama, Anda harus membuat halaman baru. Dari Dasbor, buka bagian Halaman. Kemudian, klik opsi "Tambah Halaman Baru".

Creating New Page
Membuat Halaman Baru

Setelah Anda berada di editor halaman, Oxygen Builder akan menampilkan pop-up yang meminta Anda untuk "Edit dengan Oxygen". Klik di atasnya, dan Anda akan dialihkan ke Oxygen Builder.

Launching Oxygen Builder
Meluncurkan Pembuat Oksigen

Setelah berada di Pembuat Oksigen, klik ikon "+" (Tambah Elemen) untuk melihat semua Elemen Oksigen.

Adding Element in Oxygen
Menambahkan Unsur dalam Oksigen

Sekarang dari bagian Basic Elements, Anda akan melihat "PostX Templates" di bagian Basic, atau Anda dapat mencari "PostX Templates" di bilah pencarian.

Selecting PostX Templates Element in Oxygen
Memilih Elemen Templat PostX di Oksigen

Setelah Anda mengklik "PostX Template," itu akan membiarkan Anda memilih Template Anda. Sekarang, dari "Select Your Template", pilih Template yang ingin Anda gunakan.

Selecting Saved Template in Oxygen
Memilih Template Tersimpan di Oxygen

Terakhir, untuk menerbitkan halaman, klik tombol "Simpan Perubahan", dan selesai.

Publishing Page with Oxygen Builder
Halaman Penerbitan dengan Oxygen Builder

Langkah 5: Kustomisasi (Opsional)

Anda dapat menggunakan bagian template Tersimpan PostX untuk mengubah atau memperbarui Template Anda.

Untuk menyesuaikan template tersimpan di PostX, cukup buka bagian "Template Tersimpan" dan pilih salah satu yang ingin Anda edit. Klik tombol "Edit", buat perubahan yang diperlukan, lalu klik "Perbarui" untuk menyimpan perubahan Anda.

Customizing Saved Template for Oxygen
Menyesuaikan Templat Tersimpan untuk Oksigen

Perubahan Anda akan disinkronkan secara otomatis di Oxygen Builder, sehingga Anda tidak perlu repot mengulang setiap langkah.

FAQ

Apakah Oxygen Builder kompatibel dengan Gutenberg?

Ya, Oxygen Builder sepenuhnya kompatibel dengan Gutenberg secara default. Namun, Anda tidak dapat menggunakan Gutenberg dengan paket harga dasar.

Bisakah saya menggunakan Blok Gutenberg di Oxygen Builder?

Ya, Anda dapat menggunakan Blok Gutenberg apa pun di Oxygen Builder dengan PostX.

Berikut cara menggunakan Blok Gutenberg di Oxygen Builder:

  • Langkah 1: Instal dan Aktifkan PostX
  • Langkah 2: Aktifkan Pembuat Oksigen dan Addon Template Tersimpan
  • Langkah 3: Buat Template Tersimpan dengan PostX
  • Langkah 4: Gunakan Template PostX di Oxygen Builder

Apakah Oxygen Builder lebih baik daripada Gutenberg?

Jika Anda mencari sistem tata letak blok dengan lebih banyak opsi, Blok Gutenberg bisa menjadi pilihan yang tepat untuk Anda. Namun, Oxygen Builder mungkin merupakan alternatif yang lebih baik jika Anda menginginkan lebih banyak fleksibilitas dan kemungkinan penyesuaian.

Sumber Daya yang Akan Anda Sukai

  • Cara Menambahkan Post Carousel di WordPress
  • Cara termudah untuk Menggunakan Blok Gutenberg di Divi Builder
  • Integrasi PostX Beaver Builder: Gunakan Blok Gutenberg di Beaver Builder
  • Cara Menambahkan Font Kustom WordPress: Ambil Kontrol Penuh pada Tipografi
  • Memperkenalkan Baris/Blok Kolom PostX: Tampilkan Konten Anda dengan Sempurna

Kesimpulan

Kesimpulannya, mengintegrasikan blok Gutenberg ke dalam Oxygen Builder dapat sangat meningkatkan fungsionalitas dan opsi desain pengembang dan desainer web. Meskipun Oxygen Builder dikenal dengan kemampuannya yang canggih, pengenalan Oxygen Builder PostX memungkinkan Anda menggunakan blok Gutenberg di Oxygen Builder dengan cara yang lebih mudah diakses dan ramah pengguna.

Fleksibilitas dan kemampuan penyesuaian yang ditawarkan oleh blok Gutenberg, dikombinasikan dengan fitur-fitur canggih Oxygen Builder, menjadikan integrasi ini alat yang berharga untuk membangun situs web yang unik dan canggih.

Singkatnya, integrasi PostX Oxygen Builder menjembatani kesenjangan antara blok Gutenberg dan Oxygen Builder, memungkinkan pengguna membuka kemungkinan desain baru dan merampingkan proses pembuatan situs web mereka.

Anda dapat melihat tutorial video WordPress di Saluran YouTube kami. Juga, temukan kami di Facebook dan Twitter untuk pembaruan rutin!

Suka artikel ini? Sebarkan beritanya
  • How To Display WordPress Video as Featured Image With PostX

    Cara Menampilkan Video WordPress sebagai Gambar Unggulan Dengan PostX

  • WooCommerce Single Product Page Template

    Templat Halaman Produk Tunggal WooCommerce (3 Cara Membuat & Menyesuaikan)

  • Create Your Online Store Using Gutenberg Product Blocks for WooCommerce 1

    Buat Toko Online Anda Menggunakan Blok Produk Gutenberg untuk WooCommerce

  • How to add Categories to Sidebar in WordPress

    Bagaimana cara menambahkan Kategori ke Sidebar di WordPress