Tinjauan & Panduan Terperinci Pembuat Situs Web HTML Novi
Diterbitkan: 2023-03-27Ketika berbicara tentang pembuatan situs web pada tahun 2023, tidak perlu berurusan dengan pengkodean. Saya yakin Anda sudah tahu segalanya tentang berbagai produk digital siap pakai. Hari-hari ini, Anda dapat dengan mudah mendapatkan semua yang telah dirancang dan dikemas sebelumnya untuk Anda. Untuk alasan sederhana ini, ada begitu banyak situs web yang menarik. Orang-orang mencari cara baru untuk menonjol dari keramaian. Itulah mengapa jumlah tema, plugin, aset, dan tren desain web baru yang responsif meningkat setiap saat.
Namun, ketika ada sesuatu yang baru, bukan berarti produk ini 100% layak untuk Anda perhatikan. Jadi, bagaimana Anda memilih satu-satunya barang Anda? Dalam posting ini, saya akan membantu Anda dengan pengambilan keputusan akhir. Di salah satu postingan sebelumnya, saya menunjukkan cara membuat website di WordPress. Seperti namanya, hari ini saya akan mengulas salah satu dari 5 pembuat situs web terbaik – Novi Builder .
Jika Anda lebih suka bekerja dengan HTML, Anda pasti pernah mendengar nama ini sebelumnya, karena Novi Builder hadir dengan semua template HTML responsif modern. Jadi, apa keuntungan utama bekerja dengan editor, dan apakah ada kerugiannya? Nantikan untuk mengetahui semua hal penting tentang pembuat halaman paling berguna untuk HTML .
Sejarah Pembangun Novi
Coba Novi
Sesuai tradisi, sebelum kita mulai, kita akan melihat sekilas sejarah pembuat visual HTML ini. Rilis pertama Novi Builder terjadi 3 tahun yang lalu, pada tahun 2016. Untuk mempersingkat cerita, tim Novi merancang editor dengan 3 fitur utama:
- mekanisme kerja yang benar-benar ramah pencipta,
- antarmuka intuitif 100%,
- dan, tentu saja, teknologi drag-and-drop terbaru.
Apakah Anda ingat bagaimana pengeditan situs web digunakan pada tahun 2016? Itu sebagian besar membosankan dan hanya berisi fitur yang harus dimiliki. Namun demikian, kemajuan digital tidak pernah berhenti, jadi ada banyak pilihan gaya dan elemen desain web yang bergaya yang digunakan. Melihat itu, pencipta Novi Builder memutuskan untuk menambahkan semua ini ke paket editor. Mereka menambahkan tren desain web sebanyak mungkin saat itu. Jika ada yang dominan di pasar digital, itu sudah ada di dalam paket Novi.
Di sisi lain, hanya menambahkan fitur populer saja tidak cukup. Oleh karena itu, tim Novi terus melakukan penelitian. Seperti yang dilakukan oleh semua perusahaan pintar, mereka ingin mempelajari audiens untuk mengetahui kebutuhan prospek. Penelitian menunjukkan bahwa, pertama-tama, orang mencari kenyamanan.
Alhasil, Novi Builder segera mengizinkan pengguna online untuk:
- buat tata letak yang bersih dan terstruktur dengan baik tanpa menyentuh satu baris kode pun,
- bekerja dengan teknologi drag-and-drop,
- mempercepat proses pembuatan website,
- dan rancang situs web dengan berbagai komponen UI yang menarik.
Meskipun saat ini sulit untuk mengejutkan pengguna dengan teknologi drag-and-drop, pada tahun 2016 ini merupakan keajaiban yang nyata. Selain itu, jangan lupa bahwa saat itu, satu-satunya editor konten praktis yang menyediakan fungsionalitas seret dan lepas adalah Elementor. Itu datang dengan semua fitur yang diperlukan tetapi dibuat hanya untuk proyek online berbasis WordPress. Pada saat yang sama, HTML tidak pernah menjadi hal termudah untuk dikerjakan saat Anda bukan teknisi.
Setelah penelitian yang panjang dan mendetail, teknologi drag-and-drop yang digunakan Novi Builder juga ditingkatkan. Hasilnya, orang dapat membuat halaman online baru dan mengedit situs mereka hanya dengan menyeret elemen desain yang dipilih dan melepaskannya ke jendela editor.
Penonton hanya membutuhkan beberapa bulan untuk terbiasa dengan Novi Builder. Ini menjadi populer segera. Tak perlu dikatakan, ada banyak pembaruan yang dibuat untuk editor. Setahun kemudian, pencipta memamerkan versi klasik pertama dari Novi Builder. Sejak saat itu, terus menerima pembaruan rutin yang mencakup berbagai opsi, tren desain web, dan banyak instrumen tambahan.
Singkatnya, Novi Builder tidak hanya mempercepat proses pembuatan situs web, tetapi juga menghadirkan banyak kemungkinan baru bagi pemula yang ingin bekerja dengan HTML. Dengannya, orang-orang akhirnya dapat mendesain situs web mereka tidak hanya dengan cara yang mereka bisa, tetapi dengan cara yang mereka inginkan. Segera setelah Novi Builder dirilis, pengeditan situs HTML menjadi hal yang bebas stres. Itu sebabnya ia dinobatkan sebagai pembuat visual situs web terbaik untuk HTML.
Kembali ke Masa Kini
Hari ini, Novi Builder disebut sebagai editor drag-and-drop terbaik untuk HTML. Singkatnya, pembangun memajukan proses kerja dan membuatnya mudah bagi pengguna dari tingkat keahlian apa pun. Bekerja dengan Novi Builder, Anda dapat dengan cepat mendesain halaman online baru menggunakan berbagai blok konten yang telah dirancang sebelumnya.
Terlebih lagi, ini juga memungkinkan Anda mengedit konten situs web secara langsung. Langkah ini sangat penting bagi setiap pemula karena itulah cara menghindari kesalahan umum saat membuat desain.
Apakah Anda ingin melihat bagaimana editor bekerja dalam aksi? Anda dapat mencoba bekerja dengan Novi Builder dengan menjalankan demo-nya. Cukup ikuti tautan untuk membuka versi demo editor gratis.
Model Bisnis Apa yang Cocok untuk Novi Builder?
Hal lain yang harus Anda ketahui tentang Novi Builder adalah bahwa ini adalah platform online B2B/B2C . Apa artinya? Mari kita lihat.
- B2B yang berarti business-to-business. Di internet, itu juga dikenal sebagai e-biz. B2B adalah pertukaran produk, layanan, barang, atau bahkan informasi antara bisnis yang berbeda. Dalam hal Novi Builder, B2B terhubung dengan pengguna yang menggunakan templat situs web mereka sendiri untuk menyediakan layanan yang berbeda. Yang terakhir sebagian besar terkait dengan ceruk bisnis seperti desain web, pengembangan web, eCommerce, atau pemasaran email.
- B2C yang berarti business-to-customer. Dalam hal ini, koneksi mengacu pada transaksi yang dilakukan antara perusahaan dan pelanggannya secara langsung. Di sini pelanggan adalah pengguna akhir yang menggunakan produk perusahaan. Berbicara tentang Novi Builder, B2C terhubung ke pengguna akhir yang telah meluncurkan situs web mereka. Pengguna ini dapat membeli template HTML apa pun yang mereka inginkan dan mengimpor situs web yang ada. Berkat Novi Builder, ini memungkinkan tanpa kehilangan konten situs. Anda dapat mengeditnya dengan teknologi drag-and-drop dan menatanya dengan berbagai fitur bawaan.
Seperti yang Anda lihat, model B2C sangat berbeda dengan model B2B. Yang terakhir mengacu pada koneksi perdagangan antara 2 atau lebih bisnis ketika B2C hanya tentang 1 bisnis. Apa pun yang akan Anda gunakan, Novi Builder cocok untuk kedua model bisnis tersebut.
Instrumen Apa yang Dimiliki Novi Builder untuk Model B2C?
Bagaimana pembangun visual HTML ini membantu Anda dengan B2C? Seperti semua alat kualitas lainnya, Novi Builder dibuat dengan mempertimbangkan strategi bisnis. Hasilnya, editor hadir dengan banyak instrumen yang berorientasi pada pengguna akhir. Di bawah ini Anda dapat melihat 5 fitur teratas untuk digunakan.
Manajemen Halaman
Hal pertama yang pertama: Novi Builder memberi pemiliknya Pengelola Halaman yang nyaman. Dengan menggunakan fitur ini, Anda dapat:
- membuat halaman,
- hapus halaman,
- mengedit halaman,
- dan mengelola pengaturan mereka.
Untuk mengatakan lebih banyak, Anda dapat melakukan semua ini dengan satu klik! Omong-omong, ada beberapa tindakan tambahan yang dapat Anda lakukan saat bekerja dengan Pengelola Halaman. Bagaimana Anda menjangkau mereka? Nah, Anda hanya perlu menggunakan menu konteks yang terletak di bagian atas halaman yang akan Anda kerjakan.
3 Mode Berbeda Untuk Tugas Utama
Segera setelah Anda membuka Novi Builder , Anda akan melihat bahwa Novi Builder menyediakan mode yang berbeda untuk tugas yang berbeda. Ada 3 mode yang dibuat untuk tugas utama:
- Pratinjau,
- Mengedit,
- dan Merancang.
Mode Pratinjau
Memungkinkan Anda melihat hasil cepat dari pengeditan Anda. Tak perlu dikatakan, pratinjau adalah aspek penting dari setiap proyek online. Dan menjadi lebih penting lagi jika kita berbicara tentang situs web pertama Anda. Cukup gunakan opsi ini untuk memeriksa ulang desain Anda dan mencari tahu apakah perlu perubahan tambahan.
Modus Sunting
Ini adalah mode yang membantu Anda mengedit berbagai jenis konten. Daftar tersebut mencakup hal-hal seperti:
- teks,
- ikon,
- tombol, dan lainnya.
Modus Desain
Ketiga, Anda memiliki Mode Desain . Ini menyediakan akses ke kode situs web. Tidak perlu bekerja dengan sumbernya, tetapi jika Anda ingin meningkatkan keterampilan pengkodean Anda, Mode Desain adalah yang diperintahkan dokter.
Coba Novi
Alat pengembang
Seperti yang diharapkan, Novi Builder berisi banyak alat pengembang dalam paketnya. Dengannya, Anda akan bisa mendapatkan pengalaman membangun situs web baru saat bekerja dengan editor HTML, CSS, dan JS. Jelas, Anda dapat mengedit kode sumber seperti yang Anda inginkan.
Di antara semua fitur, saya ingin menyorotiPreset Manager.Hal keren ini akan membantu Anda untuk melanjutkan proses pengeditan. Singkat cerita, pengelola memungkinkan Anda membuat preset baru dengan tangan dan menyimpannya ke perpustakaan. Semuanya sesederhana ABC. Inilah yang harus Anda lakukan:
- pilih elemen konten yang dibutuhkan,
- pilih di ruang kerja,
- simpan dengan mengklik tombolSave as Presetyang terletak di menu konteks.
Sekarang Anda dapat menggunakan preset baru segera setelah Anda perlu membuat halaman online baru. Cukup drag dan drop preset ke jendela editor seperti yang Anda lakukan dengan komponen UI lainnya.
Penerbitan Instan
Untuk memulai, siapa pun yang pernah ingin menjalankan situs web tahu bahwa untuk sukses, Anda harus selalu memperbarui proyek online Anda. Itu sebabnya Anda memerlukan fitur penerbitan instan.
Seperti yang Anda lihat dari tangkapan layar di bawah, ada tombolPublikasikan Situsberwarna biru muda di pojok kanan atas. Dengan menekan tombol, Anda akan menerbitkan situs langsung di server. Selain itu, Anda juga akan melihat opsiJalur PublikasidanKonfigurasi.
Lebih banyak fitur
Untuk menyelesaikan poin ini, saya ingin menunjukkan kepada Anda beberapa fitur dasar yang pasti akan Anda cari segera setelah Anda mengunduh Novi Builder.
OpsiUbah Resolusimemungkinkan pemilik situs web untuk mengubah ukuran ruang kerja.
TekanPengaturanjika Anda ingin mendapatkan akses ke pengaturan situs web atau halamannya.
Dengan mengklik tombol Unduh Template , Anda dapat mengunduh tema situs. Langkah ini harus dimiliki oleh pengembang yang perlu menyediakan klien dengan situs mereka atau menguji proyek ini di perangkat lain.
Keanggotaan Novi
Inilah poin lain yang pasti membutuhkan perhatian Anda! Apakah Anda ingin mulai bekerja dengan Novi Builder? Masalahnya, untuk mulai menggunakan editor, Anda harus membeli Keanggotaan Novi.
Komponen apa yang akan dimasukkan dalam keanggotaan? Di sini mereka.
- Pertama, Anda akan mendapatkan Novi Builder.
- Kedua, Anda akan mendapatkan beberapa template HTML berkualitas yang dirancang dan dikemas secara profesional untuk ceruk bisnis yang berbeda.
- Ketiga, Anda juga akan mendapatkan beberapa plugin yang harus dimiliki. Misalnya, ada alat seperti plugin media sosial, plugin formulir kontak, penggeser, hitung mundur, Google Maps, dan banyak lagi!
Singkatnya, dengan membeli Keanggotaan Novi, Anda akan mendapatkan akses ke semua template, plugin, aset, dan elemen desain web yang ada. Selain itu, Anda secara otomatis mendapatkan akses ke item yang akan dibuat oleh tim Novi di masa mendatang. Tanpa diragukan lagi, ini harus dimiliki oleh perancang dan pengembang web.
Ada 3 keanggotaan berbeda untuk dipilih. Seperti biasa, pilihan Anda bergantung pada kebutuhan Anda.
- Keanggotaan startup akan dikenakan biaya $29 per tahun.
- Keanggotaan lanjutan akan dikenakan biaya $49 per tahun.
- Keanggotaan pengembang akan dikenakan biaya $149 per tahun.
Lihat layar di bawah ini untuk mengetahui opsi mana yang termasuk dalam setiap paket.
Coba Novi
Seperti yang Anda ketahui, banyak pembuat situs web populer (mis. Elementor Page Builder untuk WordPress) gratis untuk diunduh. Untuk Novi Builder, Anda harus membeli setidaknya paket $29 untuk menggunakan editor. Sepertinya ini adalah kerugian terbesar bekerja dengan Novi Builder. Namun, untuk proses pembuatan situs web yang nyaman dan ramah pengguna, $29 bukan masalah besar, bukan?
Omong-omong, semua transaksi aman. Berikut adalah pilihan pembayaran yang dapat dipilih:
Selain itu, Anda dapat membatalkan langganan Novi Builder kapan pun Anda mau. Ini adalah proses yang cepat dan sederhana.
Jadi, sekarang, setelah Anda mengetahui semua detail utamanya, inilah saatnya untuk melihat lebih dekat Novi Builder. Mari kita mulai dengan antarmuka editor.
Gunakan tautan ini untuk membaca tentang 5 opsi perangkat lunak pembuat situs web gratis teratas yang Anda miliki.
Antarmuka Novi
Sebagai permulaan, inilah yang Anda lihat saat membuka antarmuka Novi:
- Panel utama
- Pengalih mode Novi
- Manajer Halaman
- Menu utama
- Area Editor Visual
- Bilah alat pengembang
Ini adalah opsi Anda saat bekerja dengan halaman:
- Pemicu pengelola halaman
- Filter Pencarian Halaman
- Menambahkan halaman
- Daftar halaman yang ada
Dan inilah yang akan Anda lihat di dalam bilah alat pengembang:
- Area alat pengembang
- editor kode HTML
- Editor kode CSS
- Editor kode JS
- Manajer preset
- Manajer plugin
Apa Persyaratan Sistem?
Sebelum kita pindah ke penginstalan, mari kita periksa apakah sistem Anda memenuhi persyaratan yang diperlukan. Inilah yang Anda butuhkan untuk mendapatkan pekerjaan yang nyaman dengan Novi Builder:
- Browser : Chrome 50+ atau Safari 10+;
- RAM 4GB atau lebih;
- tampilkan dengan min. resolusi 1024 x 768;
- CPU dengan clock rate minimum 1GHz;
- papan ketik dan tetikus,
- dan kecepatan minimum koneksi jaringan Anda harus 1 Mbps.
Bagaimana cara menginstal Novi Builder?
Seperti biasa, pembuat pembuat berjanji bahwa pemasangan akan cepat dan mudah. Namun, pada tahun 2019, pengguna online terbiasa dengan manual yang panjang dan persyaratan yang tidak ada habisnya. Oleh karena itu, mari kita lihat bagaimana Anda dapat menginstal Novi Builder.
Untuk menginstal Novi Builder di server lokal, ikuti panduan saya.
- Pertama, Anda perlu mengunduh perangkat lunak (misalnya, WAMP, XAMP, atau MAMP) untuk meluncurkan server lokal.
- Kedua, Anda perlu memeriksa persyaratan server web Anda dan menyiapkan server yang sesuai dengannya.
- Ketiga, Anda perlu membuka zip arsip dengan Novi Builder terkompresi. Setelah Anda melewati ini, tempatkan konten ke salah satu direktori server Anda. Ini akan terlihat seperti namadisk/mamp/www/novi/.
- Terakhir, Anda harus meluncurkan pembuatnya. Akan ada tautan yang sesuai. Klik saja.
Untuk menginstal Novi Builder di server jauh, ikuti langkah selanjutnya.
- Sebelum yang lainnya, untuk menginstal editor di server jarak jauh, Anda juga perlu memeriksa persyaratan server web. Ya, Anda tidak bisa menghindari langkah ini.
- Setelah Anda selesai dengan persyaratan, unduh perangkat lunak yang memungkinkan bekerja dengan FTP. Saat ini, yang paling populer adalah Total Commander 7+ dan FileZilla.
- Selanjutnya, instal perangkat lunak yang diunduh.
- Sekarang Anda perlu meng-unzip arsip Novi Builder dan mengunggah pembuatnya ke server hosting Anda. Di bawah ini saya akan menunjukkan langkah ini menggunakan Total Commander sebagai contoh.
- Simpan perubahan.
Jadi, inilah cara Anda mengunggah Novi Builder ke server hosting Anda dengan bantuanTotal Commander.
Untuk membuat koneksi dengan server Anda, Anda perlu:
- arahkan ke tab NET lalu sambungkan FTP,
- klik pada tombol Koneksi Baru,
- isi bidang yang sesuai untuk menentukan data penyedia hosting.
Bidangnya adalah:
- Sesi – Anda harus mencantumkan nama koneksi Anda di sini; (nama apa pun yang Anda inginkan akan cocok)
- Nama Hosting – masukkan di sini nama pengguna dan kata sandi Anda.
Kemudian, tekan tombol OK .
Untuk mengunggah file yang diperlukan ke server, ikuti langkah-langkah berikut:
- arahkan ke tab NET lalu sambungkan FTP,
- pilih nama pengguna yang telah Anda buat sebelumnya, (Anda memerlukan bidang Sesi)
- tekan Hubungkan,
- salin konten arsip Novi Builder Anda,
- navigasikan ke direktori root dari nama domain default yang Anda gunakan,
- rekatkan konten arsip pembuat yang telah Anda salin, dan selesai!
Pembangun Novi dan Otorisasi
Seperti yang Anda ketahui dari versi 0.9.0, Novi Builder mendukung penuh perlindungan kata sandi . Itu sebabnya, untuk membuka antarmuka Novi, Anda harus memasukkan kata sandi. Secara default, ini adalah 'Novi'. Tentunya, Anda harus mengubahnya untuk membuat pembuatan situs web lebih aman.
Berikut adalah bagaimana Anda sampai di sana.
- Sakelar pengaturan keamanan.
- Di sini Anda harus memasukkan kata sandi default.
- Gunakan opsi ini untuk mengaktifkan atau menonaktifkan otorisasi pengguna. Perlu diingat, untuk menerapkan perubahan baru, Anda harus memasukkan pass.
- Gunakan opsi ini untuk mengaktifkan atau menonaktifkan mode demo.
- Di sinilah Anda harus memasukkan kata sandi baru Anda.
Untuk menonaktifkan login melalui pass , ikuti langkah-langkah berikut:
- masuk ke menu utama Novi Builder,
- buka Pengaturan Keamanan,
- Masukkan kata sandi Anda,
- temukan opsi Aktifkan Otorisasi Kata Sandi dan nonaktifkan,
- menyimpan perubahan yang dilakukan.
Untuk mengubah kata sandi, ikuti langkah-langkah berikut:
- masuk ke menu utama Novi Builder,
- buka Pengaturan Keamanan,
- buka tab Ubah Kata Sandi,
- masukkan pass Anda saat ini,
- masukkan pass baru Anda,
- menyimpan perubahan yang dilakukan.
Untuk mengatur ulang kata sandi, ikuti langkah-langkah berikut:
- buka builder/php/session.php,
- tulis di baris: '$currentPassword = “password”.'
Terakhir, saat bekerja dengan Novi Builder, ingatlah bahwa :
- Anda tidak perlu mengotorisasi saat mode demo aktif,
- Anda tidak perlu memberikan otorisasi saat dinonaktifkan,
- dengan membuat pass baru alih-alih yang default, Anda menurunkan risiko keamanan.
Plugin Mana Yang Akan Anda Temukan Di Dalam Paket Novi Builder?
Tidak perlu menjelaskan mengapa plugin menjadi salah satu aspek penting dari alat pembuatan situs web apa pun. Tentunya, jika Anda sudah memiliki template situs web berkualitas tinggi, Anda dapat bekerja dengan asetnya. Namun, mendapatkan beberapa plugin penting dengan pembuat konten Anda terdengar seperti ide bagus juga. Jadi, plugin apa yang akan Anda miliki dengan Novi Builder?
Rata-rata, editor hadir dengan 20 plugin. Di sini mereka.
# 1 Plugin Gambar Latar Belakang
Singkat cerita, plugin ini memungkinkan Anda untuk mengubah gambar latar belakang item. Seperti semua plugin Novi lainnya, plugin Background Image sangat mudah digunakan. Anda dapat mengubah latar belakang dan memutar pengaturan dengan cepat.
Untuk menambahkan gambar Anda sebagai latar belakang, cukup klik dua kali tombol kiri mouse pada gambar target.
Untuk mempelajari lebih lanjut tentang kemampuan galeri media Anda, buka Galeri Media dan buka bagian fitur. Anda juga dapat mengikuti tautan ini untuk membaca dokumentasi mendetail tentang plugin Novi Background Image.
Plugin Latar Belakang #2
Plugin Novi ini memungkinkan Anda mengubah warna latar belakang suatu elemen. Ini adalah alat penting karena skema warna yang berbeda dapat dengan mudah memengaruhi situs web Anda.
Ingatlah bahwa warna ikon bergantung pada nada yang Anda pilih sebelumnya.
Untuk membaca dokumentasi mendetail tentang plugin Novi Background, ikuti tautan ini.
Plugin Gambar #3
Plugin Novi Builder ini memungkinkan Anda mengganti gambar. Untuk menambahkan gambar Anda, cukup klik dua kali tombol kiri mouse pada gambar target.
Untuk mempelajari lebih lanjut tentang kemungkinan plugin, buka Galeri Media dan buka bagian fitur. Anda juga dapat menggunakan tautan ini untuk membaca dokumentasi mendetail tentang plugin Novi Image.
Plugin Iframe #4
Plugin ini memungkinkan Anda memilih sumber daya tempat konten Anda akan ditampilkan dalam bingkai.
Untuk membaca lebih lanjut, buka dokumentasi mendetail tentang plugin Iframe.
Plugin Tautan #5
Seperti namanya, item ini memungkinkan Anda untuk mengubah tautan.
Saat bekerja dengan plugin Tautan, perlu diingat bahwa:
- querySelector (secara default disetel ke “a[href]”) – memungkinkan Anda menentukan item yang diproses oleh plugin;
- applyToProjectElements (diaktifkan secara default) – memungkinkan pengaktifan/penonaktifan penggantian semua tautan dalam proyek (termasuk preset dan semua halaman) saat menyimpan pengaturan plugin;
- favoriteLinks – memungkinkan Anda mengonfigurasi tautan proyek favorit.
Mari kita lihat sekilas area manajemen plugin. Inilah yang harus Anda ketahui saat bekerja dengan plugin Link. Jenis Tautan memungkinkan Anda memilih jenis tautan untuk penyisipan. Ada 3 jenis tautan untuk dipilih:
- Halaman – di mana semua halaman proyek akan tersedia,
- Favorit – di mana semua tautan yang ditunjukkan dalam pengaturan plugin akan ditampilkan,
- Khusus – tempat Anda dapat mengatur tautan khusus.
Juga, saya harus menambahkan bahwa, secara default, tab Kustom akan dibuka. Satu-satunya pengecualian adalah jika tautan Anda pada elemen yang dipilih sesuai dengan salah satu halaman atau dengan tautan favorit.
Untuk membaca lebih lanjut, periksa dokumentasi mendetail untuk plugin Link.
Plugin Paralaks Bahan # 6
Untuk memulai, katakanlah beberapa patah kata tentang pengguliran Paralaks. Meskipun efek awalnya dibuat untuk digunakan dalam video game, Parallax masih berada di puncak tren desain web. Ini menciptakan ilusi kedalaman dan gerakan yang menarik perhatian. Hasilnya, Anda dapat memandu pengunjung melalui konten situs web Anda dengan cara yang indah dan interaktif.
Jadi, plugin Novi Builder ini bekerja dengan skrip Material Parallax. Ini memungkinkan Anda untuk mengganti gambar sumber yang akan digunakan untuk Parallax. Tidak akan ada yang rumit. Anda dapat dengan mudah melakukannya melalui alat pengeditan visual. Tidak diperlukan pengkodean!
Inilah yang akan Anda lihat di area Pengunggahan Gambar:
- Pilih File – tekan tombol ini untuk memilih gambar yang diperlukan.
- Unggah Gambar Latar Belakang – tekan tombol ini untuk mengunggah gambar yang Anda pilih.
Plugin Label #7
Plugin Novi Builder ini dibuat untuk memungkinkan Anda mengubah label bidang formulir.
Plugin Hitung Mundur #8
Seperti yang Anda ketahui, saat ini, penghitung waktu mundur adalah salah satu tren desain web yang paling berguna. Elemen kecil namun cerdas ini memungkinkan Anda memamerkan banyak hal dengan cara minimalis. Sebenarnya, untuk hari ini, ini adalah cara paling nyaman untuk menampilkan info penting apa pun, dan inilah alasannya.
Otak manusia adalah mekanisme yang aneh dan rumit. Ini mengenali elemen visual lebih cepat daripada jenis informasi lainnya. Itu sebabnya penghitung harus Anda miliki. Singkatnya, otak kita mengingat informasi visual untuk jangka waktu yang lebih lama. Dengan bantuan penghitung, Anda dapat memperkenalkan semua proyek yang Anda selesaikan, menunjukkan berapa banyak klien yang bahagia atau ide sukses yang Anda miliki, dan banyak lagi.
Jadi, ketika datang ke penghitung waktu mundur, mereka memungkinkan Anda untuk menyorot info atau acara yang diperlukan. Misalnya, Anda dapat menggunakan pengatur waktu untuk menunjukkan berapa jam yang dimiliki pelanggan hingga awal obral atau akhir penawaran khusus.
Plugin Peta Google #9
Meskipun pada tahun 2019, Anda dapat melihatnya di situs web mana pun, plugin peta masih bagus untuk dimiliki. Prospek modern terbiasa dengan kenyamanan, jadi mereka mengharapkan Anda menyediakan peta online. Selain itu, dengan menggunakan peta Google untuk proyek online Anda, Anda menjadikannya lebih ramah pelanggan. Akibatnya, orang dapat melihat di mana kantor Anda berada dan memilih jalan terpendek ke sana.
Novi Builder hadir dengan plugin Google Maps yang memungkinkan Anda mengubah pengaturan peta secara visual.
Inilah yang dapat Anda lihat di dalam panel pengaturan peta :
- gunakan bidang Kunci API untuk menyetel kunci API untuk menggunakan Google Maps JavaScript API;
- Bidang Map Center untuk mengatur koordinat pusat peta;
- Bidang zoom untuk menentukan tingkat zoom;
- Opsi pemilihan gaya untuk memilih gaya peta;
- Ikon Penanda dan Ikon Penanda Aktif memilih opsi untuk mengatur penanda untuk status default dan aktif.
Inilah yang dapat Anda lihat di dalam panel pengaturan pin peta :
- Bidang Penanda Lokasi akan membantu Anda mengatur lokasi penanda;
- gunakan bidang Deskripsi Penanda untuk menentukan deskripsi penanda; itu akan ditampilkan dalam keadaan aktif;
- gunakan tombol Add Marker untuk menambahkan Marker Location dan grup Marker Description untuk menambahkan marker baru.
Plugin Ikon # 10
Plugin Novi Builder ini akan membantu Anda mengganti ikon yang Anda gunakan di situs web.
Untuk memilih ikon yang akan ditempel, klik dua kali item tersebut dengan tombol kiri mouse.
# 11 Plugin Korsel Burung Hantu
Bahkan di tahun 2019, komidi putar masih digemari. Novi Builder hadir dengan plugin Owl Carousel yang memungkinkan Anda mengonfigurasi carousel tanpa menyentuh satu baris kode pun.
Inilah yang dapat Anda lihat di dalam panel pengaturan carousel:
- Bidang Item Terlihat akan membantu Anda menentukan jumlah item yang akan ditampilkan. Dengan menggunakan fitur ini, Anda dapat mengubah jumlah item yang terlihat tergantung pada ukuran layar.
- Bidang Indent Between Items akan membantu Anda mengatur spasi di antara item carousel. Dengan menggunakan fitur tersebut, Anda dapat membuat jarak antar item bervariasi tergantung pada ukuran layar.
- Enable Loop Switcher akan membantu Anda mengaktifkan atau menonaktifkan loop carousel. Ngomong-ngomong, Anda bisa melakukannya dalam mode pratinjau.
- Carousel Autoplay Switcher akan membantu Anda mengaktifkan atau menonaktifkan carousel autoplay. Itu juga dilengkapi dengan mode pratinjau.
- Bidang Carousel Autoplay Delay akan membantu Anda mengatur penundaan geser.
Plugin Monitor Kampanye #12
Plugin Novi Builder ini akan membantu Anda mengonfigurasi formulir agar berfungsi dengan layanan Monitor Kampanye.
Inilah yang dapat Anda lihat di dalam area Konfigurasi Formulir:
- Bidang URL Pendaftaran Monitor Kampanye menentukan tindakan formulir;
- Kolom Nama Input Monitor Kampanye menentukan nilai atribut name dari kolom input.
Plugin MailChimp #13
Tak perlu dikatakan, langganan buletin masih menjadi salah satu yang harus dimiliki untuk setiap proyek online. Mengapa? Nah, karena begitulah cara Anda dapat dengan cepat memperbesar audiens situs web dan membuat orang tetap terlibat tanpa kehabisan anggaran.
Jadi, plugin Novi Builder ini memungkinkan Anda mengonfigurasi pekerjaan dengan layanan MailChimp.
Plugin RD Mailform #14
Sama dengan alat sebelumnya, plugin Novi Builder ini memungkinkan Anda bekerja dengan RD Mailform menggunakan pengeditan visual.
Umpan Instagram RD #15 dan Plugin Umpan Twitter #16 RD
Plugin Novi Builder ini dibuat untuk meningkatkan aktivitas media sosial. Jika Anda ingin mendapatkan lalu lintas sosial, jangan lewatkan aset ini. Kedua plugin mudah digunakan dan memungkinkan Anda mengatur umpan Instagram dan Twitter dengan alat pengeditan visual.
#17 Plugin Penggeser Kamera
Ini adalah plugin lain yang harus dimiliki oleh Novi Builder. Aset ini memungkinkan Anda mengonfigurasi penggeser kamera dengan mudah.
# 18 Plugin Penggeser Geser
Plugin Novi Builder ini memungkinkan Anda mengatur Swiper Slider sesuai selera Anda.
Inilah yang dapat Anda lihat di dalamarea Pengunggahan Gambar:
- Memilih tombol File akan membantu Anda memilih gambar;
- Tombol Unggah Gambar Latar Belakang memungkinkan Anda untuk mengunggah gambar yang dipilih.
Inilah yang dapat Anda lihat di dalamarea Pemilihan Gambar:
- Untuk menambahkan gambar, Anda perlu mengklik dua kali tombol kiri mouse pada gambar target.
Inilah yang dapat Anda lihat di dalamarea Pangkas Gambar:
- Gunakan pengaturan Pertahankan Rasio Aspek Asli untuk mempertahankan rasio aspek gambar asli.
Plugin Video #19
Gunakan plugin Novi Builder ini untuk menyiapkan etalase visual Anda.
Plugin Galeri Cahaya # 20
Gunakan plugin Novi Builder ini untuk mengatur Light Gallery menggunakan alat visual.
Inilah yang dapat Anda lihat di dalam area Pengaturan Galeri :
- Animasi Slide Galeri memungkinkan Anda menyesuaikan animasi transisi item galeri;
- Pengalih gambar mini akan membantu Anda mengaktifkan atau menonaktifkan demonstrasi pratinjau item galeri;
- Pengalih loop akan membantu Anda mengaktifkan atau menonaktifkan perulangan item galeri;
- Pengalih putar otomatis akan membantu Anda mengaktifkan atau menonaktifkan putar otomatis item galeri;
- Bidang Penundaan Putar Otomatis Galeri memungkinkan Anda mengonfigurasi waktu penundaan item.
Jadi, ini semua plugin yang disertakan dengan Novi Builder. Singkatnya, inilah yang Anda dapatkan.
Kemungkinan Utama Bekerja dengan Novi Builder
Sekarang Anda tahu cara kerja Novi Builder. Singkatnya, berikut adalah tindakan yang dapat Anda lakukan dengan mudah saat bekerja dengan editor. Jadi, Anda akan dapat:
- edit konten situs web Anda dalam mode langsung;
- impor berbagai tema HTML ke pembuat jika Anda sudah membeli beberapa;
- menyalin, menyisipkan, mengganti, dan menghapus fitur, opsi, atau komponen desain web apa pun;
- gunakan berbagai blok konten segar yang hadir sebagai elemen pra-desain untuk tema yang dipilih;
- atur elemen bernama sesuai selera pribadi Anda hanya dengan beberapa klik;
- kelola perpustakaan media Anda sendiri untuk meletakkan beberapa video dan gambar di sana yang akan digunakan di berbagai bagian proyek online Anda;
- mengedit teks,
- edit URL,
- membuat dan mengedit latar belakang dan semua detail termasuk gradien, warna, dan gambar;
- bekerja dengan font web yang dapat dibaca dan 100% ramah mata (ada koleksi baru Google Fonts)
- bekerja dengan ikon yang disertakan ke tema Anda;
- unggah ikon baru jika perlu dan edit sesuai keinginan Anda;
- coba bekerja dengan editor kode Novi IDE jika Anda ingin bermain dengan kode CSS, HTML, dan JS;
- tambahkan penggeser yang menarik ke desain situs web Anda,
- gunakan efek Parallax yang mengesankan,
- membuat formulir kontak,
- tambahkan Google Maps,
- membangun komidi putar yang elegan untuk meningkatkan konten visual Anda, dll.
Tak perlu dikatakan, ini hanya untuk beberapa nama! Faktanya, Novi Builder hadir dengan banyak elemen desain yang luar biasa untuk memperkaya situs Anda.
Tanya Jawab Calon Pengguna Novi
Sekarang, saatnya menjawab pertanyaan paling populer tentang bekerja dengan Novi Builder.
Apakah Novi Builder mendukung browser yang berbeda?
Ya, benar. Selain itu, ini diuji secara rutin di browser paling populer: Safari dan Google Chrome.
Apakah saya dapat menggunakan Novi Builder dan templatnya untuk berbagai proyek online?
Untuk memulainya, Anda dapat menjalankan berbagai situs web dalam jumlah tak terbatas menggunakan pembuatnya. Jadi, ya, Anda pasti bisa menggunakan Novi Builder untuk berbagai situs.
Bisakah seseorang membeli Novi Builder di situs pihak ketiga?
Pada dasarnya, Novi Builder dapat dibeli di situs lain. Namun, perlu diingat bahwa Anda tidak akan mendapatkan keanggotaan gratis. Itu tidak akan mungkin bahkan jika Anda melakukan pembelian di situs pihak ketiga.
Bisakah saya mentransfer situs web berbasis HTML saya ke Novi Builder?
Seperti yang sudah saya katakan di atas, Anda dapat mentransfer situs Anda yang sudah ada ke Novi Builder tanpa kehilangan kontennya.
Bagaimana cara mendapatkan pembaruan?
Anda akan mendapatkannya secara otomatis segera setelah pembaruan dirilis. Selain itu, Anda dapat mengunduh template HTML terbaru di bagian 'Unduhan' di akun pribadi Anda.
Apakah saya bisa mendapatkan pengembalian dana?
Ya, bekerja sama dengan Novi Builder, Anda bisa mendapatkan pengembalian dana penuh. Itu datang untuk semua rencana keanggotaan editor. Anda bisa mendapatkan pengembalian dana dalam waktu 30 hari setelah pembelian.
Bisakah saya menjual template yang dibuat dengan Novi Builder?
Ya kamu bisa! Pembangun dibuat untuk desainer dan pengembang. Cukup pilih paket Pengembang. Ini memberi Anda lisensi untuk membuat dan menjual template yang diberdayakan oleh Novi Builder. Anda dapat menjualnya di pasar pihak ketiga mana pun.
Apakah mungkin menggunakan template Novi Builder untuk situs web saya tanpa mengubah desain?
Jawabannya iya. Anda dapat mengelola beberapa situs web yang dibuat dengan tema Novi Builder dan Anda tidak perlu mengubah desain jika tidak mau.
Pikiran Akhir
Untuk meringkas semuanya, saya akan mengatakan bahwa Novi Builder memberi para penggunanya ace dan template HTML berfitur lengkap. Mereka telah dirancang sebelumnya dan dapat digunakan oleh orang-orang dari semua tingkat keahlian. Namun, temanya sepenuhnya dapat diedit dan dilengkapi dengan kode sumber terbuka. Jadi, dengan berlangganan, Anda mendapatkan akses ke koleksi kaya template situs web, plugin, dan elemen konten lainnya. Tak perlu dikatakan, ada beberapa komponen UI yang akan datang. Novi Builder menerima pembaruan rutin yang akan diinstal secara otomatis. Artinya, Anda akan selalu memiliki beberapa fitur trendi untuk dipilih.
Dalam hal ceruk bisnis seperti desain web atau pengembangan web, Novi Builder benar-benar harus dilihat! Bayangkan saja berapa banyak proyek online yang dapat Anda jalankan untuk pelanggan Anda menggunakan editor. Secara keseluruhan, tidak ada batasan sama sekali!
Sebagai penutup, mari bandingkan Novi Builder dengan HTML Page Builder default.
Pembangun Novi | Pembuat HTML | |
Sunting Teks | YA | YA |
Teks bergaya (tebal, berwarna, miring, dan lainnya) | YA | YA |
Alat untuk desainer | YA | TIDAK |
Pembuatan banyak halaman | YA | YA |
Pencadangan proyek | YA | TIDAK |
Desain responsif | YA | YA |
Penyimpanan otomatis | YA | TIDAK |
Pratinjau Halaman | YA | TIDAK |
Blok pencarian berdasarkan kategori/konten/nama | YA | YA |
Pengaturan kisi | YA | TIDAK |
Edit URL | Pengaya Pengguna | YA |
Pengaturan penggeser | Pengaya Pengguna | TIDAK |
Pengaturan peta | Pengaya Pengguna | TIDAK |
Pengaturan Formulir Kontak | Pengaya Pengguna | TIDAK |
Pengaturan Instagram/Twitter/Facebook | Pengaya Pengguna | TIDAK |
Pengaturan akordeon | YA | TIDAK |
Pengaturan Navigasi | YA | YA |
Tambahkan/Hapus elemen (widget) | YA | TIDAK |
Tambahkan/Hapus blok (bagian) | YA | YA |
Bagaimana dengan pembuat situs web pilihan Anda? Jangan ragu untuk meninggalkan komentar di bawah ini.
Apakah artikel ini berguna?
Ya Tidak