Halaman tampilan login standar WordPress terlihat polos dan kurang menarik, namun kita bisa membuat lebih menarik dengan Plugin tambahan. Hal tersebut karena memang bukan Worpress kurang menarik, namun WordPress adalah cms yang mudah untuk di customisasi sehingga pihak pengembang WordPress tidak perlu menambahkan style.
Kita dapat mengubah style login wordpress agar terlihat menarik mulai dari Logo, background, warna, tulisan, tombol dan lainya menggunakan plugin gratis. Mengapa harus mengubah style login di WordPress? hal ini dilakukan untuk meningkatkan daya tarik jika website kita digunakan banyak user. Bisa juga jika anda berperan sebagai web developer dapat berguna untuk menambah kredibilitas hasil pengerjaan anda.
Artikel kali ini akan membahas dan menerangkan cara Membuat Custom Style Login WordPress dengan mudah, cepat dan gratis tanpa anda harus menguasai code pemrograman.
Membuat Custom Style Login di WordPress
Plugin LoginPress cukup mudah dalam melakukan customisasi, plugin ini gratis dan mampu merubah style login wordpress kita diantaranya yaitu :
Mengubah logo secara kustom
Memberikan background pada halaman login.
Background bagian form
Kustomisasi form dan font login
Mampu menambahkan captcha
Berikut adalah langkah-langkah untuk melakukan customisasi login wordpress
Install Plugin LoginPress
Pada menu login klik tambah baru kemudian ketik dan cari “LoginPress | wp-login Custom Login Page Customizer” by WPBrigade, setelah itu klik install kemudian klik aktifkan.
Apabila sudah terinstall kemudian akan muncul menu baru di sebelah kiri, klik login press kemudian klik izinkan dan lanjutkan.
setelah itu klik penyesuaian
Setelah anda klik Penyesuaian lalu akan muncul banyak menu pengaturanya seperti gambar berikut :
Berikut ini adalah penjelasan di setiap menu pada penyesuaian :
Tema : Menu tema untuk memilih thema yang sudah di customisasi bawaan plugin, namun ftur ini hanya tersedia dalam versi premium. Jangan khawatir, anda dapat melakukan customisasi sendiri secara mudah.
Logo : Pada menu logo anda dapat memilih logo, menemtukan ukuran logo.
Latar belakang : memilih latar belakang dan anda dapat mengupload gambar dari laptop.
Formulir login : mengubah latar belakang form login, tata letak formulir dan warna
Latar belakang lupa kata sandi
Percantik tombol untuk mengatur style tombol logo
Font untuk mengatur jenis font login dan lainya.
Apabila sudah mengatur jangan lupa klik terbitkan untuk menyimpan perubahanya. Berikut ini adalah video mulai installasi sampai cara melakukan pengaturanya.
Pada kesempatan kali ini, kami akan membahas artikel tentang diskon WooCommerce menggunakan persentase. Pada pengaturan bawaan Woocommerce hanya menyediakan diskon dalam bentuk nominal saja, oleh karena itu dirasa kurang lengkap karena harga setiap produk berbeda tentunya. Diskon persentase untuk seluruh produk di toko, diskon persentase berdasarkan kuantitas, diskon persentase berdasarkan kategori produk, persentase berdasarkan subtotal keranjang, Persentase kupon WooCommerce dan banyak lagi yang ada pada woocommerce.
Apabila saat ini anda sedang mencari artikel Cara Membuat diskon Persentase di Woocommerce, kami akan membuat panduan dengan mudah dan lengkap. Untuk memulai kita harus menginstall plugin Woo Discount Rules terlebih dahulu.
Apa itu diskon persentase di WooCommerce?
Diskon persentase ini membuat pelanggan akan otomatis mendapatkan harga lebih murah dari harga awal. Diskon persentase membuat harga terpotong berdasarkan pengaturan yang sudah kita lakukan dan berdasarkan kebutuhan toko online anda. Plugin Woo Discount Rules sangat membantu anda dengan cepat dan gratis untuk melakukan itu.
Langkah membuat diskon presentase pada woocommerce
1. Masuk ke Dasbor WordPress Anda dan klik Plugin.
2. Klik tombol “Tambah Baru” kemudian cari plugin “Woo Discount Rules” kemudian klik install dan aktifkan.
3. Apabila sudah terinstall dan aktif, selanjutnya pada menu woocommerce kita klik wo discount rules.
4. Tambahkan Rule Baru
Klik add new rule untuk membuat pengaturan diskon baru, anda dapat menambahkan beberapa rule diskon menggunakan plugin ini yang dapat disesuaikan dengan kebutuhan toko online anda.
5. Isi rule diskon
Isikan judul rule, pilih model diskon, filter produk yang ingin diberi diskon, masukkan persentase diskon kemudian klik simpan.
6. Memasukkan kode kupon
Apabila anda ingin menggunakan diskon ini dengan cara memasukkan kode kupon caranya cukup mudah.
Centang pada pilihan shw discount lalu masukkan kode diskon seperti gambar di atas kami menggunakan kode Discount20.
Jenis diskon pada plugin Woo Discount Rules
Berikut ini adalah jenis-jenis diskon yang terdapat pada plugin Woo Discount Rules.
Diskon
Skenario
Diskon persentase seluruh produk di WooCommerce
Diskon berdasarkan % untuk semua produk di toko WooCommerce
Diskon persentase WooCommerce untuk kategori tertentu
Hanya kategori yang kita pilih untuk mendapatkan diskon %
Diskon persentase WooCommerce untuk produk tertentu
Hanya produk tertentu sesuai yang kita atur untuk mendapatkan diskon %
Diskon persentase WooCommerce untuk atribut tertentu
Beli produk dengan atribut yang kita tentukan misalkan warna Biru dan dapatkan diskon 20%
Penjualan persentase kupon WooCommerce
Dapatkan diskon % di seluruh toko menggunakan kode kupon
Diskon persentase berdasarkan jumlah barang
Beli 5 produk mendapatkan diskon 10%
Beli 10 produk mendapatkan diskon 20%
Beli 15 produk mendapatkan diskon 30%
Penawaran persentase BOGO WooCommerce
Beli item apa saja dari Kategori A dan B dan dapatkan produk termurah dari Kategori B dengan diskon 20%
Diskon persentase berdasarkan Pengguna
“Pelanggan Grosir” mendapatkan diskon 30% untuk pembelian jumlah minimal 2 dari toko
Diskon persentase keranjang berdasarkan subtotal jumlah pembelian barang
Dapatkan diskon 20% bila pelanggan membelanjakan lebih dari harga yang sudah kita tentukan
Woo Discount Rules versi gratis sudah cukup lengkap untuk toko anda. Apabila dirasa kurang dan ingin mendapatkan fitur lengkap pada tabel diatas tentunya anda harus menggunakan plugin Woo Discount Rules versi pro.
Untuk lebih lengkap anda dapat menyimak video berikut ini.
Fungsi Google Analytixs yaitu untuk memantau trafik website dengan lengkap dan detail. Untuk itu penting kita mendaftarkan website ke google analytics supaya kita dapat memantau performanya. Pada kesempatan kali ini kita akan membahas Cara Memasukkan Website ke Google Analytics. Berikut adalah langkah-langkahnya :
Selanjutnya kita klik menu admin/icon gear lalu klik buat akun
3. Mulai buat akun
Langkah berikutnya mulai buat akun dengan mengisi nama akun dan beberapa pilihan lainya dan centeng semua pilihan, lalu klik berikutnya.
4. Buat Properti
Membuat properti ini tujuanya untuk mengukur data web dan aplikasi. Setiap properti yang Anda buat menyimpan semua data pengukuran untuk setiap situs dan aplikasi yang Anda pilih. Isi detail nama properti, zona waktu dan mata uang. Setelah di isi lalu klik berikutnya.
5. Menjelaskan bisnis anda
Mulai mengisi beberapa pertanyaan yang diajukan google lalu klik berikutnya.
6. Tujuan Bisnis
Pilih tujuan bisnis anda dengan mencentang pilihan-pilihan.
7. Pengumpulan Data
Selanjutnya anda dapat memilih berbagai jenis pengumpulan data mulai dari web, ios, maupun aplikasi android. Pada artikel ini cara menambahkan situs website maka kita akan memilih web seperti gambar dibawah ini.
8. Masukkan alamat website
Masukkan website dan klik buat aliran data.
9. Berhasil dimasukkan di google analytics
Apabila cara sudah anda ikuti dengan benar, maka situs website anda berhasil dimasukkan dan akan muncul seperti gambar dibawah ini.
Memasang Code Google Analytics di Website
Apabila langkah diatas sudah selesai, maka berikutnya anda dapat menerapkan atau memasang code pada website anda. Langkah pertama yang harus anda lakukan adalah mengcopy code dengan cara klik Lihat petunjuk tag.
Lalu pilih cara Install Secara manual
Copy code diatas kemudian tempelkan di google diantara <head> dan jangan menambahkan lebih dari satu di setiap halaman. Apabila anda bingung dengan cara ini, kita dapat menggunakan bantuan plugin agar lebih mudah.
Plugin yang digunakan yaitu header footer code manager yang dapat anda install malalui menu Plugin lalu tambah baru kemudian cari header footer code manager kemudian klik install lalu aktifkan.
Apabila sudah terinstall kemudian silakan klik menu HFCM kemudian klik add new, lalu isikan code yang mau dipasang dengan pengaturan seperti gambar berikut :
Lalu pada snipet code, paste code yang kita copy dari google analytics tadi saat kita memilih cara manual.
Setelah selesai lalu klik simpan/save dan secara otomatis situs anda akan terhubung dan tunggu beberapa jam untuk menerima laporan.
Masih banyak plugin lain yang bisa kita gunakan untuk memasang google analytics seperti plugin Site Kit by Google yaitu plugin buatan google yang bisa anda coba dan utak-atik serta pelajari sendiri,
Cara membuat jumlah kolom yang berbeda pada hp dan laptop atau responsive menggunakan elementor. Page builder yang sangat memudahkan kita untuk membuat halaman tanpa susah-susah mempelajari kode pemrograman.
Dengan hadirnya elementor saat ini membuat website menjadi lebih cepat dan mudah tanpa harus mempelajari teknisnya seperti css, php dan mysql. Bahkan untuk membuat kolom yang berbeda saja jika kita tidak menggunakan elementor akan memakan waktu yang lama bagi para pemula.
Dengan menggunakan elementor kita dapat memilih berapa saja kolom dengan ukuran yang dapat kita sesuaikan dengan mudah dan cepat. Selain gratis plugin ini juga sangat membantu bagi para perancang website untuk tampilan yang cantik cukup dengan cara drag and drop.
Apakah saat ini anda pengguna baru yang sedang dipusingkan untuk membuat tabel responsive? sebenarnya cara ini cukup mudah dengan plugin elementor masalah anda akan terselesaikan dalam hitungan menit saja.
Membuat jumlah kolom berbeda dengan elementor
Pada pengaturan standar elementor jika kita membuat misalkan 5 kolom, maka tampilan di hp akan berubah menjadi 1 kolom dengan posisi menurun. Oeleh karena itu simak bagaimana cara untuk membuat kolom di hp menjadi jumlah yang kita inginkan.
2 kolom elementor pada hp
untuk melakukan pengaturan tersebut langkah pertama anda harus ke mode responsive dengan cara klik mode responsive.
1. Buka editor halaman anda dengan Elementor
2. klik pada titik 6 atau sunting bagian
3. klik mode responsive seperti gambar diatas
4. klik icon ponsel seperti gambar diatas.
kemudian akan muncul seperti gambar dibawah ini :
5. setelah klik kolom, lalu isikan pada angka 100 diubah ke 50
6. langkah selanjutnya klik kanan pada sunting kolom, kemudian tambah kolom baru. lalu pada kolom baru yang dibuat tadi isikan dengan nilai 50. Maka hasilnya seperti gambar dibawah ini kemudian anda tinggal mengisi kolom tersebut dengan gambar, tulisan, widget atau lainya.
7. Apabila anda sudah menambahkan isian untuk kolom ke 2 lalu dapat dicek melalui handphone dan laptop untuk melihat pengaturanya.
Kesimpulan
Menggunakan elementor sangat mudah, ringkas dan cepat meski kadang kita harus mempelajarinya terlebih dahulu. Anda dapat membuat berbagai tampilan yang canti tanpa harus memahami kode pemrograman seperti jaman dulu.
Ingin membuat website pribadi maupun perusahaan namun bingung seperti apa? tentunya dalam membuat website pribadi anda harus melihat referensi-referensi supaya hasil desain dan konten tidak menjemukan, lebih informatif dan terlihat rapi. Website pribadi memiliki informasi-informasi mengenai berbagai aktifitas sosial, layanan lingkungan, alam, sosial budaya dan sebagainya.
Berikut ini akan kami berikan 7 contoh desain website untuk pribadi maupun perusahaan.
1. Business LoungeBusiness Lounge adalah tema yang sangat mudah disesuaikan dan dibuat untuk semua jenis situs website pribadi, bisnis, info dan layanan. Memiliki banyak desain didalam nya yang dapat dengan mudah anda gunakan. Pemasangan cukup mudah, anda hanya perlu beberapa klik dan import desain dengan waktu beberapa menit saja. Dalam membuat thema ini, pengembang telah mensurvey ratusan bisnis, konsultasi, keuangan, layanan untuk membuat thema yang sempurna. Business Lounge hadir dengan alat canggih dan tata letak komprehensif yang Anda perlukan untuk membuat situs website pribadi dengan hasil modern.
XTRA adalah tema WordPress yang kreatif, responsif dengan pengaturan yang sangat canggih dan mudah anda tinggal seret dan lepas langsung yang cocok digunakan untuk membuat website pribadi dan bisnis. Thema ini memiliki banyak model desain dan gaya yang dapat dikostumisasi dengan mudah. XTRA dibuat dengan semangat kreatif yang tinggi, berkolaborasi dengan desainer papan atas sehingga menghasilkan desain yang apik dan modern.
Thema ini mendukung 2 page builder yang populer saat ini yaitu elementor dan WPBakery, sehingga memudahkan anda untuk melakukan pengaturan. Terdapat 200 lebih element yang dapat anda gunakan dan semua terlihat keren.
Untuk melihat detail fitur-fitur nya anda dapat klik disini.
untuk melihat demo langsung anda bisa klik disini.
3. Conult – Consulting
Tema WordPress Bisnis, pribadi maupun perusahaan Ini bukan hanya tema WordPress biasa, ini adalah tampilan dan fitur baru dari profesionalisme yang lembut dan cerah untuk Pribadi atau Bisnis. Desain ini menggunakan kreativitas tinggi dengan kesederhanaan di setiap halaman. Tema ini dibuat dan cocok untuk pribadi maupun bisnis apa pun. Kandidat yang bagus untuk semua jenis situs web, untuk penggunaan pribadi atau bisnis, Conult mudah digunakan dan sangat dapat disesuaikan.
Di dalam thema ini juga telah disertakan plugin premium revolution slider, mendukung sepenuhnya woocommerce dengan elementor yang sangat mudah untuk dioperasikan. Meskipun thema ini hanya disediakan 4 pilihan halaman utama, namun memiliki tampilan luar biasa dan sangat mudah disesuaikan.
Nah itu tadi 200 lebih contoh tampilan website yang cocok digunakan untuk website profil pribadi, baik anda yang memiliki bisnis konsultan, kantor, hukum, jasa layanan publik dan sosial. Apabila anda ingin mendapatkan website profesional seperti contoh diatas, maka dapat menggunakan jasa kami yang tentunya sudah berpengalaman sejak tahun 2011.
Pernahkan anda mencoba mengubah foto profil di website berbasis WordPress? Anda sudah mencari file upload foto seperti di instagram, facebook, twitter dan lainya. Memang wordpress tidak serta mernta menyertakan upload gambar dalam mengganti foto. Namun WordPress menyediakan Gravatar bagi anda yang ingin menggantinya. Gravatar sendiri singkatan dari Globally Recognized Avatar yang biasanya muncul pada icon postingan, komentar dan lainya.
Situs wordpress yang akun email nya sudah terintegerasi dengan gravatar maka ketika login terdapat gambar profil. Gravatar dirilis pada sekitar akhir tahun 1999 dan awal tahun 2000 oleh Tom Preston-Werner dan dapat dibuat gratis, sangat mudah untuk membuatnya. Sebelum membuat gravatar, pastikan dulu email anda terdaftar pada situs WordPress yang kamu gunakan dan dapat di cek melalui menu pengguna lalu profil seperti gambar berikut.
jika email mu belum terdaftar dalam situs wordpress, silakan didaftarkan dan verifikasi pendaftaran terlebih dahulu.
Cara Membuat Gravatar
Cara memasang gambar profil WordPress
1. Buka Situs Gravatar
Langkah pertama untuk membuat gravatar tentunya anda harus mendaftar bagi yang mau membuat akun wordpress.com atau dapat langsung masuk menggunakan email. Untuk membuka situs gravatar silakan klik Disini. Kemudian dapat langsung klik Create your Gravatar.
2. Buat Akun
Langkah berikutnya anda akan diarahkan ke situs wordpress.com secara otomatis dan dapat membuat akun atau melanjutkan dengan akun google.
Sebagai contoh saya akan menggunakan pilihan lanjutkan dengan Google, lalu kita pilih akun google/email yang mau didaftarkan gravatar.
3. Unggah Foto
Langkah selanjutnya kita unggah foto di gravatar, tinggal kita pilih gambar kemudian upload saja.
setelah upload foto, kita aur foto yang akan di crop menjadi ukuran segi empat, seret crop ke kanan kiri sampai posisinya benar, kemudian klik crop.
4. Pilih Rating
Langkah berikutnya anda dapat memilih rating gravatar untuk berbagai keperluan yang sesuai, kemudian klik set rating.
5. Pilih My Profile
Selanjutnya silakan pilih My Profil dan lengkapi profil anda seperti nama, tentang, lokasi dan lainya lalu klik Save Profil.
6. Tambahkan Website
Tambahkan situs website yang anda gunakan, ada 2 pilihan yaitu wordpress.com dan wordpress.org, jika anda mengginstall wordpress melalui panel hosting maka pilihlah Add Website saja.
Masukkan link website anda kemudian tinggal klik Save Website, saat memasukkan link anda harus menggunakan format url lengkap. Contoh : https://ultrawebjogja.com/
Setelah selesai proses diatas, anda dapat mengecek sisi kanan atas ketika login website. Apabila email sudah sesuai, silakan reload halaman atau dapat logout terlebih dahulu maka gambar gravatar profil di wordpress anda sudah jadi.
