Cara Mengedit Beranda di WordPress

Apakah Anda ingin mengatur atau mengedit beranda Website Anda? Secara default, WordPress menampilkan posting blog Anda di beranda. Tetapi Anda mungkin ingin beranda Website Anda menampilkan sesuatu yang sedikit berbeda seperti halaman arahan yang menyoroti produk, layanan, dll.

Di artikel ini, saya akan menunjukkan kepada Anda cara mengedit Beranda di WordPress.

Langkah Mengatur beranda WordPress

Apa itu Beranda WordPress?

Beranda / Homepage WordPress Anda adalah (halaman depan) dari situs Anda. Ini adalah halaman pertama yang muncul ketika pengguna mengunjungi nama domain Anda. Misalnya, jika Anda mengetik di www.achyar.online dibrowser Anda, halaman yang Anda buka adalah beranda Website saya:

Tampilan Halaman Beranda saya

Mengapa Mengedit Beranda WordPress?

Jika Anda memutuskan untuk membuat blog , maka masuk akal untuk hanya menampilkan entri blog Anda di beranda.

Tetapi bagaimana jika Anda menggunakan WordPress untuk membangun website bisnis kecil atau bahkan menjalankan toko online ? Kemudian, Anda cenderung memiliki produk atau promosi yang ingin Anda soroti di beranda Anda.

Berikut adalah contoh beranda Website bisnis, dari OptinMonster . Ini adalah plugin popup WordPress terbaik yang pernah ada. Situs mereka memiliki blog yang bagus, tetapi itu bukan fokus beranda mereka. Sebaliknya, mereka memiliki ajakan bertindak yang sangat jelas.

Contoh Tampilan Beranda OptinMonster

Apakah Anda ingin membuat beranda seperti itu? Mungkin Anda sudah mencoba menetapkan halaman kustom sebagai beranda di WordPress, tetapi Anda kesulitan untuk membuatnya terlihat benar.

Jika demikian, maka Anda berada di tempat yang tepat.

Saya akan membantu Anda langkah demi langkah melalui menyiapkan beranda dan menyesuaikannya agar sesuai dengan kebutuhan Anda. Dengan begitu, Anda dapat membuat kesan pertama yang baik dan mendorong pengunjung Anda untuk melakukan tindakan yang paling penting untuk misi situs Anda.

Itu mungkin berarti membeli produk digital dari Anda, mendaftar untuk bergabung dengan situs keanggotaan Anda , atau menyumbang untuk kampanye penggalangan dana Anda.

Saya akan membahas beberapa metode berbeda yang dapat Anda gunakan untuk membuat beranda WordPress kustom Anda.

Anda dapat menggunakan tautan cepat ini untuk melompat langsung ke berbagai bagian tutorial:

Mengatur Homepage di WordPress

Secara default, WordPress menampilkan posting blog Anda di beranda. Namun, sebagian besar website bisnis dan bahkan sebagian besar blog menggunakan beranda khusus dan membuat halaman blog terpisah untuk menampilkan posting blog mereka.

Mari kita lihat cara mengatur beranda dan halaman blog terpisah di WordPress.

Pertama, Anda perlu membuat halaman Anda dengan membuka Pages > Add New . Beri judul Home, atau apa pun Anda ingin menyebutnya, lalu publikasikan halaman tersebut.

Memberi judul halaman beranda kemudian publikasikan

Tip Pro: Apakah Anda sudah memiliki pengunjung ke situs Anda? Kemudian Anda mungkin ingin mengalihkan situs Anda ke mode pemeliharaan saat Anda menyiapkan beranda. Alternatifnya, Anda dapat menyiapkan situs pementasan tempat Anda dapat membuat beranda.

Sekarang, ulangi proses untuk membuat halaman tempat Anda akan menampilkan posting blog Anda. Cukup buka Halaman > Tambah Baru dan beri nama Blog halaman baru Anda. Setelah itu, Anda dapat melanjutkan dan menerbitkan halaman kosong.

Halaman blog

Setelah halaman Anda siap, beri tahu WordPress untuk mulai menggunakan halaman ini.

