Cara Menyesuaikan Tema WordPress Anda
Jika Anda belum pernah mengkustomisasi tema WordPress sebelumnya, Anda mungkin menganggapnya terdengar rumit. Tapi tidak ada yang jauh dari kebenaran. Mengubah tampilan dan fungsi situs WordPress Anda menjadi lebih mudah dari sebelumnya berkat beragam tema WordPress yang hadir dengan opsi tema lanjutan.
Banyak tema, seperti Total, menyertakan pembuat halaman dan opsi penyesuaian bawaan sehingga Anda dapat membuat situs web unik tanpa menggunakan kode. Jika tema Anda tidak ada, ada banyak plugin yang dapat Anda gunakan untuk menambahkan pengaturan desain dengan mudah. Atau jika Anda hanya memerlukan beberapa penyesuaian gaya yang sangat spesifik, atau jika Anda yakin dengan kemampuan Anda dalam membuat kode, Anda juga dapat membuat tema anak untuk mengedit kode keras pada situs Anda.
Sesuaikan Tema Anda dengan Opsi Bawaan
Pertama, lihat apakah tema Anda menyertakan opsi gaya bawaan. Banyak pengembang tema yang menyertakan beberapa gaya, terutama jika Anda menggunakan tema premium. Ini bisa berupa pengaturan, template, atau bahkan ekstensi.
Panel Tema
Banyak tema premium menampilkan panel tema tempat Anda dapat menemukan beberapa pengaturan terkait desain. Ini dapat mencakup opsi latar belakang, opsi warna, pengaturan font, opsi media, dll. Opsi yang tersedia akan bervariasi sesuai dengan tema Anda.
Misalnya, tema Total WordPress menyertakan panel tema tempat Anda dapat menemukan penyesuaian untuk palet warna, pembuat header dan footer, pengelola font, dan banyak lagi.
Penyesuai Langsung
Awalnya diperkenalkan di WordPress 3.4, Customizer menampung berbagai pengaturan yang terkait dengan tampilan tema Anda. Ini termasuk opsi default untuk mengunggah logo, atau mengelola menu. Namun pengembang tema juga dapat menambahkan banyak pengaturan gaya di sini.
Untuk mengakses Penyesuai, Anda hanya perlu menavigasi ke Tampilan > Sesuaikan. Dari sini Anda akan melihat bahwa Penyesuai disusun menjadi beberapa bagian. Secara default ini adalah untuk Identitas Situs (judul dan ikon situs), Menu, Widget, Beranda (untuk mengatur beranda Anda sebagai blog atau halaman) dan yang terakhir di mana Anda dapat menambahkan CSS Khusus.
Namun opsi tambahan yang tersedia di Penyesuai Anda akan bergantung pada opsi yang ditambahkan oleh tema dan plugin aktif Anda. Namun yang paling umum mencakup pemilih warna, opsi tata letak, pengaturan jenis kiriman khusus, dll.
Umumnya opsi yang dipilih, Kustomisasi, akan diterapkan secara global, artinya ke seluruh situs Anda. Jadi, jika Anda memilih tata letak menu header yang berbeda, seperti lokasi logo dan menu di tengah, tata letak tersebut akan terlihat seperti itu di semua halaman situs Anda (kecuali tema Anda juga menawarkan penyesuaian per halaman).
Menggunakan tema Total sebagai contoh lagi, di Total's Customizer Anda akan menemukan gaya untuk header halaman Anda, hasil pencarian, pagination, gulir ke atas, font, struktur posting blog, struktur jenis posting khusus, tautan sosial, bilah atas, info footer , pengaturan respons situs, dan lainnya.
Catatan: Penyesuai biasanya tersedia dengan tema Klasik namun disembunyikan secara default dengan Tema Blokir. Jika Anda menggunakan tema blok, sebagian besar opsi yang Anda perlukan untuk menata situs Anda dapat ditemukan di dalam Gutenberg.
Plugin yang Dibundel
Terakhir, beberapa tema premium mungkin menyertakan plugin premium yang menawarkan gaya. Dalam hal ini Anda hanya perlu memastikan untuk mengaktifkan plugin yang disertakan, atau “dibundel”. Ini sering kali merupakan pembuat halaman premium atau editor CSS yang akan kita bahas selanjutnya.
Gunakan Pembuat Halaman atau Editor CSS untuk Menyesuaikan Desain Situs Anda
Salah satu cara termudah untuk menyesuaikan desain tema Anda adalah dengan pembuat halaman atau editor CSS. Ini adalah plugin pihak ketiga (dengan satu pengecualian) yang menambahkan berbagai opsi penyesuaian desain.
Sebelum kita melihat beberapa opsi yang paling populer, penting untuk mengetahui bahwa pembuat halaman atau editor CSS tidak harus digabungkan atau disertakan dengan tema Anda agar Anda memiliki opsi untuk menggunakannya. Banyak tema yang mengiklankan kompatibilitas atau dukungan untuk plugin pihak ketiga. Jadi periksa saja halaman arahan tema Anda atau hubungi pengembang tema dan plugin untuk mengonfirmasi apakah pembuat pilihan Anda akan berfungsi dengan tema Anda. Atau dalam hal opsi gratis, cobalah sendiri dan lihat bagaimana hasilnya!
Pembuat Halaman
Pembuat halaman adalah cara visual yang mudah untuk membuat tata letak desain situs Anda menggunakan blok atau elemen yang dapat Anda sisipkan, susun ulang, dan edit. Pembuat masih mengandalkan gaya inti tema Anda, namun Anda memiliki kebebasan untuk merancang tata letak atau menggabungkan elemen sesuai keinginan Anda. Ini bisa untuk semua jenis konten termasuk judul, kotak ikon, kisi gambar, tombol, grafik – hampir semua hal yang dapat Anda pikirkan! Dan untuk setiap blok atau elemen Anda memiliki pengaturan desain untuk menyesuaikan hal-hal seperti warna, font, padding, overlay, memuat animasi, dll.
Pembuat halaman sangat fleksibel menjadikannya pilihan bagus untuk pemula karena tidak diperlukan pengetahuan coding!
Gutenberg (Gratis)
Pelajari Tentang Gutenberg
Dibangun ke dalam inti WordPress adalah pembuat halaman Gutenberg. Ini adalah editor berbasis blok yang dapat Anda gunakan untuk membuat konten dan halaman posting, atau jika Anda menggunakan tema Full Site Editing (FSE), Anda bahkan dapat menggunakan Gutenberg untuk mendesain bagian header, footer, dan template Anda. Gutenberg juga menawarkan perpustakaan pola blok yang penuh dengan tata letak gratis yang dapat Anda gunakan untuk mendesain situs Anda, serta sejumlah ekstensi pihak ketiga untuk menambahkan lebih banyak opsi blok untuk Anda gunakan.
Elemen (Gratis & Premium)
Dapatkan Elemen
Opsi populer lainnya adalah Elementor, yang menawarkan versi gratis dan pro. Versi gratisnya menawarkan 40+ elemen pembuat standar dengan fitur gaya yang ditingkatkan, sementara Pro menawarkan 90+ elemen serta templat siap pakai, kit, efek gerakan, pembuat WooCommerce, pembuat popup, pengelola peran, penggeser, dan banyak lagi. Meskipun versi gratisnya agak terbatas dibandingkan dengan versi pro, namun ini masih merupakan opsi pembuat yang sangat bagus terutama jika anggaran Anda terbatas dan lebih memilih antarmuka Elementor daripada antarmuka Gutenberg.
WPBakery (Premium)
Dapatkan WPBakery
Pembuat terakhir yang ingin kami perkenalkan adalah WPBakery. Ini adalah pembuat halaman premium yang sering kali digabungkan dengan tema premium. Apa yang membuat pembuat ini sedikit berbeda adalah banyak tema yang dipasangkan dengan WPBakery menawarkan Anda fitur-fitur tambahan. Ini sering kali merupakan blok pembangun tambahan atau pengoptimalan fitur. Misalnya, Total menyertakan WPBakery bersama dengan pengaturan pembuat tema khusus untuk mode ramping yang dioptimalkan SEO.
Editor CSS
Editor CSS adalah jenis plugin lain yang dapat digunakan untuk menyesuaikan desain situs Anda. Secara khusus, mereka memungkinkan Anda mengubah gaya tata letak situs dan fitur desain yang ada, dibandingkan dengan pembuat halaman yang memungkinkan opsi untuk membuatnya dari awal. Misalnya, jika Anda ingin mengubah warna font yang digunakan dalam judul di beranda tetapi Anda merasa tidak nyaman menambahkan kode khusus sendiri, Anda dapat menggunakan editor CSS.
Pahlawan CSS (Premium)
Dapatkan Pahlawan CSS
Salah satu editor CSS titik dan klik terbaik adalah CSS Hero. Opsi premium ini mengaktifkan opsi gaya CSS di seluruh situs WordPress Anda, jadi meskipun tema Anda tidak menawarkan opsi warna atau spasi tertentu, Anda masih dapat mengedit keseluruhan tata letak dan desain situs Anda. Fitur lainnya adalah pustaka cuplikan siap pakai, pemeriksa kode, pratinjau langsung, dukungan untuk warna merek, riwayat alur kerja (dengan titik penyimpanan), dan banyak lagi.
Editor Gaya CSS Visual (Gratis)
Instal Editor Gaya Visual CSS
Opsi editor CSS lainnya adalah Visual CSS Style Editor gratis. Ini akan menargetkan 60+ properti CSS untuk hal-hal seperti warna, font, spasi huruf, padding, radius batas, opacity, dll. Meskipun ada versi premium, kami terutama merekomendasikan plugin gratis.
Buat Tema Anak untuk menambahkan Kode Kustom
Terakhir, jika Anda merasa nyaman melakukan coding maka menggunakan tema anak adalah cara lain untuk menyesuaikan tema WordPress Anda. Anda tidak boleh menyesuaikan file tema secara langsung karena dua alasan utama: 1 untuk mencegah hilangnya semua perubahan setiap kali Anda memperbarui tema dan 2 untuk memastikan Anda selalu memperbarui tema demi keamanan. Tema anak memungkinkan Anda membangun situs impian Anda tanpa melakukan pengeditan langsung pada tema induk.
Dengan menggunakan file stylesheet tema anak Anda (style.css), Anda dapat mengubah tampilan keseluruhan situs web Anda dengan beberapa baris kode. Dengan file PHP khusus yang dikenal sebagai function.php, Anda dapat menambahkan fitur atau mengubah struktur situs Anda. Anda dapat melangkah lebih jauh dan membuat file templat untuk tema anak Anda, yang memberi Anda kendali penuh atas desain dan struktur tema Anda.
Setelah tema anak Anda diterapkan, Anda dapat mengubah tema sesuai keinginan Anda. Anda sebenarnya hanya dibatasi oleh pemahaman Anda tentang fungsi CSS, HTML, JavaScript, PHP, dan WordPress.
<p>Dengan alat-alat ini yang siap, Anda seharusnya siap untuk mulai menyesuaikan tema WordPress dan desain situs Anda! Bagi sebagian besar pengguna, kami menyarankan untuk tetap menggunakan pengaturan desain bawaan tema Anda, atau pembuat halaman pihak ketiga atau editor CSS. Ini memiliki kurva pembelajaran yang sangat kecil dan memberi Anda semua opsi yang diperlukan untuk mengubah desain Anda.