Cara Menggunakan Pembuat Halaman SiteOrigin Dengan WordPress

Seperti pembuat halaman WordPress lainnya, SiteOrigin hadir untuk membantu Anda membangun situs web yang kuat dan responsif dengan beberapa CSS dan pengetahuan pengkodean nol. Ada beberapa tema dari ujungnya yang dapat Anda gunakan (baik gratis maupun premium) serta plugin pembuat halaman gratis dan Pro.

Saya telah menguji versi Pro dari SiteOrigin dan membuat halaman arahan. Muncul dengan fungsionalitas drag-and-drop dan bekerja dengan tema apa pun dan Anda dapat menggunakan semua widget Gratis, Pro, dan WordPress secara bersamaan. Mari baca artikel ini untuk mengetahui lebih lanjut tentang instalasi dan konfigurasi SiteOrigin dengan WordPress.

Mengapa Memilih Pembuat Halaman SiteOrigin?

Membangun situs dimulai dari bilah alat di Editor WordPress, yang kita semua kenal, baik Klasik maupun Gutenberg. Ini menghasilkan sejumlah kecil kode keluaran dan tidak membengkak tetapi setiap baris kode keluaran dioptimalkan sebanyak mungkin untuk pembuat satu halaman.

Ini memiliki pratinjau langsung dari setiap perubahan yang Anda buat karena tidak memiliki pembuat front-end.

Anda juga dapat dengan mudah memeriksa riwayat dan kembali ke desain sebelumnya jika Anda tidak puas dengan apa yang Anda lakukan. Juga, ia menggunakan Baris dan Widget seperti biasa seperti pembuat halaman lainnya.

Fitur Pembuat Halaman SiteOrigin

Versi gratis SiteOrigin hadir dengan opsi "widget" yang cukup terbatas tetapi dengan versi Pro, Anda memiliki banyak widget tambahan yang berguna untuk membangun situs Anda dengan mudah.

Pembuat Jenis Pos Kustom

Salah satu fitur SiteOrigin yang paling populer dan berguna adalah Custom Post Type Builder dengan tata letak Page Builder dan template WooCommerce yang dapat digunakan kembali. Ini sedikit berbeda dari alat lain dan saya akan memberikan penjelasan sedikit lebih dalam tentang cara menggunakannya.

Ada langkah-langkah penting yang harus diikuti agar Anda dapat membuat templat tipe posting kustom di SiteOrigin.

Langkah 1

Anda perlu menambahkan jenis posting kustom baru, membangun tata letak jenis posting menggunakan Page Builder dan memilih pengaturan tampilan jenis posting.

Dari Dashboard WordPress Anda, navigasikan ke Tools → Post Types dan klik Add New Button, beri nama Portfolio, misalnya. Sekarang, klik pada tab Page Builder di sebelah tab Text and Visual, gunakan tombol Page Builder Add Widget dan Add Row untuk membuat layout jenis posting kustom portofolio Anda.

Harap dicatat bahwa konten apa pun yang Anda tambahkan ke template akan ditampilkan pada setiap posting portofolio yang diterbitkan di masa mendatang. Jadi cukup berguna jika Anda ingin menampilkan blok konten tertentu di setiap halaman ini seperti Call to Action, Berlangganan Newsletter Kami, Tentang Saya, Testimonial, dll.

Langkah 2

Anda perlu tahu cara menambahkan konten ke jenis posting khusus yang Anda buat.

Setelah Anda membuat portofolio Custom Post Type, Anda akan dapat melihat Item Portofolio di sidebar kiri Dashboard WordPress Anda. Klik di atasnya dan kemudian klik Add New.

Saat Anda memberi nama item Portofolio Anda, itu akan memungkinkan Anda menambahkan konten ke dalamnya. Ingat, Anda hanya dapat mengedit widget yang bukan bagian dari template global dan widget tersebut akan ditandai dengan teks baca saya. Dan yang tak kalah pentingnya, bagaimana cara menambahkan postingan tersebut ke dalam post carousel atau widget post loop.

Widget Posting Lingkaran

SiteOrigin memiliki Post Loop Widget yang disertakan tetapi bergantung pada template loop di dalam tema aktif.

Untuk menyisipkan Post Loop Widget, cukup tambahkan baris pada halaman atau posting yang Anda inginkan untuk ditampilkan, pilih tata letak blog atau grid dan selesai. Selanjutnya, Anda harus memilih widget apa yang akan ditampilkan dengan mengklik tombol Bangun kueri postingan.

Pada langkah terakhir, klik Jenis Postingan Kustom Anda dari Dropdown Jenis Postingan di bagian atas widget pembuat kueri.