Anda dapat melakukan ini dengan membuka halaman Settings > Reading di area admin WordPress. Selanjutnya, Anda perlu memilih opsi (Static Page) di bawah bagian (Tampilan beranda Anda). Setelah itu, lanjutkan dan pilih halaman beranda dan blog Anda.

lanjutkan dan pilih halaman beranda dan blog

Jangan lupa untuk mengklik tombol (Simpan Perubahan) untuk menyimpan pengaturan Anda.

Tip: Tautan beranda Anda hanyalah nama domain Anda, kecuali Anda menginstal WordPress di subdirektori.

Namun, halaman beranda Anda masih kosong. Mari kita lihat beberapa cara untuk mengedit beranda di blog WordPress.

Menggunakan Opsi Built-In Tema Anda untuk Mengedit Homepage Anda

Beberapa tema WordPress terbaik akan membuat desain beranda untuk Anda, sehingga Anda dapat dengan mudah mengeditnya.

Anda dapat menemukan opsi ini dengan mengunjungi Appearance > Customize page di dashboard WordPress Anda. Ini akan meluncurkan penyesuai tema WordPress dengan pratinjau langsung dari tema Anda.

Dasboard WordPress

Theme Customizer memiliki opsi berbeda untuk berbagai tema. Pratinjau Anda dan opsi yang tersedia mungkin terlihat berbeda tergantung pada tema yang Anda gunakan.

Halaman beranda default tema Hestia di penyesuai tema

Untuk mengedit bagian mana pun dari beranda, cukup klik ikon pensil biru di sebelahnya. Di sini, saya mengedit gambar, teks, dan tombol di bagian atas beranda.

Mengedit bagian atas beranda di Hestia

Catatan: Segera setelah Anda mengedit, mereka akan ditampilkan di pratinjau situs Anda. Perubahan tersebut tidak akan aktif di situs Anda sampai Anda menerbitkannya.

Jika Anda ingin menghapus bagian dari beranda, Anda hanya perlu mengklik ikon mata biru di sudut kiri atas bagian itu.

Anda juga dapat menghapus bagian dan menambahkannya kembali menggunakan tab (Bagian Halaman Depan) dari penyesuai.

menghapus bagian dan menambahkannya

Setelah Anda puas dengan beranda Anda, klik tombol Publikasikan untuk menayangkannya.

Mempublikasikan

Beginilah tampilan beranda saya, langsung di website:

Beranda yang sudah selesai langsung di situs web

Menggunakan opsi bawaan tema Anda adalah cara tercepat untuk menyiapkan beranda Anda. Namun, beberapa tema mungkin tidak memiliki banyak pilihan, atau Anda mungkin tidak puas dengan tampilan beranda Anda.

Jangan khawatir, ada banyak cara lain untuk mengatur Homepage Anda dan memberikan tampilan yang Anda inginkan.

Menggunakan Editor Blok untuk Mengedit Beranda WordPress Anda

Bagaimana jika Anda perlu membuat beranda dari awal? The blok WordPress Editor adalah cara sederhana untuk melakukannya.

Untuk menggunakan editor blok, cukup pergi ke layar Halaman dan edit halaman Beranda yang Anda buat sebelumnya.

Menambahkan halaman baru di WordPress

Sekarang, Anda dapat mulai membuat konten untuk halaman Anda.

Kiat Pro: Jika Anda belum banyak menggunakan editor blok, bacalah kiat tentang menguasai editor konten WordPress. Saya menjelaskan semuanya dengan jelas menggunakan banyak tangkapan layar untuk menunjukkan cara kerjanya.

Di bagian tutorial ini, kita akan menggunakan beberapa blok sederhana untuk menambahkan beranda dasar.

Pertama, saya akan menambahkan pesan selamat datang ke halaman. Anda dapat melakukan ini hanya dengan mengklik halaman untuk mulai mengetik. WordPress secara otomatis akan membuat blok paragraf untuk Anda.

Menambahkan teks di editor blok

Jika Anda ingin membuat teks lebih besar, mudah melakukannya di pengaturan blok di sisi kanan. Cukup gunakan menu dropdown (Preset size) di bawah (Text settings).

