Base de Conhecimento

Halo Para Cloudku pada Artikel kali ini akan dibahas mengenai Plugin Builder atau yang sering disebut Page Builder pada Wordpress. Plugin builder saat ini semakin sering ditemukan dalam Wordpress, hal tersebut bukan tanpa alasan, pasalnya tidak semua orang bisa merancang tampilan website dari awal hingga akhir menggunakan kode-kode HTML maupun bahasa pemrograman.

Dengan menggunakan Plugin Builder ini masalah tersebut bisa diatasi sendiri oleh konsumen pembuat website dan bisa kustomisasi sesuai keinginan. Plugin Builder bisa didapatkan secara gratis maupun berbayar. Tentunya jika Plugin Builder yang Anda pakai tidak berbayar atau gratis fitur yang digunakan terbatas.


Apa Itu Plugin Page Builder?
Plugin page builder WordPress merupakan sebuah komponen yang bisa digunakan untuk membantu para blogger atau Web developer dalam merancang sebuah tampilan website secara instan. Jadi, Anda tidak perlu menguasai bahasa pemrograman agar bisa mendapatkan beragam desain layout untuk memenuhi kebutuhan website landing page, web company profile, blog, ataupun toko online. Sebaliknya, jika theme yang Anda gunakan sudah mendukung Page Builder maka proses kustomisasi dengan cara drag and drop.

Plugin page builder sendiri saat ini banyak digunakan karena mampu menghemat waktu coding maupun proses desain secara signifikan. Adapun terkait masalah harga, ada beberapa page builder yang memang gratis untuk digunakan tapi ada juga yang mengharuskan pengguna untuk berlangganan.

Layaknya plugin wordpress pada umumnya, cara menggunakan plugin page builder hanya tinggal menginstall dan setting pengaturan dasar. Walaupun demikian, dalam beberapa kasus plugin ini memang tidak bisa sembarangan digunakan pada theme WordPress, karena memang perlu integrasi khusus agar bisa berjalan berdampingan. Berikut adalah macam-macam plugin Page Builder yang sering digunakan.

Macam-macam Page Builder yang sering digunakan:


1. Elementor


Elementor Page Builder yang hadir mengusung desain antarmuka simpel dan mudah digunakan. Kinerja Elementor page builder tidak kalah powerfull dengan builder lainnya, padahal sebagian besar fitur dalam plugin ini sampai sekarang masih bersifat gratis atau bisa dibilang tidak perlu berlangganan.

Bagian paling menarik dari Elementor adalah proses kustomisasi website yang tinggal drag and drop sesuai halaman yang diinginkan. Sementara jika ingin melihat hasilnya bisa memilih tombol preview sebelum memutuskan untuk benar-benar mempublikasikan hasil desain.




Persyaratan (Requirements)

Tujuan utama Elementor yaitu ditujukan pembuat website agar membuat website lebih cepat dan tercanggih untuk Wordpress
Untuk mencapai tujuan tersebut Elementor memastikan berdasarkan teknologi terbaru yang tersedia.

Berikut adalah requirement sistem yang Anda butuhkan untuk menggunakan Elementor (Jika Anda tidak yakin apakah server Anda mendukung ini atau tidak, hubungi host Anda).

WordPress 5.0 or Lebih tinggi
Elementor support dengan Wordpress versi 5.0 atau lebih tinggi.

PHP 7 atau Lebih tinggi
Catatan: Jika situs Anda dihosting di server dengan PHP yang lebih lama, Anda mungkin mengalami masalah. Kami menyarankan Anda untuk menghubungi penyedia hosting Anda untuk meningkatkan ke versi terbaru PHP.

Elementor juga dapat bekerja dengan PHP 5.4+, tetapi versi yang lebih lama ini telah mencapai End Of Life resmi dan karena itu dapat membuat situs Anda terkena kerentanan keamanan dan bug, dan mungkin tidak selalu berfungsi seperti yang diharapkan.

