Cara Menyesuaikan Tema WordPress

Mungkin saja Anda menginstal tema WordPress tetapi itu tidak berhasil untuk Anda. Untungnya, WordPress sangat dapat disesuaikan. Anda hanya perlu memilih cara yang tepat untuk melakukannya. Pada artikel ini, kami akan mengajari Anda beberapa cara berbeda untuk menyesuaikan tema WordPress Anda dengan aman dan efisien.

Opsi untuk Menyesuaikan Tema WordPress

Ada berbagai opsi untuk menyesuaikan tema situs WordPress Anda tergantung pada situasi Anda. Berikut ini ikhtisar singkat tentang opsi:

• Instal plugin untuk menambahkan fungsionalitas ke tema Anda
• Gunakan Customizer di layar admin WordPress Anda untuk menyesuaikan font, warna, dan tata letak, tergantung pada tema Anda
• Gunakan fitur tema pembuat halaman untuk menyesuaikan desain situs Anda
• Jika Anda telah menginstal tema kerangka kerja, gunakan salah satu tema anak yang tersedia untuk menyesuaikan situs web Anda
• Jika Anda memiliki kemampuan dan tema khusus untuk situs Anda, Anda dapat mengedit kode tema secara langsung
• Buat tema anak jika Anda ingin mengedit kode skema pihak ketiga

Bagaimana Mengetahui Jika Anda Perlu Menyesuaikan Tema WordPress

Dalam beberapa kasus, Anda sebenarnya tidak perlu menyesuaikan tema Anda. Sebaliknya, Anda dapat menginstal plugin sebagai gantinya. Tema menentukan desain situs web Anda, tampilannya, dan kontennya. Plugin hanya menambahkan fungsionalitas tambahan. Jika perubahan yang Anda perlukan lebih didasarkan pada fungsionalitas daripada desain, Anda mungkin ingin mempertimbangkan untuk menginstal plugin daripada menyesuaikan tema Anda. Anda dapat menulis plugin, mengunduhnya dari direktori plugin, atau membelinya.

Jika Anda ingin mengedit file functions.php di tema Anda, tanyakan pada diri Anda “Apakah saya ingin mempertahankan fungsi ini jika saya mengganti tema di masa mendatang?” Jika Anda menjawab ya, kode itu harus dimasukkan ke dalam plugin daripada tema Anda. Anda dapat menggunakan plugin daripada tema jika Anda ingin menambahkan widget, mendaftarkan jenis dan taksonomi pos khusus, membuat bidang khusus, dan menambahkan fitur tambahan seperti toko atau peningkatan SEO.

Cara Menyesuaikan Tema WordPress Anda melalui Layar Admin WordPress

Pilihan lainnya adalah menyesuaikan tema WordPress Anda melalui layar admin WordPress. Ini berfungsi jika perubahan yang ingin Anda buat cukup sederhana dan berfokus pada desain. Penyesuai menawarkan beberapa pilihan untuk menyesuaikan tema Anda. Pilihan yang tersedia akan tergantung pada tema Anda. Jika Anda melihat Editor di menu Appearance, pastikan untuk menghindarinya.

Kustomisasi Tema WordPress melalui Customizer

Cara paling sederhana untuk menyesuaikan tema WordPress Anda adalah dengan menggunakan WordPress Customizer. Anda dapat melakukan ini dengan salah satu dari dua cara:

• Saat Anda masuk dan melihat situs web Anda, klik tautan "Sesuaikan" di bilah admin di bagian atas layar.
• Atau, di layar admin, klik Appearance > Customize.

Either way akan membawa Anda ke Customizer.

Editor Tema WordPress

Saat Anda melihat layar admin situs web WordPress Anda, Anda mungkin melihat pilihan yang disebut "Editor Tema", yang dapat Anda lihat melalui Appearance > Theme Editor. Ini memungkinkan Anda untuk melihat file dalam tema Anda dan langsung mengeditnya. Namun, ini adalah ide yang buruk. Bahkan jika Anda tahu cara menulis CSS atau PHP, bukanlah ide yang baik untuk mengedit file dalam tema Anda. Pertama-tama, jika Anda telah membeli atau mengunduh tema pihak ketiga, setiap perubahan yang Anda buat akan hilang saat Anda memperbarui. Kedua, jika Anda membuat perubahan yang merusak situs web Anda, itu tidak akan dilacak dan versi file sebelumnya tidak akan diubah. Ada kemungkinan bahwa Anda dapat merusak situs web Anda secara permanen.