Anda juga dapat mengubah warna teks Anda di bawah ini, di bagian (Pengaturan warna).

mengubah warna teks

Selanjutnya, saya akan menambahkan gambar ke halaman. Anda dapat melakukan ini dengan mengklik simbol (+) kemudian memilih blok Gambar. Anda akan menemukannya di bagian Blok Umum, atau Anda dapat mencarinya menggunakan bilah pencarian.

Memilih blok gambar Beranda

Anda dapat memilih gambar dari perpustakaan media Anda atau mengunggah yang baru.

Penting: Gunakan hanya gambar yang berada di domain publik atau Berlisensi CC0, atau yang Anda buat sendiri. Anda juga harus mengoptimalkan gambar Anda untuk web .

Selanjutnya, saya telah menambahkan blok paragraf lain, dengan teks Lihat posting terbaru saya di sini .

Saya kemudian menambahkan blok (Posting Terbaru), yang telah saya setel untuk menampilkan kutipan posting dan gambar unggulan, serta judul posting. Anda dapat mengetahui lebih lanjut tentang blok Posting Terbaru di tutorial saya tentang menampilkan posting terbaru di WordPress.

Menambahkan daftar posting terbaru Anda ke beranda

Anda dapat menambahkan blok sebanyak yang Anda inginkan ke beranda Anda. Anda mungkin juga ingin menggunakan template (lebar penuh) atau (tanpa bilah sisi) untuk halaman Anda, jika tema Anda memilikinya. Anda dapat melakukan ini di pengaturan Dokumen untuk halaman Anda.

Saya menggunakan tema Astra dalam contoh ini:

Menghapus sidebar dari beranda

Setelah Anda puas dengan beranda Anda, klik tombol (publish) di kanan atas layar.

Publish

Beginilah tampilan beranda saya yang sudah selesai:

Beranda dibuat dengan editor blok, langsung di situs

Bagaimana jika Anda ingin melangkah lebih jauh dengan beranda Anda? Salah satu opsinya adalah mencoba beberapa plugin blokir terbaik ini untuk WordPress untuk menambahkan fungsionalitas baru, seperti formulir kontak, testimonial, ulasan, dan banyak lagi.

Pilihan bagus lainnya adalah menggunakan pembuat halaman yang lebih kuat untuk WordPress untuk membuat sesuatu yang terlihat cantik dan profesional.

Di bagian selanjutnya dari tutorial ini, kita akan membahas dua pembuat halaman yang berbeda: Beaver Builder dan Divi oleh Elegant Themes .

Menggunakan Beaver Builder untuk mengatur Beranda WordPress Anda

Beaver Builder adalah plugin pembuat halaman yang populer, dan merupakan cara terbaik untuk menambahkan homepage Anda.

Pertama, Anda harus mengunduh, menginstal, dan mengaktifkan plugin Beaver Builder . Untuk lebih jelasnya, lihat panduan tentang Langkah memasang plugin WordPress .

Selanjutnya, Anda dapat mulai mengatur Homepage Anda. Buka saja menu Halaman di WordPress dan klik untuk mengatur Homepage yang kita buat sebelumnya.

Di editor blok, ada baiknya untuk beralih ke halaman kosong atau tanpa template sidebar di bawah Dokumen > Atribut Halaman > Template .

Saya menggunakan OceanWP untuk bagian tutorial ini. Muncul dengan template (Landing Page) yang membuat kanvas kosong yang dapat Anda edit dengan pembuat halaman.

Ubah template halaman di WordPress

Setelah Anda mengatur template halaman Anda, Anda dapat mengklik tombol (Launch Beaver Builder) di tengah layar untuk mulai menggunakan Beaver Builder.

Luncurkan Beaver Builder dengan mengklik tombol

Anda akan dibawa ke editor Beaver Builder. Cara tercepat untuk mendesain beranda Anda adalah dengan menggunakan salah satu templat bawaan Beaver Builder. Klik ikon + di kanan atas, jika belum dipilih, lalu klik tag Template.

Saya akan menggunakan template (Agensi) ini untuk situs saya.

Catatan: Template tidak tersedia dalam versi lite Beaver Builder.