MySQL 5.6 atau Lebih tinggi
MySQL versi 5.6 atau yang lebih tinggi atau MariaDB versi 10.0 atau yang lebih tinggi

WP Memory Limit
Batas Memori WP 128 MB atau lebih besar (256 MB atau lebih tinggi lebih disarankan)

Browser
Harap dicatat bahwa Anda harus menggunakan Chrome, Firefox, Safari, atau Microsoft Edge versi 79 atau lebih tinggi untuk Mengedit halaman dengan Elementor. Anda tidak akan dapat mengedit dengan versi Microsoft Edge yang lebih lama dari versi 79, Anda juga tidak dapat mengedit dengan versi Microsoft Internet Explorer. Edge versi terbaru Microsoft (v. 79 dan lebih tinggi, yang pertama kali dirilis pada Januari 2020) didasarkan pada Chromium (basis yang sama dengan Google Chrome), sehingga Edge baru Microsoft sekarang sepenuhnya mampu mengedit halaman dengan Elementor. Tentu saja halaman Anda yang dibuat dengan Elementor akan ditampilkan seperti yang dirancang di semua browser modern. Sebagian besar fitur akan ditampilkan dengan baik di IE, tetapi karena IE adalah browser yang lebih lama, ini tidak mampu mendukung beberapa teknologi web modern yang dapat digunakan Elementor untuk beberapa fiturnya.

Device
Saat ini belum memungkin melakukan edit dengan ponsel dan tablet. Anda hanya dapat mengedit halaman dengan Elementor melalui komputer desktop.

Server
Jika situs web Anda dihosting oleh WP Engine, Anda mungkin perlu menambahkan SSL ke situs web Anda untuk menghindari masalah penyimpanan.

Jika Anda menggunakan SiteGround atau GoDaddy, pastikan bahwa mereka mengubah SubstituteMaxLineLength server Anda. 
berikut link untuk Anda: https://docs.elementor.com/article/219-502-error-when-i-try-to-edit-with-Elementor

X-Frame options
Ini harus diatur ke "same origin" untuk menghindari masalah pengeditan. Silakan minta Hosting Anda untuk melakukan ini.

PHP Z-Lib Extension
Lebih baik mengaktifkan ekstensi PHP Zlib di server Anda. Silakan minta Hosting Anda untuk mengaktifkan ini untuk Anda, jika tidak.

sumber: https://docs.elementor.com/article/38-requirements

2. Divi


Divi adalah Tema / Theme di WordPress yang dibuat oleh ElegantThemes, sebuah perusahaan penyedia Tema dan Plugin Premium untuk WordPress. Fitur paling powerfull Tema Divi yaitu kemudahan dalam membuat bermacam-macam layout halaman di WordPress dan juga ada disediain visual builder untuk buat halaman atau page baru dengan “drag & drop†menggunakan banyak pilihan modul pembangun elemen halaman web. 


Berikut adalah persyaratan pengaturan php untuk membuat kinerja lebih maksimal dari page builder divi.



Persyaratan (Requirements)


PHP Version
Recommended: Latest
Kami merekomendasikan menggunakan versi PHP terbaru. Ini tidak hanya akan memastikan kompatibilitas dengan Divi, tetapi juga akan sangat mempercepat situs Website Anda.


memory_limit
Recommended: 128M

Secara default, batas memori yang ditetapkan oleh hosting Anda atau oleh WordPress mungkin terlalu rendah. Ini akan menyebabkan aplikasi crash karena PHP mencapai limit batasan. Anda dapat menyesuaikan batas memori Anda dalam file php.ini Anda, atau dengan menghubungi hosting Anda untuk bantuan. Anda mungkin juga perlu menentukan batas memori di wp-config.php.