Jika Anda ingin melakukannya di post carousel, satu-satunya perbedaan adalah memilih widget post carousel alih-alih Post Loop, prosedur lainnya sama.

Pembuat Template WooCommerce

Template WooCommerce memungkinkan pembuatan halaman spesifik WooCommerce yang indah dan tampilan visual produk tunggal. Antarmuka WooCommerce Template Builder dipisahkan menjadi tujuh tab:

1. Produk
2. Arsip produk
3. Toko
4. Keranjang
5. Keranjang kosong
6. Periksa
7. Akun saya

Untuk WooCommerce, semua item individual aktual yang Anda butuhkan untuk membuat produk tunggal didistribusikan sebagai widget, yang memungkinkan Anda membuat produk dengan mudah. Anda dapat membuat tata letak dan menggunakan widget WooCommerce seperti harga, SKU, Tambahkan ke Keranjang, Deskripsi Singkat/Panjang, Gambar Produk, Judul, dll.

Ada juga satu widget yang sangat berguna untuk upsell produk, yang memberi Anda kebebasan menggunakan fungsionalitas WooCommerce Upsell. Namun, harap perhatikan bahwa desain widget dan halaman WooCommerce ini diatur oleh CSS tema Anda dan dapat diedit dengan menggunakan CSS.

Widget lain yang umum seperti Peta, Akordeon, CTA, Tab, Widget Sosial, Korsel, dll.

Dengan Berlangganan Pro, Anda tidak hanya mendapatkan Pro Page Builder tetapi juga akses ke semua fitur Pro, Tema Premium, CSS, dan widget.

Harga dan Paket SiteOrigin Page Builder

SiteOrigin menawarkan dua model penetapan harga. Yang pertama dan paling berguna adalah Berlangganan Tahunan, yang hadir dalam 3 paket.

• Single untuk satu situs dengan harga $29
• Bisnis hingga 5 situs dengan harga $49
• Pengembang untuk situs tak terbatas dengan harga $99

Juga, ada Lisensi Satu Tahun di mana Anda memiliki semuanya sama kecuali itu bukan langganan tetapi satu tahun pembaruan dan dukungan.

• Single untuk satu situs dengan harga $38
• Bisnis hingga 5 situs dengan harga $64
• Pengembang untuk situs tak terbatas dengan harga $128

Persyaratan Sistem/Hosting dari SiteOrigin

Meskipun agak sulit untuk menemukan persyaratan sistem SiteOrigin. Dari beberapa forum dukungan dan komentar online, tampaknya PHP 7.4 dengan setidaknya 512MB PHP Memory akan berhasil. Namun, saya telah menggunakan VultrHF dengan Memori PHP 2GB untuk tujuan pengujian.

Tentu saja, Anda memerlukan versi WordPress terbaru dan semua plugin lainnya yang terbaru.

Instal dan Konfigurasikan SiteOrigin Page Builder

Dalam hal instalasi dan konfigurasi, SiteOrigin memang menawarkan sesuatu yang menarik yang tidak dimiliki oleh kebanyakan pembuat halaman.

Untuk semua yang ada di WordPress, Anda harus menginstal SiteOrigin gratis langsung dari Repositori, dan setelah itu, Anda mengunggah versi Pro yang diunduh dari akun SiteOrigin Anda. Setelah Anda selesai menginstal, ikuti langkah-langkahnya dan instal/aktifkan plugin yang direkomendasikan.

Setelah Anda berhasil menginstal bundel plugin, Anda harus mengaktifkan lisensi dan widget yang Anda butuhkan. Sedangkan untuk lisensinya, harus segera diaktifkan dan untuk widget, Anda bisa mengaktifkannya sekarang atau nanti saat Anda membutuhkannya.

Apa yang hebat tentang SiteOrigin adalah Anda tidak perlu mengaktifkan widget yang tidak Anda perlukan dan dengan melakukan itu, Anda dapat menghemat beberapa sumber daya dan hanya berfungsi opsi yang Anda butuhkan. Yang biru aktif dan yang abu-abu adalah widget yang tidak aktif.

Setelah selesai, Anda dapat mulai membangun situs dengan menggunakan pembuat halaman SiteOrigin. Arahkan ke Pages → Add New dan dengan mengklik panah dropdown, Anda akan ditawarkan untuk Add New Page dengan SiteOrigin Page Builder dan Block Editor → pilih SiteOrigin Page Builder.