Bahkan WordPress tahu betapa berbahayanya menggunakan editor tema dan memberi Anda peringatan ketika Anda mencoba mengaksesnya. Jadi, ikuti saran WordPress dan jangan pernah menggunakan editor tema.

Jika Anda ingin mengedit kode di tema WordPress Anda, Anda dapat melakukannya menggunakan editor kode. Dan jangan pernah mengedit file di situs web langsung Anda sampai Anda mengujinya di situs pementasan. Jika Anda perlu mengedit tema pihak ketiga, Anda dapat melakukannya melalui tema anak.

Cara Menggunakan Pembuat Halaman dan Kerangka Kerja untuk Menyesuaikan Tema WordPress Anda

Banyak tema WordPress memiliki opsi penyesuaian, yang berarti Anda dapat mengubah desain dan tata letak dengan Customizer. Namun, beberapa tema sebenarnya dimaksudkan untuk diperluas dan disesuaikan, bahkan secara signifikan. Tema-tema ini sebenarnya disebut kerangka kerja. Atau, Anda dapat menggunakan plugin yang membantu Anda mendesain situs web Anda dengan antarmuka yang ramah pengguna, yang disebut pembuat halaman.

Gunakan Pembuat Halaman untuk Menyesuaikan Tema WordPress Anda

Inti dari plugin Page Builder adalah untuk memudahkan Anda mengatur desain situs web Anda. Antarmuka memungkinkan Anda untuk melihat apa yang akan Anda dapatkan sebelumnya. Pertama, Anda menginstal plugin pembuat halaman dengan tema yang kompatibel, kemudian menggunakan opsi untuk mendesain situs Anda sesuai keinginan Anda. Salah satu pembuat halaman paling populer adalah Elementor. Namun, ada beberapa opsi. Salah satu manfaat pembuat halaman adalah Anda dapat mengedit posting dan halaman Anda dengan antarmuka drag-and-drop. Ini memungkinkan Anda membuat halaman web yang unik dan melihat tampilan konten Anda. Mereka juga memberikan banyak fleksibilitas dalam hal tata letak dan desain.

Gunakan Kerangka Tema untuk Menyesuaikan Tema WordPress Anda

Jika Anda memilih untuk tidak menggunakan pembuat halaman, Anda juga dapat menggunakan kerangka kerja untuk menyesuaikan tema WordPress Anda. Kerangka tema adalah rangkaian tema yang dirancang untuk bekerja bersama. Ada satu tema induk, yaitu kerangka kerja, dan tersedia berbagai tema anak yang dapat Anda gunakan untuk menyesuaikan tema utama dan membuatnya terlihat seperti yang Anda suka. Divi adalah contoh kerangka tema. Ini memiliki opsi penyesuaian yang memungkinkan Anda untuk lebih menyesuaikan desain tema anak Anda, mirip dengan antarmuka seret dan lepas seperti di pembuat halaman.

Cara Mengedit Kode Tema WordPress Anda

Jika Anda tahu cara mengedit CSS dan/atau PHP, Anda dapat mengedit kode di tema Anda untuk menyesuaikannya. Ini memungkinkan Anda mengontrol paling banyak, tetapi juga membutuhkan pengetahuan paling teknis. Jika Anda mengedit tema Anda sendiri yang dikembangkan khusus untuk situs web Anda sendiri, maka Anda dapat mengeditnya secara langsung. Namun, jika Anda bekerja dengan tema pihak ketiga, Anda perlu membuat tema anak untuk menghindari kehilangan perubahan apa pun saat Anda memperbarui lagi.

Cara Mengedit File Tema

Langkah pertama mengedit tema WordPress Anda adalah mengetahui file tema mana yang mengontrol apa, dan mana yang perlu Anda edit.

Lembar Gaya

