Cara Menyesuaikan Tema WordPress Anda (Panduan Pemula)

Diterbitkan: 2022-03-29

Apakah Anda ingin mempelajari cara menyesuaikan desain tema WordPress Anda?

Banyak tema WordPress hadir dengan opsi bawaan untuk menyesuaikan desain dan tata letak dengan mudah. Anda juga dapat menambahkan lebih banyak opsi penyesuaian menggunakan plugin.

Pada artikel ini, kami akan menunjukkan kepada Anda cara menyesuaikan tema WordPress dengan mudah dan menjadikannya milik Anda sendiri.

Customizing a WordPress theme for beginners

Berikut adalah daftar topik yang akan kami bahas dalam panduan ini:

  • Mengapa Menyesuaikan Tema WordPress Anda
  • Menggunakan Penyesuai Tema Default
  • Sesuaikan Tema WordPress dengan Editor Situs Lengkap
  • Menggunakan Penyesuai Tema Lama di WordPress
  • Sesuaikan Tema WordPress Anda dengan Kontrol Penuh
  • Kustomisasi Halaman Individu dengan Pembuat Halaman SeedProd
  • Buat Tema WordPress Kustom

Siap? Mari kita mulai.

Mengapa Menyesuaikan Tema WordPress Anda

Tema WordPress dirancang untuk ceruk situs web umum. Misalnya, ada tema untuk berbagai jenis situs web bisnis kecil, fotografer, blogger, dan banyak lagi.

Setelah memilih tema, Anda harus menyesuaikannya dengan kebutuhan Anda sendiri.

Misalnya, Anda mungkin ingin menggunakan logo kustom Anda sendiri, warna merek, sedikit mengubah tata letak, mengubah ukuran font, menggunakan gambar Anda sendiri, dan banyak lagi.

Beberapa penyesuaian ini diperlukan untuk membuat situs web yang benar-benar mewakili bisnis dan merek Anda, dan tidak hanya terlihat seperti milik orang lain.

Bergantung pada tema WordPress yang Anda pilih, opsi ini dapat sangat bervariasi dari satu tema ke tema lainnya.

Misalnya, beberapa tema mungkin memberi Anda opsi untuk memindahkan bilah sisi dari kanan ke kiri sementara yang lain bahkan mungkin tidak memiliki bilah sisi dalam tata letaknya.

Karena itu, mari kita lihat cara menyesuaikan tema WordPress Anda dengan mudah tanpa menulis kode apa pun, dan membawanya ke tingkat berikutnya tanpa merusak situs web Anda.

Menggunakan Penyesuai Tema Default

WordPress keluar dengan pengalaman pengeditan situs lengkap di WordPress 5.9.

Saat ini tidak banyak tema di pasaran dengan dukungan penuh untuk fitur pengeditan situs lengkap yang baru.

Namun, kami akan menunjukkan cara menggunakannya untuk menyesuaikan tema WordPress Anda. Kami juga akan menunjukkan cara menggunakan penyesuai tema lawas serta alat pembuat situs WordPress lengkap yang kami rekomendasikan untuk pemula.

Menggunakan Editor Situs Lengkap di WordPress untuk Menyesuaikan Tema

Jika tema WordPress Anda mendukung editor situs lengkap, maka Anda akan melihat menu Editor di bawah opsi Appearance di sidebar admin WordPress.

Launch new full site editor in WordPress

Mengkliknya akan meluncurkan editor situs lengkap.

Editor ini seperti editor blok yang Anda gunakan untuk menulis posting dan halaman WordPress.

Full site editor

Anda dapat menambahkan elemen baru ke template Anda dengan menambahkan blok. Selain blok biasa, Anda juga dapat menggunakan blok seluruh situs seperti navigasi, logo, loop kueri pos, dan banyak lagi.

Setiap blok dilengkapi dengan pengaturannya sendiri, di mana Anda dapat menatanya secara berbeda dan mengubah warna, tipografi, dan opsi lainnya.

Block settings

Tema WordPress Anda juga dapat memberikan pola tambahan yang dapat Anda gunakan untuk membuat bagian yang berbeda dengan cepat.

Anda dapat menemukannya di bawah tab Pola.

Add patterns to your layouts

Anda dapat mengedit berbagai area situs web Anda dengan mengklik nama template di bagian atas dan memilih template yang berbeda untuk diedit.