Anda dapat mengedit apapun yang Anda suka tentang template Anda. Cukup klik pada apa pun yang ingin Anda ubah. Sebuah jendela kecil akan muncul tempat Anda dapat mengedit. Di sini, saya mengedit tajuk beranda saya (teks besar di atas).

Mengedit tajuk beranda

Sekarang saya telah mengubah judul halaman, dan teks pada tombol di bawahnya:

Teks yang diubah di Beaver Builder

Jika Anda ingin menambahkan elemen baru ke halaman Anda, Anda dapat melakukannya dengan menambahkan modul baru atau baris baru. Konten di Beaver Builder diatur dalam baris yang dipecah menjadi kolom.

Untuk menambahkan baris atau modul, klik ikon + di bagian atas layar. Setelah itu seret dan lepas baris atau modul pilihan Anda ke tempatnya. Di sini, saya menambahkan 1 baris kolom baru ke halaman saya:

Teks yang diubah di Beaver Builder

Setelah Anda mendapatkan baris, Anda dapat menambahkan 1 atau lebih modul ke dalamnya. Saya memiliki 1 baris kolom, jadi saya hanya dapat menambahkan 1 modul. Saya akan menggunakan modul Heading dengan menyeret dan melepaskannya ke tempatnya:

Menambahkan modul halaman

Anda dapat mengubah font dan ukurannya dengan mengklik tab Style untuk modul:

Mengubah ukuran font

Jika Anda ingin menghapus baris atau modul dari halaman Anda, cukup arahkan kursor mouse ke atasnya dan klik X yang muncul di sisi kiri.

Di sini, ikon abu-abu memungkinkan Anda mengedit atau menghapus seluruh baris dan ikon biru memungkinkan Anda mengedit atau menghapus modul individu:

mengedit atau menghapus modul individu

Anda dapat terus menambahkan dan mengubah baris dan modul halaman Anda sebanyak yang Anda inginkan. Setelah Anda puas dengan tampilannya, klik (Selesai) di kanan atas.

Tombol Done di Beaver Builder

Anda kemudian dapat memilih untuk menyimpan atau menerbitkan halaman Anda.

Simpan atau Publikasikan halaman Anda di Beaver Builder

Beginilah tampilan halaman saya langsung di situs saya:

Beranda Beaver Builder aktif di situs

Menggunakan Divi untuk Mengedit Beranda WordPress Anda

Divi adalah plugin pembuat halaman WordPress populer lainnya. Muncul dengan tema WordPress dan plugin pembuat halaman dengan lusinan templat cantik.

Anda dapat menggunakan pembuat halaman Divi dengan tema apa pun. Untuk tutorial ini kita akan menggunakannya dengan tema Divi.

Pertama, Anda harus mengunduh, menginstal, dan mengaktifkan tema Divi dari Tema Elegan . Ini termasuk pembuat Divi, jadi Anda tidak perlu menginstalnya secara terpisah.

Catatan: Anda harus memasukkan nama pengguna dan kunci API di bawah Divi > Opsi Tema > Pembaruan di dasbor WordPress Anda. Jika tidak, Anda tidak akan dapat mengakses paket tata letak.

Jika Anda memerlukan bantuan untuk menginstal plugin, lihat panduan tentang Langkah menginstal plugin WordPress .

Setelah Anda menyiapkan dan menjalankan tema Divi dan pembuat halaman, Anda dapat mengatur beranda. Pertama, buka menu Halaman di dasbor WordPress Anda dan kemudian edit Beranda yang saya buat sebelumnya.

Sebelum Anda mulai mengedit beranda, ada baiknya untuk beralih ke template Halaman Kosong di bawah Template Dokumen > Atribut Halaman > . Dengan begitu, beranda Anda tidak akan memiliki sidebar, judul, menu, atau elemen default lainnya.

Memilih template Halaman Kosong di tema Divi

Selanjutnya, Anda dapat mengklik tombol (Gunakan Divi Builder) di bagian atas layar.

Klik tombol ungu di bagian atas layar untuk mulai menggunakan Divi Builder

Sekarang, Anda harus mengklik tombol (Gunakan Divi Builder) di tengah layar.