Setiap tema WordPress memiliki stylesheet, yang disebut style.css. Ini memiliki semua kode untuk menata situs web Anda, termasuk tata letak, font, skema warna, dan banyak lagi. Misalnya, jika Anda ingin mengubah warna dalam tema situs web Anda, Anda dapat mengedit lembar gaya. Dan jika Anda ingin menambahkan font baru, Anda dapat menggunakan stylesheet untuk menerapkan font yang diinginkan ke berbagai elemen, seperti teks isi dan judul.

Namun, perhatikan saat Anda mengedit stylesheet. Spesifisitas berarti bahwa kode untuk suatu elemen tidak selalu berasal dari tempat yang Anda pikirkan. Misalnya, elemen akan mewarisi gaya dari elemen lain yang berada di atasnya dalam hierarki halaman kecuali Anda menambahkan gaya yang khusus untuk elemen yang lebih rendah.

Untuk melihat pengaruh CSS pada setiap elemen pada halaman, Anda dapat menggunakan pemeriksa di browser Anda untuk melihat CSS. Kemudian, Anda dapat menggunakan ini untuk menulis CSS baru yang menargetkan elemen individual atau rentang elemen atau kelas pada halaman yang ingin Anda ubah.

Jika pembicaraan tentang CSS dan spesifisitas ini baru dan membingungkan Anda, kami sarankan Anda menghindari mengedit CSS tema Anda sendiri dan mencoba opsi lain untuk menyesuaikan tema WordPress Anda, atau izinkan pakar di SEO Design Chicago untuk membantu Anda!

File Fungsi

Sebagian besar tema juga memiliki file fungsi, yang disebut functions.php. File fungsi ditulis seluruhnya dalam PHP. File ini membuat banyak hal di tema Anda berfungsi. Anda dapat menemukan kode dalam file ini untuk mendaftarkan fitur tema seperti gambar unggulan, widget, dan lainnya. Anda juga dapat menambahkan kode fungsional ke tema Anda di file fungsi. Namun, Anda mungkin ingin mempertimbangkan untuk menulis plugin daripada menambahkan kode ke file fungsi.

File Template Tema

Sebagian besar file dalam sebuah tema adalah file template tema. File-file ini menentukan konten apa yang dihasilkan WordPress pada halaman tertentu, dan dipilih sesuai dengan hierarki template. Anda dapat mengedit file-file ini, atau membuat yang baru, untuk mengubah cara konten dikeluarkan pada jenis posting, halaman, atau arsip tertentu.

Misalnya, jika tema Anda memiliki file archive.php yang digunakan untuk menampilkan halaman arsip untuk kategori dan tag, Anda dapat membuat perubahan pada cara tag dikeluarkan. Kemudian, Anda membuat file bernama “tag.php,” yang akan didasarkan pada archive.php dengan perubahan Anda.

Sekali lagi, berhati-hatilah saat mengedit file karena dapat merusak situs Anda. Selalu gunakan situs pementasan terlebih dahulu!

Menyesuaikan Tema Pihak Ketiga dengan Tema Anak

Jika Anda menjalankan tema pihak ketiga di situs web Anda dan ingin mengedit kodenya, Anda harus membuat tema anak. Jika Anda mengedit tema secara langsung dan kemudian memperbarui, Anda akan kehilangan semua perubahan Anda.

Cara Membuat Tema Anak

1. Di wp-content/themes, buat folder baru.
2. Di folder ini, buat lembar gaya. Di lembar gaya baru, beri tahu WordPress bahwa ini adalah tema anak dari tema Anda yang sudah ada.
3. Kemudian, tambahkan salinan file yang ingin Anda edit ke tema anak. Edit file dalam folder ini.
4. Terakhir, aktifkan tema anak di situs web Anda.

WordPress selalu menggunakan file dari tema anak untuk menampilkan konten, kecuali ada file yang lebih tinggi dalam hierarki di tema induk. Bahkan jika ada dua versi dari file yang sama, WordPress akan menggunakan salah satu dari tema anak. Pada dasarnya, file baru dalam tema anak akan selalu menimpa file dari tema induk.

Praktik Terbaik untuk Cara Menyesuaikan Tema WordPress Anda

Ini adalah beberapa praktik terbaik yang harus diikuti setiap kali Anda menyesuaikan tema WordPress Anda.

Sesuaikan Tanpa Menambahkan Kode Kapanpun Memungkinkan