Untuk melihat lebih banyak template, Anda dapat mengklik 'Jelajahi semua template' di bagian bawah.

Borwse templates

Ini akan menampilkan daftar template yang tersedia di tema Anda yang dapat Anda edit.

Cukup klik pada nama template untuk membukanya di editor.

Select a template to edit

Template akan terbuka di editor blok yang sama.

Dari sini, Anda dapat mengeditnya sesuka Anda.

Editing posts template

Setelah Anda puas dengan perubahan yang Anda buat pada tema Anda, cukup klik tombol Simpan di bagian atas untuk menerapkan perubahan Anda.

Save changes to your theme

Editor situs lengkap adalah cara yang kuat dan fleksibel untuk menyesuaikan tema WordPress Anda.

Namun, ini adalah fitur baru dan banyak tema WordPress tidak mendukungnya saat ini.

Menggunakan Penyesuai Tema Lama di WordPress

Jika tema WordPress Anda belum mendukung editor situs lengkap, maka itu akan menggunakan fitur penyesuai tema lama di WordPress.

Dalam hal ini, Anda dapat menyesuaikan tema Anda dengan membuka halaman Penampilan »Sesuaikan .

Launching WordPress theme customizer

Mengkliknya akan meluncurkan Penyesuai Tema.

Anda akan melihat pengaturan penyesuaian di sisi kiri layar Anda, dan pratinjau langsung situs web Anda di sebelah kanan.

WordPress theme customizer

Area situs web Anda yang dapat diedit akan disorot dengan ikon pensil di pratinjau langsung.

Anda juga dapat memperluas setiap opsi di panel kiri untuk mengubah pengaturannya.

expanded option in theme customizer

Jumlah opsi di panel kiri akan bervariasi dari satu tema ke tema lainnya.

Namun, sebagian besar tema akan mendukung dasar-dasar seperti tagline situs Anda, widget, pengaturan beranda, menu, dan pengaturan CSS tambahan.

Untuk detail lebih lanjut, lihat panduan kami tentang cara menggunakan penyesuai tema WordPress untuk mengedit tema Anda.

Sesuaikan Tema WordPress Anda dengan Kontrol Penuh

Opsi kustomisasi tema WordPress default bergantung pada tema WordPress yang Anda gunakan.

Jika tema Anda mendukung suatu fitur, Anda mungkin dapat menyesuaikannya menggunakan penyesuai atau editor situs lengkap. Ini membatasi kemampuan Anda untuk menyesuaikan tema WordPress.

Bagaimana jika Anda ingin menyesuaikan lebih lanjut atau bahkan membuat tema WordPress khusus untuk situs web Anda?

Di sinilah SeedProd masuk.

Ini adalah pembuat situs web WordPress terbaik di pasar. Anda dapat menggunakannya untuk membuat tata letak situs web yang indah dan bahkan membuat tema khusus tanpa menulis kode apa pun.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin SeedProd. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus memasukkan kunci lisensi Anda. Anda dapat menemukan informasi ini di bawah akun Anda di situs web SeedProd.

Setelah itu, Anda harus memilih apakah Anda ingin membuat tema WordPress khusus atau membuat halaman individual untuk situs web Anda.

SeedProd dapat melakukan keduanya dan kami akan menunjukkan kepada Anda kedua pendekatan tersebut.

Kustomisasi Halaman WordPress Individual dengan SeedProd

Pendekatan ini cukup fleksibel dan memungkinkan Anda membuat tata letak halaman sesuai permintaan dengan mudah.

Misalnya, Anda dapat mendesain halaman arahan khusus untuk produk atau kampanye pemasaran, atau membuat halaman terima kasih untuk mengirim pengunjung setelah mereka mendaftar ke daftar email Anda.

Cukup buka halaman SeedProd »Halaman Arahan dan kemudian klik tombol Tambahkan Halaman Arahan Baru.

Add new landing page

Selanjutnya, Anda perlu memilih template untuk halaman Anda.

Template ini digunakan sebagai titik awal, sehingga Anda dapat mengubah semua yang ada di dalamnya nanti. Atau, Anda bisa mulai dengan kanvas kosong.

Select a template

Cukup klik pada template untuk melanjutkan.

SeedProd kemudian akan meminta Anda untuk memberikan judul untuk halaman Anda dan memilih URL.

Page name and URL

Setelah memasukkan informasi yang diperlukan,. klik tombol Simpan dan Mulai Mengedit Halaman.

