Panduan Lengkap Sidebar DiWordPress – Pelajari bagaimana bilah sisi dapat menaikkan navigasi situs & mengarahkan lalu lintas menggunakan widget yang tepat & penggunaan ruang yg efisien. Sidebar WordPress merupakan bagian integral berdasarkan banyak situs WordPress. Ini akan memberi pembaca Anda ruang vertikal di sebelah konten Anda yg bisa membantu mereka menavigasi, memperluas daftar email atau media sosial mereka, dan menampilkan iklan.
Panduan Lengkap Sidebar DiWordPress
wpbars.com – Karena ini merupakan bagian integral dari poly situs WordPress, kami pikir bilah sisi ini layak mendapatkan panduan akbar sendiri. Dalam posting ini, kami akan memandu Anda melalui semua yang ingin Anda ketahui mengenai sidebar WordPress. Saya memiliki banyak hal buat dikatakan, jadi aku akan mulai. Apa itu Sidebar WordPress? Sidebar WordPress adalah kolom vertikal di sebelah kanan atau kiri area konten utama. Ini memberikan ruang di luar area konten primer tempat Anda bisa menambahkan konten tambahan, menu navigasi, dll. Konten utama berubah menurut page ke page, namun bilah sisi umumnya sama di semua laman (walaupun terdapat strategi yang dapat Anda gunakan buat menyesuaikan bilah sisi).
Secara default, sidebar WordPress Anda dikendalikan sang tema yang Anda pilih . Di luar kotak, tema Anda akan mengontrol:
Apakah Anda mempunyai bilah sisi atau tidak
Di sisi mana bilah sisi berada?
Berapa poly bilah sisi yg digunakan (misalnya, beberapa tema memungkinkan Anda menggunakan dua bilah sisi secara bersamaan)
Tetapi, memakai strategi yang akan kami tunjukkan pada posting ini, Anda sanggup menambahkan bilah sisi ke tema WordPress apa pun , meskipun tema Anda nir dilengkapi bilah sisi secara default.
Empat Contoh Sidebar Situs Web
Sebuah gambar bernilai ribuan istilah, jadi mari kita lihat beberapa model sidebars buat memberitahuakn pada dasarnya. Pada setiap contoh, kami akan menyorot area bilah sisi menggunakan kotak merah:
- Wikipedia
- TechCrunch
- Basis Pengetahuan Element
- Sumber Kode WordPress.Org
Bagaimana Anda Dapat Menambahkan Konten ke Sidebar WordPress?
Untuk menambahkan konten ke sidebar Anda, Anda sanggup memakai widget WordPress . Inilah sebabnya mengapa beberapa orang jua menyebut sidebar Anda sebagai “area widget”.
Setiap widget adalah satu bagian berdasarkan konten. Misalnya, Anda mungkin memakai satu widget buat menambahkan kotak pencarian , widget lain buat menambahkan formulir berlangganan email , & seterusnya. Kami akan menampakan ini secara rinci nanti.
Untuk Apa Anda Dapat Menggunakan Sidebar WordPress?
Sidebars mampu bermanfaat pada poly cara yg tidak selaras. Berikut beberapa misalnya:
Cari – Anda bisa menambahkan kotak pencarian ke sidebar Anda buat membantu orang menemukan konten.
Navigasi – Anda sanggup menggunakan bilah sisi menjadi indera bantu navigasi lainnya. Misalnya, Anda mampu membangun daftar semua kategori dalam sidebar blog Anda.
Ajakan bertindak (CTA) – Anda sanggup menambahkan CTA buat mendorong orang bertindak. Misalnya, jika Anda meluncurkan kursus online baru , Anda sanggup mempromosikan kursus tadi menggunakan CTA pada sidebar Anda.
Keikutsertaan email – Anda bisa menambahkan formulir keikutsertaan untuk mengembangkan daftar email Anda .
Ikuti/bagikan media sosial – Anda bisa menggunakan bilah sisi buat mendorong orang mengikuti Anda atau memberikan konten Anda dalam media umum.
Iklan – bila Anda mengandalkan iklan buat membuat pendapatan, sidebar Anda adalah tempat yg paripurna buat menempatkannya.
Konten unggulan – Anda sanggup menampilkan postingan terpopuler, postingan terkini, konten terkait, & lainnya.
Yang terpenting, Anda mampu memakai beberapa taktik sekaligus. Misalnya, dalam satu bilah sisi, Anda mampu menyertakan kotak telusur, beberapa tautan navigasi, iklan, & lainnya.
Tentu saja, nir masih ada yang memaksa Anda untuk menggunakan sidebar. Sebenarnya, kami tidak memakai bilah sisi pada sini dalam blog Elementor. Keuntungan primer dari melewatkan sidebar merupakan Anda memberi konten primer Anda lebih banyak ruang & Anda menciptakan pengalaman yang lebih bebas gangguan bagi pengunjung Anda (lantaran tidak terdapat konten sidebar yg bersaing buat menerima perhatian mereka). Inilah sebabnya kami jua akan menampakan dalam Anda cara menghapus sidebar WordPress jika Anda lebih senang pendekatan itu.
Flywheel memiliki posting rupawan mengenai pro & kontra memakai sidebar pada situs WordPress Anda. Cara Mengelola Bilah Sisi WordPress pada Tema
Nanti di posting ini, saya akan menerangkan cara membuat sidebar kustom jika tema Anda nir menyertakan sidebar (atau tidak memiliki relatif sidebar). Namun buat saat ini, menggunakan asumsi tema WordPress Anda telah mendukung sidebar, ayo kita bicara mengenai beberapa cara umum buat mengontrol cara kerja sidebar. Contoh ini nir berlaku buat semua tema WordPress, namun berlaku buat sebagian besar tema WordPress terkini. Memo. Apabila Anda menggunakan tema Hello perdeo, kami sengaja tidak menyertakan sidebar default buat mempermudah. Kami akan menampakan cara menambahkan sidebar ke Hello (& tema lainnya) nanti pada postingan ini. Mengelola Sidebar di WordPress Customizer
Tempat pertama Anda bisa mengelola sidebar tema Anda adalah WordPress Customizer. Jika tema Anda menyertakan bilah sisi dan indera spesifik, umumnya terdapat di sini. Area pengaturan yang sempurna tergantung pada tema, tetapi Anda umumnya wajib menemukan sesuatu misalnya “Pengaturan Tata Letak”, “Pengaturan Umum”, “Pengaturan Situs Umum”, dll. Misalnya, tema OceanWP memungkinkan Anda memilih konfigurasi bilah sisi yang berbeda menurut: Pengaturan Umum. Anda bisa menggunakan sidebar kanan, sidebar kiri, atau sidebar kanan dan kiri. Anda pula dapat menyesuaikan lebar bilah sisi.
Apabila Anda nir bisa menemukan pengaturan ini, coba jelajahi area lain dari
WordPress Customizer. Atau, lihat dokumentasi dukungan pengembang buat tema Anda. Manajemen bilah sisi buat konten individual
Beberapa tema pula menyediakan pengaturan taraf halaman yang memungkinkan Anda buat mengontrol bilah sisi per posting atau per page.
: apabila tema Anda memiliki fitur ini, Anda akan melihat opsi ini saat bekerja di editor WordPress. Ini mungkin ada sebagai bidang meta pada bawah editor. Beberapa tema pula ditambahkan ke sidebar dokumen. Misalnya, tema OceanWP memungkinkan Anda memilih tata letak bilah sisi yg tidak sama untuk setiap halaman/posting.
Sekali lagi, tidak semua tema menyertakan jenis kontrol bilah sisi tingkat halaman ini. Bagaimana cara menambahkan widget ke sidebar WordPress Anda
Bilah sisi merupakan bagian dari situs web. Tetapi, buat menambahkan konten ke area ini, Anda harus menggunakan widget WordPress. Ada dua cara Anda dapat menambahkan widget (konten) ke bilah sisi tema yang terdapat:
Penyesuai WordPress
Area kustom widget
Kedua rentang secara otomatis disinkronkan dan tersedia buat dipakai. Tetapi, laba memakai WordPress Customizer merupakan Anda dapat melihat secara real time bagaimana tampilan widget Anda pada pratinjau situs Anda. Manajemen widget melalui penyesuai WordPress
Untuk mengelola widget sidebar Anda memakai penyesuai WordPress, buka Appearance → Customize.
Kemudian pilih widget item sajian. Pertama-tama Anda akan diminta buat menentukan area widget yang ingin Anda kelola. Bergantung pada tema Anda, Anda mungkin hanya melihat satu opsi. Atau, Anda bisa melihat beberapa opsi, termasuk area nonsidebar (misalnya footer Anda):
Kemudian, Anda dapat mengklik tombol Add a Widget buat mulai menambahkan widget ke sidebar Anda. Setelah menambahkan widget, Anda dapat mengonfigurasinya menggunakan opsi pada bilah sisi:
Saat Anda menambahkan widget baru, Anda akan segera melihatnya timbul di pratinjau eksklusif situs Anda. Anda pula dapat menggunakan draganddrop buat mengatur ulang urutan widget yg terdapat. Kelola Widget melalui Area Widget Khusus
Selain Customizer, WordPress jua menyertakan area widget spesifik yg dapat Anda akses menggunakan membuka Appearance → Widgets . Di sini Anda bisa melihat semua widget yg tersedia & seluruh area bilah sisi tema (& area widget lainnya misalnya footer). Untuk menambahkan widget, cukup seret ke bagian bilah sisi. Anda kemudian bisa menyesuaikan konten menggunakan memperluas opsi widget.
Anda pula dapat mengatur ulang widget pada bilah sisi menggunakan seret dan tanggal. Membuat widget khusus memakai Elementor
Jika Anda mempunyai Elementor Pro, Anda bisa memakai antarmuka visual drag-and-drop Elementor buat membuat konten buat disematkan di sidebar Anda. Untuk melakukannya, buka Templat → Tambah Baru & buat templat bagian baru. Misalnya, Anda bisa menciptakan templat yang menyertakan formulir pendaftaran email atau formulir ajakan bertindak (CTA). Jangan lupa buat mempublikasikan template selesainya Anda selesai. Kemudian masukkan widget library Elementor ke sidebar buat menampilkan template. Kemudian pakai tarik-turun “Pilih Template” buat memilih template tertentu yang akan ditambahkan ke bilah sisi.
Baca Juga : 21 Tema WordPress Terbaik Untuk Bar Dan Pub
Cara Menambahkan Bilah Sisi Kustom ke WordPress
Sejauh ini, kami berasumsi bahwa tema telah mendukung bilah sisi & menyediakan pengaturan bawaan untuk mengelolanya. Tapi bagaimana jika nir? Beberapa situasi yang mungkin ada merupakan:
Tema nir memiliki dukungan sidebar asli. Hal ini terkait dengan tema Hello karena Hello bertujuan buat menciptakan foundation seringan mungkin. Tema hanya meliputi satu area bilah sisi, namun aku ingin menambahkan area lain. Untungnya, membuat sidebar sangat gampang. Ada 2 langkah primer buat ini.
Daftarkan sidebar kustom Anda pada WordPress menggunakan kode sederhana. Saya sedang mengedit situs buat menampilkan bilah sisi di ujung depan memakai plugin atau kode.
- Daftarkan bilah sisi
Sebelum Anda bisa menambahkan widget ke sidebar Anda dan menampilkannya pada bagian depan situs WordPress Anda, Anda harus mendaftarkan sidebar Anda ke WordPress. Setelah Anda mendaftarkan sidebar WordPress kustom Anda, itu akan ada dengan masuk ke Appearance → Widgets dan Anda bisa menambahkan widget menggunakan metode di bagian sebelumnya. Untuk mendaftarkan sidebar kustom Anda, cukup tambahkan sepotong mini kode ke kode berikut.
File functions.Php tema (pastikan Anda memakai sub-tema). Plugin perdeo buat mengelola fragmen, misalnya plugin cuplikan kode. Menggunakan plugin Cuplikan Kode (atau yg serupa) merupakan solusi termudah karena Anda nir memerlukan tema anak.
Tampilkan bilah sisi
Setelah mendaftarkan bilah sisi, buka Penampilan → Widget dan Anda akan melihatnya timbul sebagai opsi. Apabila mau, Anda bisa mulai menambahkan widget ke bilah sisi spesifik Anda, seperti yang ditunjukkan sebelumnya.
Tapi itu belum terselesaikan. WordPress harus dikonfigurasi buat menampilkan bilah sisi khusus (dan widgetnya) di antarmuka situs. Ada dua pilihan di sini.
Elementor Theme Builder – Gunakan antarmuka visual & seret dan tanggal semuanya buat menyesuaikan semuanya dan menambahkan bilah sisi. Anda tidak perlu memahami kodenya. Kode – Memerlukan setidaknya pemahaman dasar mengenai PHP, HTML, & CSS. Cara menciptakan bilah sisi menggunakan Elementor
Elementor memungkinkan Anda menciptakan template baru buat bagian mana pun berdasarkan tema Anda. Misalnya, bila Anda menciptakan template baru buat sebuah laman, semua laman akan secara otomatis menggunakan template tadi. Anda bisa melakukan hal yang sama untuk posting blog (atau jenis posting khusus). Template pula bisa diterapkan secara kondisional ke konten lain. Ini berguna karena Anda bisa menambahkan bilah sisi ke beberapa bagian konten, tetapi tidak yang lain. Untuk menampilkan bilah sisi spesifik menggunakan Elementor, buat templat posting atau laman baru yang berisi bilah sisi secara default menggunakan area konten primer. Untuk memulai, buka Template → Pembuat Tema . Kemudian, pilih di mana Anda ingin menambahkan sidebar terlebih dahulu – baik Single Post atau Single Page :
Untuk berhemat ketika, Anda dapat menentukan salah satu template yang telah jadi. Atau, Anda bisa menciptakan desain Anda sepenuhnya dari awal. Opsi paling sederhana adalah memilih salah satu templat yang telah menyertakan bilah sisi:
apabila Anda menentukan buat mendesain template Anda berdasarkan awal, pastikan buat memakai dua kolom dan tambahkan widget Sidebar pada mana Anda ingin sidebar kustom Anda ada. Kemudian, edit widget Bilah Sisi dan pakai dropdown Pilih Bilah Sisi untuk memilih bilah sisi khusus yg Anda daftarkan pada langkah sebelumnya. Setelah Anda melakukannya, Anda akan melihat pratinjau langsung dari setiap widget yang sudah Anda tambahkan:
Saat Anda menambahkan widget baru melalui WordPress Customizer atau area widget khusus, widget tadi akan otomatis muncul pada area bilah sisi ini.
Untuk menyelesaikan, Anda harus mempublikasikan template. Setelah selesai, Anda dapat menggunakan status tampilan untuk mengontrol tempat templat bilah sisi ditampilkan. Dapat ditampilkan pada konten apa pun (menggunakan bilah sisi di seluruh situs). Atau, Anda dapat menggunakan aturan tampilan untuk menambahkan bilah sisi ke konten tertentu saja.