Secara pribadi, bukan penggemar terbesar pembuat halaman backend di era pembuat front-end. Namun, itu berarti akan mengkonsumsi lebih sedikit sumber daya dan lebih ringan untuk server Anda. Tidak begitu lapar seperti pembangun pada umumnya.

Beginilah tampilan pembuat halaman sebenarnya dalam mode Pengeditan Langsung yang berguna. Editor back-end cukup sulit dan memakan waktu karena Anda perlu mengetuk pratinjau setiap kali untuk melihat perubahan apa pun yang Anda buat.

Ketika Anda mengklik halaman Edit, Anda akan berakhir di dalam editor back-end, dari sana cukup klik Live Editor dari toolbar dan Anda akan berakhir di dalamnya.

Di sisi kiri, Anda memiliki bilah sisi yang mirip dengan Penyesuai, dari mana Anda sebenarnya membangun situs dan di sisi kanan itu akan memuat ulang tampilan untuk menampilkan perubahan setelah perubahan apa pun dilakukan.

Itu tidak mendukung segala jenis seret dan lepas langsung di situs tetapi semuanya harus dilakukan melalui penyesuai bilah sisi kiri.

Di sudut kiri atas, Anda akan melihat bilah alat dengan 4 item di dalamnya. Dari kiri ke kanan mereka akan melakukan hal berikut.

Ikon Roda Gigi akan membuka widget yang tersedia yang dapat Anda masukkan ke dalam baris yang telah Anda buat. Anda dapat melihat widget WordPress dan SiteOrigin di tempat yang sama. Namun, Anda juga dapat memilih di sisi kiri untuk melihat hanya WordPress atau hanya SiteOrigin.

Ikon berikutnya adalah Burger, yang akan menambahkan baris baru dan saat itulah Anda memilih tata letak baris. Jangan khawatir jika Anda perlu mengubah tata letak, itu dapat dilakukan kapan saja nanti.

Setelah mengklik ikon Tata Letak, sebenarnya akan membuka opsi untuk mengimpor/mengekspor Tata Letak yang ada. Apa yang saya perhatikan adalah bahwa SiteOrigin tidak memiliki lebih banyak tata letak dan desain yang lebih modern. Selain itu, dari alat ini, Anda dapat mengkloning halaman yang sudah ada yang telah Anda buat atau mencerminkan bagian/blok.

Ikon terakhir adalah Sejarah, tempat di mana Anda dapat memutar kembali apa yang Anda lakukan jika Anda tidak menyukai hasil atau hanya jika Anda melakukan kesalahan.

Performa Pembuat Halaman SiteOrigin di Cloudways

Seperti yang diharapkan, SiteOrigin berkinerja cukup baik karena tidak banyak mengasapi kode dan cukup sederhana, yang pada saat yang sama merupakan keuntungan dan kerugian. Perlu kami sebutkan, kami tidak melakukan pengoptimalan gambar apa pun.

– Hasil SiteOrigin di GTMetrix

– Hasil SiteOrigin di Alat Pingdom

– Hasil SiteOrigin di WebPageTest

Ulasan Pengguna Pembuat Halaman SiteOrigin

Dan yang selalu menjadi salah satu hal yang harus Anda periksa sebelum menginstal plugin apa pun adalah ulasan dan peringkat pada repositori plugin WordPress.org. Untuk SiteOrigin, sejauh ini ada 922 peringkat bintang 5 dan ulasan terbarunya luar biasa.

Ringkasan

Jika Anda memerlukan alat ringan untuk membangun situs web sederhana atau halaman arahan, SiteOrigin mungkin menjadi pilihan yang tepat untuk Anda. Kelemahannya adalah ia tidak menawarkan pembuat header dan footer, jadi Anda memerlukan beberapa tema yang memungkinkan pengeditan header dan footer situs Anda.

Kurva pembelajarannya curam dan Anda memerlukan pengalaman sebelumnya dengan WordPress dan pemahaman tentang widget dan elemen. Kurangnya editor front-end juga merupakan faktor pembatas bagi pemula dan itu pasti membutuhkan beberapa pengetahuan dan keterampilan CSS untuk membuat hasil akhir Anda terlihat luar biasa. Namun, di sisi lain sebagai pengembang, sebagian besar fiturnya cukup nyaman meski tidak terlalu intuitif untuk pemula.

Ekosistem di sekitar SiteOrigin tidak sebesar untuk beberapa pembuat halaman lainnya, tetapi kita perlu memperhitungkan bahwa ia memiliki 1 juta instalasi aktif untuk Versi Gratis dan 900.000 untuk Bundel Widget dan beberapa penulis tambahan eksternal memiliki 30.000+ instalasi aktif.