Klik tombol Gunakan Divi Builder di tengah layar

Anda mungkin melihat perintah di bagian atas layar yang menanyakan apakah Anda ingin meninggalkan situs. Klik (Keluar) untuk masuk ke pembuat Divi.

Permintaan yang menanyakan apakah Anda ingin meninggalkan situs Anda (klik Tinggalkan untuk membuka pembuat Divi)

Selanjutnya, Anda akan melihat berbagai opsi yang dapat Anda gunakan untuk membuat halaman Anda. Saya menyarankan Anda untuk menggunakan tata letak yang telah dibuat sebelumnya sebagai dasar untuk beranda Anda. Ini membuatnya sangat cepat dan mudah untuk menyiapkan beranda Anda.

Menggunakan tata letak di beranda

Divi memiliki serangkaian tata letak berbeda yang mengesankan untuk dipilih. Ada 163 paket tata letak yang berbeda, dan masing-masing memiliki beberapa tata letak halaman yang berbeda termasuk beranda.

Anda dapat mencarinya dengan mengetikkan istilah pencarian, atau Anda dapat mencentang kotak untuk hanya melihat tata letak yang sesuai dengan kategori tertentu.

Hanya beberapa dari paket tata letak yang tersedia di Divi

Saya akan menggunakan paket tata letak (Blog Perjalanan) untuk membuat beranda saya. Pertama, klik paket yang ingin Anda gunakan:

Menggunakan paket tata letak Beranda

Selanjutnya, Anda akan melihat deskripsi paket tata letak, ditambah tata letak halaman berbeda yang tersedia. Anda mungkin ingin menggunakan Home page atau Landing page untuk beranda Anda. Saya akan memilih opsi Rumah.

Setelah Anda memilih tata letak Anda, klik tombol (Gunakan Tata Letak Ini).

Gunakan tata letak ini

Divi secara otomatis akan mengimpor tata letak untuk Anda. Anda kemudian akan melihatnya langsung di halaman Anda, persis seperti yang akan muncul di situs Anda. Untuk mengedit bagian mana pun, cukup klik di atasnya.

Seperti Beaver Builder, Divi menggunakan sistem baris (dibagi menjadi kolom) dan modul untuk membuat halaman Anda. Dengan modul teks, Anda dapat mengklik teks dan mengetik apa pun yang Anda inginkan langsung ke layar.

Di sini, saya telah mengubah tajuk dan teks di bawahnya:

Mengedit teks header menggunakan Divi

Dengan modul lain, Anda dapat mengarahkan kursor mouse ke atasnya dan mengklik ikon Pengaturan Modul untuk mengeditnya. Di sini, saya mengedit salah satu penghitung angka:

Mengedit pengaturan modul

Anda dapat menghapus modul dan baris dengan cara yang sama menggunakan ikon tempat sampah.

Anda mungkin ingin menggunakan gambar Anda sendiri di beranda Anda. Anda dapat mengubahnya dengan mengedit pengaturan modul.

Perhatikan bahwa gambar di atas disetel sebagai Latar Belakang untuk Modul Header Lebar Penuh, jadi Anda harus mengubahnya di bawah Content > Background untuk modul itu:

Latar Belakang untuk Modul Header Lebar Penuh

Setelah Anda puas dengan perubahan yang Anda buat pada halaman Anda, Anda dapat mengklik (Save Draft atau) publish (di bagian bawah layar).

Tombol Simpan Draf dan Publikasikan di Divi

Tip: Jika Anda tidak dapat melihat tombol-tombol itu, klik tombol ungu (…) untuk membukanya.

Tombol ini memungkinkan Anda memperluas kontrol Divi di sepanjang bagian bawah layar

Beginilah tampilan halaman saya langsung di website:

Beranda situs web selesai

Itu dia! Anda telah membuat beranda dengan tampilan bagus di WordPress dan berhasil mengaturnya.

Saya harap tutorial ini membantu Anda mempelajari cara mengedit beranda di WordPress. Anda mungkin juga ingin melihat tentang daftar plugin WordPress yang harus dimiliki dan tips tentang langkah meningkatkan SEO WordPress .

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan.