Cara Membuat Website
Panduan Mudah, Langkah Demi Langkah Untuk Pemula
Ini adalah panduan terbaru tentang cara membuat website untuk pemula.
Jadi, jika Anda ingin membuat website tanpa perlu belajar coding ataupun menyewa jasa web developer, Anda akan menyukai panduan ini.
Saya akan jelaskan langkah-langkahnya dari awal sampai akhir, sampai website Anda siap untuk diluncurkan.
So let’s get started.
Dari Penulis
Hi, nama saya adalah Willya Randika.
Saya tahu membuat website masih terdengar sesuatu yang sulit bagi sebagian besar orang, terutama yang tidak punya background IT.
Yang tidak punya skill coding.
dan yang tidak punya skill design.
Tapi zaman sudah berubah. Di 2020 ini semua orang bisa membuat website, bahkan jika tidak memiliki skill-skill diatas.
Apapun tujuan Anda, baik untuk membuat website personal ataupun website usaha.
Yang Anda butuhkan hanyalah beberapa jam dari waktu luang Anda untuk menyelesaikan panduan ini.
So, lets do this.
(Panduan ini di update pada tanggal 27 Juni 2020)
6 LANGKAH MUDAH CARA MEMBUAT WEBSITE
Langkah 1
Memilih Platform Website
Langkah 2
Memilih domain dan hosting
Langkah :
Menginstall WordPress
Langkah 4
Memilih Tema WordPress
Langkah 5
Mendesain Halaman Website
Langkah 6
Launching Website
Please note: ini bukan panduan membuat panduan toko online.
LANGKAH 1:
Memilih Platform Website Terbaik
Jika Anda serius ingin membangun website yang bagus dan mobile friendly, Anda harus memilih platform terlebih dahulu.
Platform yang dapat membuat proses pembuatan website Anda menjadi lebih mudah.
Dan hari ini, Anda akan belajar bagaimana cara membuat website menggunakan platform terbaik.
Pertama-tama: Apa itu Platform?
Sekitar 17 tahun yang lalu, orang yang ingin membuat website menghadapi masalah yang besar:
Dimana untuk membuat sebuah website, sangat diperlukan keterampilan design dan pengetahuan coding, karena sebagian besar website ketika itu dibangun menggunakan kode HTML, CSS dan flash sehingga membutuhkan waktu yang lama untuk mempelajarinya.
Munculnya Platform
Tapi, Anda tidak perlu khawatir karena zaman tersebut sudah berlalu, bersyukurlah Anda yang hidup di zaman now, karena sekarang ini tiba-tiba membuat website menjadi mudah!
Dengan munculnya sebuah platform atau lebih dikenal dengan content management system (CMS), siapapun dapat membuat website sendiri tanpa perlu ikut pelatihan khusus.
Statistik platform paling populer di dunia
Sumber: https://whatcms.org/Tech_Reports
Ada banyak platform untuk membangun website, tapi menurut statistik, yang paling banyak digunakan adalah WordPress dengan penggunaan lebih dari 25% di seluruh dunia.
Dan kabar baiknya, hari ini Anda akan belajar bagaimana cara membuat website dengan WordPress.
Mungkin Anda bertanya-tanya, mengapa WordPress begitu populer?
- WordPress itu benar-benar GRATIS
- WordPress memiliki komunitas yang besar
- Platform yang user-friendly, dan
- Website yang dibangun menggunakan WordPress akan tampak responsive atau optimal pada semua perangkat termasuk handphone dan tablet.
Jadi, untuk pemula saya sangat menyarankan WordPress.
Saya pribadi menggunakan WordPress di semua website yang saya miliki (termasuk Penasihat Hosting) dan saya percaya WordPress juga akan cocok untuk Anda.
LANGKAH 2:
Memilih Nama Domain dan Hosting
Agar website Anda bisa diakses oleh semua orang di internet, Anda membutuhkan dua hal, yaitu:
- Nama domain (alamat website seperti : websiteanda.com),
- Dan web hosting (sebuah layanan yang menghubungkan website dengan internet).
Tanpa keduanya, Anda tidak bisa membuat website.
Web hosting adalah sebuah server untuk menyimpan data-data website secara online, jadi tanpa web hosting, website Anda tidak bisa diakses di internet.
Dan jika Anda membuat website untuk tujuan bisnis, untuk branding atau hanya agar website Anda terlihat professional, maka Anda membutuhkan nama domain yang berekstensi professional juga, seperti .com, .net, .id, .org, .co.id, dsb.
Maksud saya, bukan nama domain seperti websiteanda.blogspot.com atau sejenisnya.
Memilih Nama Domain
Jadi, setelah platform (WordPress), yang Anda butuhkan selanjutnya adalah nama domain.
Domain adalah nama website Anda. Sebuah alamat yang orang akan gunakan ketika mencoba mengunjungi website Anda melalui browser.
Misalnya, nama domain website ini adalah penasihathosting.com.
Harga domain tidak terlalu mahal, yaitu mulai dari Rp125.000 per tahun nya.
Jika Anda masih bingung menentukan nama domain Anda, berikut saya berikan beberapa tips yang dapat mempermudah Anda:
- Jika Anda berencana membuat website untuk diri Anda sendiri, maka Anda bisa menggunakan nama Anda sebagai domainnya: NamaAnda.com.
- Jika Anda membuat website untuk perusahaan, maka Anda juga bisa menggunakan nama perusahaan: NamaPerusahaanAnda.com.
- Dan gunakan ekstensi domain yang populer, seperti .com, .org, id, .co.id.
Dapatkan Web Hosting dan Daftarkan Domain Anda
Pertanyaannya:
Dimana Anda bisa mendapatkan domain dan hosting?
Ada ratusan penyedia domain dan hosting diluar sana. Memilih satu diantara ratusan bukan pekerjaan yang mudah. Faktanya, ada banyak orang salah memilih hosting hanya karena fokus mencari hosting yang murah.
Jadi, agar Anda tidak salah memilih, saya sudah melakukan penelitian terhadap 19 penyedia hosting paling populer di Indonesia dan menemukan bahwa yang terbaik adalah Niagahoster (baca review nya).
Mereka memiliki performance yang bagus dan support yang baik.
Dan untuk memudahkan Anda, saya akan jelaskan cara beli domain dan hosting di Niagahoster berikut ini.
Pengungkapan: saya menggunakan link affiliasi, dimana saya akan menerima komisi (70%) dari pembelian hosting Anda. Anda tidak akan dikenakan biaya tambahan, bahkan, saya berhasil menegosiasikan harga yang lebih murah untuk Anda (extra disc 10%).
Jika Anda mengalami kendala mengikuti panduan ini, ingat bahwa saya menawarkan konsultasi gratis melalui halaman kontak ini.
(Please note: Niagahoster memberikan garansi hosting selama 30 hari, jadi Anda bisa meminta refund jika Anda tidak puas dengan layanan nya dalam 30 hari pertama).
1
Pertama, kunjungi www.Niagahoster.Co.Id dan klik tombol "Pilih Sekarang".
Pilih paket hosting Anda.
Jika Anda bingung, Anda bisa selalu mulai dari paket 'Bayi', karena jumlah sumber daya nya sudah cukup untuk membangun website baru.
Atau jika Anda mau, Anda bisa memilih paket 'Pelajar' atau 'Personal' dengan penawaran gratis domain selama satu tahun.
Dan tidak perlu memilih paket 'Bisnis', karena Anda belum membutuhkan nya.
Perlu Anda ketahui diawal:
- Bahwa harga yang dicoret adalah harga perpanjangan hosting nya.
Jadi, misalkan Anda memilih paket Personal seharga Rp26.563/bln, maka harga perpanjangan di periode berikutnya menjadi normal atau Rp106.250/bln). Karena diskon hosting hanya berlaku untuk order pertama saja. Periode berikutnya (perpanjangan) akan menggunakan harga normal kecuali ada promo diskon perpanjangan hosting yang sepengalaman saya selalu ada, meski tidak sebanyak diskon di awal. - Anda nanti bisa melakukan upgrade hosting Anda ke yang lebih tinggi. Misal dari Bayi ke Pelajar. Tetapi ingat bahwa di Niagahoster Anda tidak bisa melakukan downgrade.
2
Di halaman selanjutnya:
(1) Pastikan bahwa paket hosting yang Anda pilih sudah benar
(2) Pilih durasi paket. Apakah 1 tahun atau mau langsung 3 tahun.
(3) Pilih nama domain Anda
(4) Pilih ekstensi domain dan (5) cek domain Anda
Jika domain Anda tersedia, klik tombol 'tambahkan ke cart'. Namun jika tidak, ulangi lagi mencari nama domain yang lain atau Anda juga bisa mengganti ekstensi domain lainnya.
Jika sudah, klik tombol 'Lanjutkan' yang ada di sebelah kanan atas.
3
Kemudian, tentang rekomendasi fitur tambahan:
- Anda tidak perlu menceklis gratis auto install WordPress, karena saya akan pandu Anda nanti pada bab selanjutnya (hanya 1-2x klik)
- Rekomendasi keamanan ini juga belum diperlukan, faktanya Anda bisa menggunakan SSL Lets Encrypt gratis yang sudah disediakan Niagahoster.
- Dan rekomendasi privasi ini sifatnya opsional saja, jika Anda tidak yakin Anda bisa melewatkan nya dulu.
Lanjut ke langkah terakhir, klik tombol 'Lanjutkan'
4
Selanjutnya, pilih metode pembayaran (kalau bisa, sebaiknya pilih otomatis agar hosting dan domain bisa langsung aktif).
Dan klik tab 'belum punya akun'. Isi data diri Anda dengan benar.
Pastikan Anda menyimpan email dan password untuk masuk ke halaman klien Niagahoster.
Ah iya. Masih ingat, diatas saya mengatakan bahwa saya berhasil menegosiasikan harga yang lebih murah untuk Anda?
Anda bisa mengklaim nya dengan memasukkan kode promo ini: KELASWEBSITE (extra disc 10%)
(Promo hanya berlaku untuk pembelian hosting paket 'Pelajar', 'Personal', dan 'Bisnis' dengan durasi sewa minimal 12 bulan/1 tahun).
Perhatikan semua detail order Anda kembali, mulai dari nama domain, paket hosting, metode pembayaran, data diri dan kode promo (jika Anda menggunakannya).
Kalau sudah, klik tombol biru "Checkout Sekarang".
Setelah Anda melakukan pembayaran (akan dikonfirmasi secara otomatis nanti), Anda tinggal menunggu sebentar hingga hosting dan domain Anda aktif. Biasanya, proses nya kurang dari 10 menit. Tapi di beberapa kasus bisa hingga maksimal 24 jam.
Jika sudah aktif, Anda bisa lanjut ke langkah ketiga dimana kita akan mulai menginstall platform WordPress.
LANGKAH 3:
Menginstall WordPress di cPanel Hosting
Anda sudah memiliki 2 amunisi dasar untuk membangun website, yaitu domain dan hosting.
Sekarang adalah saatnya untuk membuat website Anda online dan bisa diakses oleh semua orang di internet.
Hal pertama yang harus Anda lakukan adalah menginstal platform WordPress di hosting Anda.
Ada dua cara menginstall WordPress, dan kita akan gunakan cara yang paling mudah, yaitu menggunakan fitur One Click Installation (install dengan 1x klik) di cPanel hosting.
Menginstall WordPress Menggunakan Fitur One Click Installation (Install dengan 1x klik)
Hampir semua penyedia hosting terbaik menyediakan fitur One-Click Installation untuk menginstal WordPress.
Jika Anda memilih hosting yang bagus, Anda akan menemukan fitur ini dalam cPanel hosting Anda.
1
Log in ke akun Niagahoster Anda: https://panel.niagahoster.co.id/login
Masukkan username dan password yang sudah Anda buat pada saat mengisi form pendaftaran akun Niagahoster.
Jika Anda tidak menggunakan Niagahoster, Anda bisa masuk ke cPanel hosting Anda dengan mengunjungi: www.domainanda.com/cpanel (ganti "domainanda.com" dengan nama domain Anda).
Lalu masukkan username dan password yang diberikan pada saat pembelian hosting (cek email pendaftaran hosting jika lupa).
Kemudian, lihat ke bagian bawah layar Anda (pada tab hosting), klik tombol orange 'Kelola Hosting'.
Dan klik cPanel all features seperti yang saya lingakari warna merah pada gambar dibawah ini:
Dan beginilah tampilan control panel cPanel hosting Anda:
2
Sebelum menginstall platform WordPress, saya akan mengajak Anda untuk menginstall SSL pada domain Anda terlebih dahulu, agar domain Anda terlihat secure di browser seperti ini:
Website menggunakan SSL = Secure dan professional
Website TIDAK menggunakan SSL = Not Secure dan tidak professional
Caranya sangat mudah:
1. Ketik SSL pada kolom pencarian cPanel dan klik "Lets Encrypt SSL"
2. Klik '+ Issue'
3. Terakhir, pastikan semua domain di ceklis/include dan klik tombol biru "Issue".
Proses install SSL sendiri hanya beberapa detik saja.
4. Jika sudah selesai, klik icon ini untuk kembali ke halaman awal cPanel
3
Kita akan lanjutkan proses untuk menginstall WordPress.
Cari dan klik logo WordPress atau bila tidak ada, pilih Softaculous Apps Installer
4
Klik tombol biru "Install Now"
Kemudian, Isi informasi yang dibutuhkan. Ikuti petunjuk pada gambar dibawah ini:
5
Tunggu sekitar 1-2 menit hingga website Anda terinstal WordPress dengan sempurna.
Melakukan Sedikit Penyesuaian Pada Website WordPress Baru
Oke, sekarang Anda sudah berhasil menginstal WordPress. Website Anda sudah bisa diakses oleh semua orang di internet.
Tetapi, saat ini website Anda masih terlihat baru dan kosong.
Sebelum mengisi nya dengan konten, Anda perlu mengurus beberapa hal penting terlebih dahulu untuk membuat website terlihat siap.
1
Log in ke Dashboard WordPress Anda
Apabila Anda tidak yakin bagaimana caranya, ketik: http://domainanda.com/wp-admin/
(ganti "domainanda.com" dengan nama domain Anda).
Masukkan username atau alamat email dan password (yang Anda buat pada saat menginstal WordPress).
Ketika Anda sudah log in, beginilah tampilan dashboard WordPress Anda:
2
Ganti Judul dan Tagline Website Anda
Judul dan tagline adalah bagian pertama yang perlu Anda sesuaikan.
Buatlah judul dan tagline yang mencerminkan isi website Anda.
Sebagai contoh, judul website ini adalah "Penasihat Hosting" dan taglinenya adalah "Review Penyedia Layanan Web Hosting Terbaik".
Bagaimana caranya mengganti judul dan tagline?
Pada dasboard WordPress Anda, klik Settings -> General.
Bingung menentukan judul dan tagline?
Jika Anda tidak yakin mau menulis apa, berikut saya berikan 4 tips jitu yang dapat membantu Anda:
- Jika Anda membuat website untuk tujuan branding bisnis/usaha, Anda dapat menggunakan judul yang sama atau identik dengan nama domain Anda. Sebagai contoh, judul halaman Google adalah Google dan Facebook adalah Facebook.
- Gunakan deskripsi yang menggambarkan website Anda secara keseluruhan dan gabungkan dengan nama domain Anda. Sebagai contoh, judul halaman website Tokopedia adalah "Jual Beli Online Aman dan Nyaman - Tokopedia".
- Tanyakan pada diri Ada: "Apa tujuan website Anda?" Apa yang ingin Anda capai melalui website Anda?Anda dapat menggunakan tujuan atau yang ingin Anda capai sebagai judul dan tagline website Anda.
- Jika Anda membuat blog personal, Anda dapat menggunakan nama Anda sendiri sebagai judul blog dan profesi Anda sebagai tagline.
3
Pastikan Website Anda Search Engine Friendly (SEO)
Ada tiga poin penting yang perlu Anda pertimbangkan ketika menyiapkan website Anda agar search engine friendly (bagus SEO nya).
Untungnya, ketiga poin ini sangat mudah dilakukan di WordPress.
1. Jangan gunakan format yang panjang dan tidak penting pada struktur URL Anda.
Yang dimaksud struktur URL itu adalah yang seperti ini:
http://domainanda.com/2017/02/01/category/cara-membuat-blog
Sebenarnya, engga salah menggunakan struktur URL tersebut, tapi mesin pencari tidak menyukai struktur yang panjang seperti contoh diatas.
Sebaiknya gunakan struktur URL yang pendek dan hindari penggunaan tanggal.
http://domainanda.com/cara-membuat-website
Bagaimana caranya agar struktur URL website Anda dapat seperti contoh yang benar diatas?
Klik Settings > Permalinks, lalu pilih 'post name' dan simpan pengaturan Anda.
2. Jangan blok mesin pencari untuk membaca dan me-crawl website Anda.
Klik Settings > Reading.
Scrool mouse Anda kebagian paling bawah.
Pastikan bahwa Anda TIDAK mencentang search engine visibility, jika Anda mencentangnya, maka website Anda sama sekali tidak akan terindex oleh mesin pencarian Google, Yahoo, Bing dan lainnya.
3. Jangan biarkan komentar spam mudah masuk ke website Anda
Faktanya, ada jutaan orang di internet yang gemar meninggalkan komentar spam untuk mengiklankan produk atau jasa mereka.
Klik Settings > Discussion dan pastikan Anda mencentang kedua pilihan dibawah ini:
4
Hapus konten default WordPress [Seperti: Hello World, Sample Page & Hello Dolly]
Konten-konten yang perlu Anda hapus:
- Hapus "Hello World" di bagian "Posts"
- Hapus "Sample Page" di bagian "Pages"
- Hapus "Hello Dony" di bagian "Plugin"
Arahkan kursor Anda ke judul artikel agar pilihan Edit | Quick Edit | Trash | View muncul.
LANGKAH 4:
Install Tema WordPress dan Tambahkan Halaman Utama Website
Website Anda masih kosong, Anda perlu menambahkan beberapa halaman, seperti home, tentang, kontak, dsb.
Juga, Anda perlu memilih tema website.
Di langkah 4 ini, saya juga akan pandu Anda memilih tema WordPres terbaik untuk apapun kebutuhan Anda.
Bagaimana Caranya Memilih Tema Website?
Buat informasi saja, WordPress memiliki 5.000+ tema gratis yang telah dirancang professional dalam database mereka.
Bagusnya lagi, Anda dapat mengaksesnya secara GRATIS. Disinilah kelebihan WordPress.
Dan untuk mengawali semuanya, kita akan mulai dari memilih tema terbaik untuk website Anda.
1. Akses tema gratis WordPress
Klik Appearance > Themes dan klik tombol "Add New" untuk mengakses tema gratis yang ada di WordPress.
Dan boom! Anda memiliki akses ke lebih dari 5.000+ tema gratis WordPress!
Sekarang Anda bisa menelusuri berbagai pilihan tema seperti seorang anak kecil di toko permen
2. Pilih tema WordPress Anda
Sampai disini, saya perlu memberitahu Anda bahwa sebenarnya sebelum merampungkan panduan ini, saya sudah mencoba berbagai tema WordPress yang menurut saya mudah untuk digunakan bagi siapapun dan apapun tujuannya.
Entah itu untuk membangun blog personal maupun website untuk usaha.
Jadi, saya merekomendasikan tema GeneratePress (affiliate link / referral).
GeneratePress adalah tema GRATIS yang sangat populer. Meskipun ada versi berbayarnya yang menawarkan lebih banyak fitur, tapi versi gratis nya sudah cukup powerfull.
GeneratePress sudah di download lebih dari 2 juta kali dan mendapatkan 800+ rating 5.
Bagusnya lagi, saya akan menunjukan kepada Anda bagaimana cara melakukan kustomisasi pada tema ini sehingga bisa menjadi tema yang cocok untuk segala kebutuhan Anda pada bab selanjutnya.
Anda bisa menambahkan tema GeneratePress langsung dari dashboard WordPress Anda.
Ketik GeneratePress pada kolom pencarian disebelah kanan atas.
Kemudian arahkan kursor Anda ke thumbnail GeneratePress dan tombol install akan muncul.
Klik tombol "install" lalu "Activate".
Tema sudah aktif. Good job!
Maka sekarang saatnya Anda membuat halaman di website Anda.
Halaman-halaman seperti: Home, Tentang Kami, Layanan Kami, Kontak Kami, Blog, Testimonial atau apapun halaman yang Anda butuhkan.
Pertanyaannya:
Bagaimana saya dapat membuat halaman baru dan menambahkan artikel?
Faktanya, membuat konten di WordPress itu mudah, semudah menulis di Microsoft Word.
Tapi, ada yang perlu Anda ketahui sebelumnya, yaitu WordPress punya 2 tempat yang bisa Anda gunakan untuk menambahkan konten.
Ada Posts dan ada Pages.
Anda mungkin bertanya-bertanya:
"Mengapa ada 2 tempat? Lalu apa bedanya antara Posts dan Pages? (Penting untuk diketahui sebelum Anda lanjut ke tahap selanjutnya, jadi saya sarankan untuk tidak meloncati bagian ini).
Post dan Pages memang terlihat mirip, namun memiliki fungsi yang berbeda.
- Post digunakan untuk menerbitkan artikel yang sifatnya rutin di website Anda. Sebagai contoh, jika Anda ingin menerbitkan artikel seminggu sekali atau seminggu dua kali, maka sebaiknya Anda menulisnya dalam bentuk Post.
Selain itu, Post juga dapat dibagi berdasarkan kategori.
Katakanlah Anda memiliki website tentang berita, dan Anda mempunyai artikel-artikel tentang berita teknologi, berita politik, berita olahraga memanah, berita pendidikan, dan lain-lain.
Maka Anda dapat memasukkannya kedalam kategori agar lebih mudah dicari oleh pengunjung. - Sedangkan Pages sifatnya adalah tetap. Halaman-halaman yang dibuat dalam bentu Pages tidak dapat dimasukkan dalam kategori.
Contoh halaman yang biasa dibuat menggunakan Pages adalah halaman home, tentang kami, kontak kami, testimonial, produk kami, visi/misi, dsb.
Cara menambahkan Pages
Jika Anda ingin membuat halaman 'Tentang Kami', 'Kontak Kami', 'Visi/Misi', dsb maka Anda harus menulisnya dalam bentuk Pages.
Caranya sebagai berikut:
1
Di sidebar sebelah kiri pada layar Anda, klik Pages -> Add New.
2
Dan ini adalah tampilan WordPress pages editor.
Sampai disini, Anda hanya perlu mengisi judul halaman saja kemudian langsung klik tombol "Publish".
(Spoiler: sarena saya akan ajak Anda untuk mendesain halaman website Anda menggunakan plugin Elementor nanti pada bab selanjutnya).
Jadi, biarkan saja apa adanya dulu kosong seperti ini.
2
Jika Anda ingin membuat beberapa halaman.
Katakanlah: Halaman depan (home), halaman tentang kami, kontak kami, blog (halaman yang berisi artikel-artikel yang dibuat dalam bentuk post), dsb.. maka buatlah halaman tersebut dan biarkan kosong apa adanya.
Dan Bagaimana Cara Menambahkan Halaman/Pages Kedalam Menu?
Sebelum kita mendesain halaman-halaman yang sudah dibuat barusan, mungkin Anda ingin menambahkan halaman-halaman tersebut ke dalam menu website.
Perhatikan menu pada gambar website dibawah ini:
Caranya juga mudah.
1. Klik Appearance > Menu
2. Ikuti langkah demi langkah nya dibawah ini untuk membuat menu website Anda.
- Buat nama menu website Anda. Boleh apa saja, karena tidak akan mempengaruhi apapun.
- Tambahkan halaman yang sudah Anda buat sebelum nya ke dalam struktur menu dengan men-centang/ceklis nya. Misalnya, Anda ingin menambahkan halaman Home, Tentang dan Kontak. Anda juga bisa menambahkan menu di dalam posts atau membuat custom links.
- Kemudian klik tombol 'Add to Menu'. Maka semua halaman yang Anda centang akan muncul di struktur menu.
- Atur menu sesuai keinginan dengan cara drag & drop. Ingat bahwa Anda juga bisa membuat sub menu seperti contoh saya diatas.
- Centang 'primary menu'. Ini akan membuat menu yang Anda buat ini menjadi menu utama dan akan muncul di header website Anda.
- Terakhir, klik tombol biru 'Save Menu'
Sampai pada tahap ini, Anda bisa cek apakah menu Anda sudah tampil di website Anda.
Kustomisasi Tema GeneratePress
Sebelum lanjut ke langkah terakhir, yaitu mendesain halaman kosong (home, tentang, kontak, dsb) yang sudah Anda buat sebelumnya.
Anda perlu melakukan sedikit penyesuaian pada tema GeneratePress Anda terlebih dahulu, agar bisa sesuai seperti yang Anda inginkan.
1. Membuat Halaman Statis di Homepage
Halaman statis adalah halaman yang tidak pernah berubah.
Jadi, "statis" akan menampilkan konten atau artikel yang sama setiap kali seseorang datang ke website Anda.
Contohnya adalah halaman depan (www.penasihathosting.com), kapanpun Anda mengunjunginya dan seberapa seringpun saya menulis artikel baru, halaman statis ini tidak akan pernah berubah.
Bagaimana cara membuat halaman statis?
Buka appearance > Customize. Klik "Homepage Settings" pada bagian sebelah kiri Customize.
Lalu atur sebagai "A Static page", kemudian pilih Homepage = Home (Halaman depan kosong yang sudah Anda buat sebelumnya).
dan Posts page = Blog.
Post Page ini sifatnya opsional, namun jika Anda ingin menulis artikel yang sifatnya rutin maka Anda perlu membuat halaman Post page yang menampilkan artikel-artikel yang sudah Anda terbitkan di website.
Jika Anda belum membuatnya, Anda bisa kembali ke untuk membuat halaman kosong baru dan beri judul sebagai Blog.
2. Kustomisasi Header Website
Jika Anda tidak yakin mana yang disebut header, perhatikan gambar dibawah ini:
Sampai disini, Anda mungkin ingin mengganti nama website dari "My Website" atau "My Blog" menjadi gambar logo website Anda atau mengganti nya dengan nama lain.
Anda mungkin juga mau mengganti warna background navigation dari hitam menjadi putih, atau ingin merubah posisinya berada di sebelah kanan, kiri, atau tengah, dsb.
Kita akan mencoba satu per satu fungsi Customize mulai dari sini. Anda bisa berkreasi sebebas yang Anda mau.
2.1 Menambahkan Logo Website
Ini sifatnya masih optional.
Jika Anda sudah memiliki logo website, Anda bisa mengganti logo text dari site title website Anda menjadi logo bergambar.
Caranya buka Site Identity.
Kemudian ikuti langkah-langkah berikut:
(1) Centang "Hide site title" karena Anda ingin menampilkan logo image
(2) Klik tombol "change logo" dan upload logo dari komputer atau laptop Anda
(3) Jika Anda ingin mengatur lebar logo Anda
(4) Ini sifatnya opsional, tapi jika Anda ingin menampilkan favicon atau site icon (perhatikan icon pada address bar browser yang berwarna biru dongker), Anda bisa mengupload nya dengan mengklik tombol "select site icon".
2.2 Merubah warna background navigation
Secara default, warna background navigation tema GeneratePress adalah hitam.
Mungkin Anda ingin merubahnya menjadi warna merah, hijau, biru atau putih.
Buka Colors, Lalu perhatikan bagian "Navigation Color Presets". Fitur ini terbatas, Anda hanya bisa mengganti warna yang telah disediakan saja pada tema GeneratePress versi gratis nya, seperti biru, putih, grey, merah, dll.
Dalam contoh dibawah, saya merubahnya menjadi warna putih.
2.3 Merubah posisi navigation menu
Setelah Anda mengganti warna background navigation, Anda mungkin juga ingin merubah posisinya.
Misalnya pada contoh dibawah, saya merubah posisi navigation menu ke sebelah kanan.
Caranya sangat mudah, buka Layout -> Header. Kemudian perhatikan bagian Header Presets seperti yang saya tunjukan pada gambar diatas.
2.4 Menambahkan Top Bar
Jika Anda belum tau apa itu top bar, perhatikan yang saya kotaki warna merah pada gambar dibawah ini:
Biasanya, fungsi top bar di aktifkan untuk menambahkan informasi-informasi penting, seperti nomor telefon, alamat email, dsb.
Buka Widgets -> Top Bar. Kemudian klik tombol "Add a Widget" (1), lalu ketik "text" di kolom pencarian (2) dan klik widget text nya (3).
Kosongkan bagian "title" dan isi informasi yang ingin Anda masukkan pada top bar. Dalam contoh dibawah ini, saya memasukkan informasi nomor telf dan alamat email.
Catatan:
Anda juga bisa merubah posisi text pada top bar ke sebalah kiri, tengah atau tetap di kanan.
(Fitur ini akan muncul setelah Anda menambahkan widget top bar)
Buka Layout -> Top Bar. Lalu ganti posisi text top bar: Left, Center atau Right.
3. Menghapus Widgets Pada Sidebar
Ada beberapa widgets yang secara default muncul ketika Anda selesai menginstall WordPress.
Jika Anda tidak membutuhkannya, dan memang saya rasa widget-widget ini belum begitu penting, maka sebaiknya di hapus saja terlebih dahulu.
Buka Widgets -> Right Sidebar. Kemudian pilih widget yang ingin dihapus (perhatikan gambar dibawah).
Sampai disini, Anda bebas meng-explore bagian-bagian lain dari Customize.
Namun pastikan sebelum lanjut ke bab terakhir, Anda mengklik tombol "Publish" yang ada di sebelah kiri atas agar semua perubahan yang Anda lakukan tersimpan.
LANGKAH 5:
Desain Halaman Website Anda Agar Terlihat Bagus dan Professional
Masih ingat dengan halaman-halaman kosong yang Anda buat pada langkah sebelumnya?
Sekarang saatnya Anda mendesain halaman-halaman kosong tersebut.
Ini adalah bagian yang paling seru dari semua bad dari panduan cara membuat website ini.
Mulai dari sini, Anda akan mendesain halaman depan (home), tentang kami, kontak kami, dan lainnya.
Mendesain Halaman Dengan Plugin Elementor
Ada dua cara untuk mendesain halaman di WordPress.
Pertama, cara yang membutuhkan pengetahuan coding (cara tersulit).
Kedua, menggunakan cara yang mudah (drag & drop) -> cara 2020 yang akan Anda gunakan dalam panduan ini.
Saya pun dalam mendesain panduan cara membuat website ini juga menggunakan plugin (drag & drop). Saya bahkan tidak punya latar belakang IT.
Dan saya percaya Anda juga pasti bisa melakukannya.
Kita akan memanfaatkan plugin Elementor untuk mendesain halaman. Plugin ini bisa digunakan secara GRATIS, Anda bisa mendownlaod nya langsung dari dashboard WordPress Anda.
Sama seperti tema GeneratePress, plugin ini juga ada versi berbayarnya yang menawarkan fitur lebih banyak, namun saya merasa versi gratis nya juga sudah powerfull dan bisa digunakan untuk membangun website, apapun tujuan Anda.
Untuk memulainya, silahkan Anda install plugin Elementor Page Builder.
Buka Plugins > Add New > Cari "Elementor" dalam kotak pencarian.
Kemudian klik tombol "Install Now" dan "Activate" hingga muncul pesan "Plugin Activated".
Elementor Page Builder adalah plugin yang sangat populer. Saat ini sudah di install lebih dari 5 juta kali dan mendapatkan hampir 5.000 rating 5. Anda menggunakan plugin yang tepat.
Mendesain Halaman Depan (Home)
1. Edit Halaman Depan
Buka Pages.
Lalu Edit halaman depan Anda, dalam contoh ini saya memberikan judul halaman depan sebagai Home.
Kemudian, ikuti langkah-langkah pengaturan berikut untuk mempersiapkan halaman Anda sebelum meng-edit nya dengan plugin Elementor.
1
Perhatikan bagian sebelah kanan bawah layar hingga Anda menemukan pengaturan sidebars, footer widgets, disable elements dan page builder container.
Pertama, pada bagian Sidebars (1) pilih atau centang "Content (no sidebars)"
2
Kedua, klik bagian Disable Elements dan centang "Content Title"
3
Ketiga, pilih "Full Width" pada bagian Page Builder Container.
4
Setelah itu klik tombol Update" (1) yang ada di sebelah kanan atas.
Kemudian klik tombol "Edit with Elementor" (2).
2. Edit Halaman Dengan Elementor
Disinilah tempat Anda mengedit dan mendesain halaman website.
Ini adalah cara terbaru dan termudah dalam mengedit halaman di WordPress.
Jadi, seperti yang Anda lihat pada gambar dibawah, terdapat 2 bagian kiri (1) dan kanan (2) yang agak mirip seperti fitur Customize yang sudah kita gunakan sebelumnya.
Di bagian kiri terdapat widget-widget yang bisa Anda gunakan, seperti widget heading untuk membuat Judul halaman, widget image untuk menambahkan gambar, widget button untuk membuat tombol, dan lain-lain.
Disini ada 2 cara untuk mendesain halaman.
Pertama dan cara termudah adalah menggunakan template yang sudah disediakan oleh Elementor, Anda cukup melakukan modifikasi dari template yang sudah ada.
Kedua, mendesain halaman dari nol, ini mungkin bukanlah cara yang bagus buat pemula.
Jadi, di dalam panduan ini kita akan menggunakan cara pertama, yaitu menggunakan template yang sudah ada dan memodifikasinya.
3. Menggunakan Template yang Sudah Ada
Klik icon "Add Template" yang terletak di tengah-tengah layar Anda.
Elementor memiliki berbagai template untuk dipilih.
Beberapa tersedia gratis, sementara ada template yang hanya bisa digunakan jika Anda upgrade plugin Elementor ke versi pro.
Tips:
Ketika memilih template, Anda bisa mencari nya menggunakan kata kunci, seperti: agency, clean, CV, contact, about, dan lain-lain.
Cari template yang Anda sukai, kemudian klik pada gambar untuk untuk preview template nya.
Jika Anda sudah yakin, klik tombol "Insert" untuk menampilkannya pada halaman website Anda.
Jika tidak, klik "Back to Library" untuk mencari template lainnya.
Ingat bahwa Anda selalu bisa menghapus template yang Anda gunakan sebelumnya dan mengganti nya dengan yang baru.
Upps, sebelum Anda bisa menggunakan template Elementor, Anda perlu membuat account terlebih dahulu.
Proses nya simple kok, yang di mulai dari meng-klik "create an account" jika Anda belum memiliki nya.
Hingga sampai Anda perlu menghubungkan atau connect website Anda dengan Elementor.
Jika sudah connected, maka template otomatis akan tampil di halaman home website Anda.
4. Memodifikasi Template
Nah, sekarang Anda sudah memiliki template dan Anda mungkin sudah siap untuk melakukan modifikasi dari template yang Anda pilih.
Untuk merubah suatu bagian atau element, Anda cukup mengklik element yang Anda ingin ganti.
Misal pada contoh dibawah ini saya ingin mengganti text menjadi "Hi guys, disini Randika......"
Dan perhatikan panel di sebelah kiri Anda, panel tersebut langsung berubah menjadi editor untuk element yang Anda klik.
Pada panel Editor, klik tab "Style" untuk mengganti warna text, ukuran font, jenis font, dan lain-lain yang berhubungan dengan text.
Mari kita coba berlatih mengganti element lainnya.
Misalnya Anda ingin merubah gambar pada background hitam di gambar dibawah ini.
(1) Klik kanan pada mouse/touchpad laptop Anda pada gambar background, lalu pilih "Edit Section".
(2) Kemudian perhatikan panel di sebelah kiri Anda. Klik tab "Style"
(3) Lalu klik pada gambar untuk mengganti gambar pada background.
Bagaimana jika Anda ingin menghapus bagian atau element tertenu?
Element disini maksud nya adalah element text, button, gambar, background, section dan lain-lain.
Cukup klik kanan element yang Anda maksud, lalu pilih "Delete".
5. Selesaikan Desain Halaman Depan (Home) Anda
Elementor cukup mudah untuk dipahami.
Mungkin Anda akan menemui kesulitan pada awal mulai mendesain website Anda, tapi itu wajar, Anda perlu mencoba dan mengeksplore bagian-bagian pada Elementor agar terbiasa menggunakannya.
Sampai disini Anda bebas berkreasi seperti mengganti warna background, menambah section dan widget, membuat tombol, dan lain-lain.
Mendesain Halaman Lainnya
Setelah Anda menyelesaikan halaman home, mungkin Anda perlu mengisi halaman-halaman lainnya, seperti kontak, layanan dan tentang.
Caranya sama dengan mendesain halaman depan (home). Jika Anda lupa, Anda bisa memulai nya dari langkah ini.
Gunakan plugin Elementor seperti Anda mendesain halaman depan (home) pada langkah sebelumnya.
LANGKAH 6:
Launching Website Anda dengan Membagikan nya ke Social Media
Jika Anda benar-benar mengikuti panduan cara membuat website dengan WordPress ini dari awal hingga akhir, saya yakin website Anda sudah siap untuk di launching.
Atau jika belum, mungkin masih ragu atau punya pertanyaan lain, jangan sungkan untuk mengirimkan saya pertanyaan.
Ingat, bahwa saya menawarkan konsultasi gratis via email dan biasanya pesan masuk akan saya balas dalam 1x24 jam.
Referensi:
Lifetime credit untuk WebsiteSetup.org
artikel yg bagus kak, sangat membantu buat pemula seperti saya.
tp maaf kak, pas saya pasang template kok keluarnya “get started” yah kak, saya klik get started masuk ke halaman home elementor. apakah ada yg salah?
Tidak ada yang salah kok, itu sudah benar. Sekarang harus bikin account Elementor dulu sebelum bisa gunain template2 nya. Ikuti saja step-step nya.
Kebetulan panduan ini belum saya update, jadi belum saya sertakan kalau ada update juga dari Elementor.
mantap
Bagaimana kalau kita punya sub menu, dan menu utama kita tidak menuju kemana-mana contoh
Kontak
—Email
—HP
kalau kita klik Kontak tidak ada yang terjadi, karena kalau kita pakai pages, begitu di klik Kontak maka akan dibawa ke halaman Kontak.
Terima kasih
Gunakan custom links dan masukkan “#” dalam form URL.
Mantap artikelnya
Kalau mau bikin sub menu seperti apa caranya mas, misal
HOME, PROFIL, KONTAK
di dalam PROFIL begitu kita Klik muncul menu dibawahnya misal
PROFIL
—VISI MISI
—STRUKTUR
Terima kasih
Pertanyaan bagus, karena saya belum bahas ini dalam panduan diatas.
Ada dua cara, tapi cara yang paling mudah adalah:
1. Buka Appearance > Menu
2. Pilih menu yang mau di edit
3. Kemudian tambahkan misal halaman: VISI MISI, dan STRUKTUR.
4. Dan perhatikan bahwa menu ini bisa di drag & drop, jadi menu VISI MISI dan STRUKTUR bisa di drag posisinya ke bagian bawah menu PROFIL dan agak ke kanan. perhatikan contoh berikut:
Wow, ini sangat luar biasa. Saya sangat mengapresiasi author. Terimakasih banyak.
MAAF MAS MAU TANYA APABILA KITA UDH MENGERJAKAN SEMUA BAGIAN DI PAGE HOME TAPI MASIH KURANG DAN INGIN MENANMBAH LG HALAMAN NYA JD HALAMAN KE 2, 3 , DAN SETERUS NYA ITU BAGAIMANA YA ?
Caranya sama dengan yang di page home kok mas.
1) Tambahkan page baru, misal page about, page contact, dll
2) Edit halaman tersebut dengan Elementor
Kereeeeeeeeeeeennnn Banget. Cuma bisa bilang makasih, semoga ilmunya bermanfaat
Makasih mas, saya baru saja beli tema GP pakai affiliate link dari PH. Cuman tadi setelah masuk ke GP saya masuk lagi ke bagian discount dari pihak GP.
Saya sudah coba di blog saya maniso.id dan hasilnya cepat banget!
Btw, makasih buat postingannya mas jadi ada gambaran untuk pengaturan kedepannya.
Sama2 mas, saya juga notice mas sudah order via affiliate saya dan saya apresiasi sekali.
bang maap mau tanya, sy pernah buat pakai wix. apakah wix worthit? minusnya dimana? sy blm pernah pakai yg abang saranin diatas. menurut sy wix lbh mudah dragndrop kaya potosop. maap bang newbie. trimakasih banyak sblumnya
Saya engga pernah pakai WIX, jadi saya engga tahu wort it atau engga.
Di artikel ini saya menyarankan menggunakan plugin Elementor untuk membangun halaman website di WordPress. Sama seperti WIX, Elementor juga drag and drop kok, tetapi gratis (meski ada versi yang berbayarnya).
Sedangkan biaya WIX lebih mahal sekitar $12,50 per bulan untuk paket entrepreneur nya dan $8 per bulan untuk personal use. Dengan WordPress + plugin Elementor, Anda hanya mengeluarkan uang kurang dari Rp 50.000/bulannya + website 100% sepenuhnya milik Anda. Kalau WIX, tidak 100% milik Anda.
Saya sering dengar page builder Elementor, SiteOrigin dan Beaver Builder.
– minta rekomendasinya mas, dari salah satu page builder diatas, menurut mas Willya sendiri, mana yang paling RINGAN dan paling BANYAK FITURnya untuk kategori sama-sama FREE.
– Mas Willya sendiri menggunakan plugin apa saja untuk websitenya?
Tambahan: Untuk theme GeneratePress, rasanya masih non-amp ya mas.
-Saya belum pernah coba SiteOrigin dan Beaver Builder, jadi tidak bisa menjawab pertanyaan pertama.
-Plugin apa saja? Well, saya menggunakan 23 plugin di Penasihat Hosting. Semua nya saya butuhkan untuk menunjang aktivitas website.
-AMP mungkin harus ditangani dengan sebuah plugin. Ada yang versi official nya: https://wordpress.org/plugins/amp/, ada juga yang satu ini yang mungkin layak untuk dicoba: https://wordpress.org/plugins/accelerated-mobile-pages/
Setiap artikel mas Willya selalu komplit dan terarah, jadi mudah memahami, Semoga sukses selalu,
tentang ulasan diatas, ada satu hal yang masih mengganjal, yaitu footer yang ada tulisan “Ditenagai oleh generate press” bagaimana cara mengganti kalimat tersebut? terima kasih.
Sukses selalu juga buat mas Lewi 🙂
Sayangnya, credit atau tulisan “ditenagai oleh GeneratePress” tersebut hanya bisa diganti apabila mas beli versi premiumnya.
Artikel yang bagus.
Saya ingin bertanya, adakah tutorial tentang bagaimana membuat section yang bergambar, seperti tiap bab pembahasan dalam artikel ini?
Mohon pencerahannya. Terimakasih.
Bisa dibuat menggunakan Elementor.
Caranya mudah sekali kok:
1. Tambahkan 2 kolom terlebih dahulu di dalam section
2. Kemudian tambahkan ‘text’ di sisi sebelah kiri dan ‘image’ di sebelah kanan
Tema generatepress yang saya instal, tidak ditemukan fitur section di blok postingan. Apa yang harus saya terapkan agar bisa menggunakannya?
Memang tidak ada fitur section. Maksud section disini bukan sebuah fitur, tapi section/bab/bagian dalam sebuah artikel.
Di Elementor, nanti section nya bisa di stretch untuk meregangkan section nya.