post_max_size
Recommended: 128M
Post Max Size membatasi ukuran halaman atau file di situs Anda. Jika halaman Anda lebih besar dari batas yang ditetapkan di PHP, itu akan menyebabkan page gagal loading. Ukuran posting bisa menjadi sangat besar saat menggunakan Divi Builder, jadi penting untuk meningkatkan batas ini. Ini juga memengaruhi unggahan / unduhan ukuran file, yang dapat mencegah tata letak besar diimpor ke pembuat. Anda dapat menyesuaikan ukuran posting maksimal Anda dalam file php.ini Anda, atau dengan menghubungi hosting Anda untuk bantuan.


max_execution_time
Recommended: 180
Max Execution Time mempengaruhi berapa lama halaman diizinkan untuk memuat sebelum waktu habis. Jika batasnya terlalu rendah, Anda mungkin tidak dapat mengimpor tata letak dan file besar ke dalam pembuat. Anda dapat mengatur waktu eksekusi maksimal dalam file php.ini Anda, atau dengan menghubungi hosting Anda untuk mendapatkan bantuan.


upload_max_filesize
Recommended: 64M
Ukuran Unggahan File Maksimal menentukan ukuran file maksimum yang boleh Anda unggah ke server Anda. Jika batasnya terlalu rendah, Anda mungkin tidak dapat mengimpor koleksi besar tata letak ke Library Divi. Anda dapat menyesuaikan ukuran file maksimal dalam file php.ini Anda, atau dengan menghubungi hosting Anda untuk mendapatkan bantuan.


max_input_time
Recommended: 180
Max input time adalah penetapan waktu maksimum dalam script dalam detik untuk mengurai data input. Jika batasnya terlalu rendah, Divi Builder mungkin akan kehabisan waktu sebelum diizinkan untuk memuat. Anda dapat mengatur waktu input maksimal Anda dalam file php.ini, atau dengan menghubungi host Anda untuk mendapatkan bantuan.


max_input_vars
Recommended: 3000
Pengaturan ini mempengaruhi berapa banyak variabel input yang dapat diterima. Jika batasnya terlalu rendah, ini dapat mencegah Divi Builder memuat. Anda dapat menyesuaikan variabel input maks Anda dalam file php.ini Anda, atau dengan menghubungi host Anda untuk mendapatkan bantuan.



Anda dapat menemukan informasi ini di area administrasi WordPress saat Anda masuk.

Di menu admin, buka Divi> Pusat Dukungan dan cari panel Status Sistem. Titik hijau berarti konfigurasi Anda OK, titik merah berarti Anda harus mengatasinya dan kuning berarti Anda harus mempertimbangkan perbaikan. Anda mencari: “Congratulations, all system checks have passed. Your hosting configuration is compatible with Divi. "

Memiliki pengaturan ini dengan benar, seharusnya menyelesaikan masalah hosting Anda yang paling umum dengan antarmuka pengguna Divi, itu tidak berarti situs Anda dioptimalkan untuk kecepatan halaman dan kinerja terbaik, ini adalah pengaturan PHP umum yang secara langsung memengaruhi fungsionalitas Divi.

sumber: https://www.canagon.com/blog/divi-recommended-configuration-for-server-and-hosting-environment


3. Oxygen


Oxygen adalah plugin WordPress yang berfungsi sebagai pembangun website dengan cara modern yang sudah dilengkapi dengan elemen-elemen dan komponen yang lengkap sehingga memudahkan pengguna dalam membangun desain situs WordPress mereka dengan cepat dan hasil yang memuaskan. Intinya adalah plugin yang berfungsi untuk tujuan pembuatan tema situs WordPress Anda secara cepat.



Persyaratan (Requirements)

Oxygen membutuhkan versi PHP yang didukung secara resmi (7.1 atau lebih tinggi).

Jika hosting Anda telah memberi Anda versi PHP yang versi lama dan Anda tidak dapat memperbaruinya, Anda harus mengganti hosting atau bisa hubungi penyedia hosting Anda.

sumber: https://oxygenbuilder.com/documentation/troubleshooting/troubleshooting-guide/