Ini akan meluncurkan antarmuka pembuat halaman SeedProd. Ini adalah alat desain seret dan lepas.

Editing a page layout in SeedProd

Di sebelah kiri, Anda akan melihat blok dan bagian yang dapat Anda tambahkan ke tata letak halaman dengan pratinjau halaman yang dapat diedit secara langsung di sebelah kanan.

Anda cukup mengarahkan dan mengklik elemen mana pun dari halaman Anda untuk mengeditnya.

Point and click to edit any element

Anda juga dapat menambahkan blok baru dan bahkan menyelesaikan bagian ke tata letak Anda dari kolom kiri.

Add new blocks

SeedProd hadir dengan semua elemen desain web populer yang Anda perlukan untuk membuat situs web Anda. Ini termasuk formulir kontak, formulir optin, formulir login, testimonial, bilah kemajuan, akordeon, menu navigasi, kotak ikon, dan banyak lagi.

Ini juga mencakup dukungan lengkap untuk WooCommerce. Anda dapat menggunakan blok WooCommerce untuk menampilkan produk di mana saja di situs web Anda, membuat halaman check out khusus, atau mendesain halaman keranjang untuk toko online Anda.

WooCommerce blocks

Setelah Anda puas dengan desain dan tata letak halaman Anda, Anda dapat mengklik tombol Simpan di kanan atas.

Dari sini, Anda juga dapat memilih untuk menerbitkan halaman atau menyimpannya sebagai template.

Save or publish a page

Itu dia! Anda dapat mengulangi proses ini untuk membuat lebih banyak halaman khusus di situs web Anda.

Membuat Tema Kustom di WordPress dengan SeedProd

Pendekatan ini sangat disarankan jika Anda ingin membuat desain yang benar-benar unik untuk blog, situs web bisnis, atau toko eCommerce Anda.

Dengan metode ini, Anda akan mendesain tema WordPress kustom Anda sendiri dari awal menggunakan pembuat halaman seret dan lepas yang sama.

Bagian terbaiknya adalah tema khusus SeedProd Anda akan berfungsi apa pun tema yang telah Anda instal di situs Anda. Itu berarti Anda tidak perlu khawatir tentang menyesuaikan tema WordPress standar, tetapi akan memiliki kebebasan total dalam membuat desain Anda.

Untuk memulai, cukup buka halaman SeedProd » Theme Bulder dan klik tombol Themes.

Create SeedProd theme

SeedProd sekarang akan menunjukkan kepada Anda banyak tema pemula untuk dipilih.

Anda dapat sepenuhnya mengubah setiap aspek dari tema-tema ini.

Choose theme template

Setelah Anda memilih tema, SeedProd akan menghasilkan semua template tema.

Editing a theme template

Cukup klik tautan Edit Desain di bawah file template untuk mengeditnya.

Anda akan melihat pratinjau langsung dari template di kolom kanan dengan panel pengeditan di kolom kiri.

Edit theme template

Cukup arahkan dan klik untuk mengedit item atau melepaskan elemen apa pun dari kolom kiri.

Add new block to your template

SeedProd juga dilengkapi dengan blok khusus untuk pengeditan di seluruh situs.

Ini adalah blok dinamis yang dapat Anda gunakan untuk menampilkan loop konten (untuk posting blog), judul posting, gambar unggulan, dan banyak lagi.

Add template tag blocks

Setelah Anda selesai membuat perubahan pada tema, jangan lupa Simpan perubahan Anda.

Ulangi proses untuk mengedit template lain sesuai keinginan Anda.

Setelah selesai, buka halaman SeedProd »Pembuat Tema dan alihkan sakelar di sebelah opsi 'Aktifkan Tema SeedProd' ke 'Ya'.

Enable SeedProd theme

SeedProd sekarang akan mengganti tema WordPress Anda dengan tema khusus yang baru saja Anda buat.

Untuk mempelajari lebih lanjut tentang pembuat tema WordPress SeedProd, lihat tutorial kami tentang cara membuat tema WordPress kustom tanpa menulis kode.

Kami harap artikel ini membantu Anda mempelajari cara menyesuaikan tema WordPress sesuai keinginan Anda.

Anda mungkin juga ingin melihat panduan kami tentang cara membuat buletin email, atau lihat panduan SEO WordPress kami untuk mengoptimalkan situs web Anda untuk lalu lintas pencarian lebih banyak.

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.