Kapan pun Anda dapat membuat penyesuaian melalui Penyesuai, atau di mana pun di layar admin, ini adalah opsi yang jauh lebih baik daripada mengedit kode. Hanya edit kode jika Anda terbiasa dengan CSS dan PHP dan Anda tahu cara melakukannya dengan aman.

Gunakan Situs Pengembangan Lokal untuk Membuat Perubahan

Jika Anda mengedit kode di tema Anda, atau membuat tema anak untuk membuat perubahan, selalu lakukan pekerjaan pengembangan pada instalasi lokal WordPress dengan tema Anda diinstal dan konten Anda disalin dari situs langsung Anda. Dengan cara ini, Anda dapat menguji langsung pembaruan Anda di situs mirror. Ini tidak berpengaruh pada situs langsung Anda, dan jauh lebih cepat.

Gunakan Kontrol Versi

Setiap kali Anda membuat perubahan pada tema WordPress Anda, Anda harus menggunakan kontrol versi untuk melacak perubahan Anda. Minimal, Anda perlu mengubah nomor versi tema dan menyimpan salinan kedua versi. Tetapi untuk melakukan kontrol versi dengan benar, Anda perlu menggunakan layanan (seperti GitHub, misalnya) untuk melacak perubahan Anda. Jika perubahan menyebabkan masalah, Anda dapat memutarnya kembali tanpa melakukan pengeditan manual. Ini adalah langkah yang sangat penting jika Anda bekerja sebagai sebuah tim.

Gunakan Situs Pementasan untuk Menguji Perubahan

Jika Anda dapat mengakses situs pementasan, pastikan untuk menguji situs ini sebelum mengaktifkan tema baru Anda di situs langsung Anda. Setiap situs lokal akan memiliki sedikit perbedaan dari situs langsung Anda karena berada di server yang berbeda dan mungkin berjalan pada versi PHP yang berbeda. Buat salinan situs langsung Anda di server pementasan Anda, lalu unggah dan aktifkan tema baru Anda. Pertama-tama uji situs Anda untuk memastikan semuanya berfungsi dengan benar, lalu dorong perubahan ke situs langsung Anda.

Jadikan Tema Anda Responsif Seluler

Sangat penting untuk memastikan bahwa tema baru Anda responsif untuk seluler, bukan hanya desktop. Pada tahun 2021, seluler menyumbang setengah dari lalu lintas web. Itulah mengapa sangat penting bahwa tema WordPress baru Anda ramah seluler, jika tidak, Anda dapat kehilangan hingga setengah lalu lintas Anda. Anda selalu dapat menggunakan alat seperti BrowserStack untuk melihat bagaimana situs web Anda muncul di berbagai perangkat.

Pastikan Kustomisasi Anda Dapat Diakses oleh Semua Orang

Penyesuaian apa pun yang Anda lakukan pada situs web Anda harus dapat diakses oleh semua orang, termasuk pengguna dengan disabilitas atau gangguan sensorik. Pertimbangkan perubahan apa pun seperti membuat warna Anda lebih cerah atau teks lebih kecil, dan pastikan semuanya sesuai dengan ADA.

Tetap berpegang pada Standar Pengkodean WordPress

Setiap kali Anda mengedit kode di tema WordPress Anda, atau membuat tema anak, Anda perlu memastikan kode Anda sesuai dengan standar pengkodean WordPress. Standar ini dimaksudkan untuk memastikan bahwa kode konsisten dan berkualitas tinggi.

Sesuaikan Tema WordPress Anda dengan Desain SEO Chicago

Salah satu alasan mengapa WordPress adalah platform terbaik untuk pembuatan situs web adalah karena sangat dapat disesuaikan. Namun, mungkin sulit untuk menyesuaikan situs Anda. Pengembang web Desain SEO Chicago adalah pakar WordPress dan dapat menyesuaikan tema untuk Anda, sehingga Anda mendapatkan situs web yang tepat yang Anda inginkan. Hubungi kami hari ini!

FAQ:

• Apakah Anda perlu menyesuaikan tema WordPress Anda?
• Mengapa saya tidak boleh menggunakan Editor Tema WordPress?
• Bagaimana cara menemukan Customizer di WordPress?
• Bagaimana cara mengedit tata letak, font, dan warna tema WordPress saya?
• Apa saja praktik terbaik untuk menyesuaikan tema WordPress?