Cara Mengedit Template WordPress Menggunakan Editor Template: Tutorial Pengeditan Situs Lengkap
Diterbitkan: 2024-11-06Daftar isi
Apakah Anda mencari cara sederhana untuk menyesuaikan desain situs WordPress Anda? Dalam panduan ini, saya akan menunjukkan cara mengedit template di WordPress menggunakan Editor Template. Baik Anda baru mengenal WordPress atau sudah berpengalaman, panduan langkah demi langkah ini akan membantu Anda membuka kecanggihan pengeditan situs WordPress secara lengkap .
Mengapa Menggunakan Pengeditan Situs Lengkap di WordPress?
Pengeditan Situs Lengkap WordPress adalah cara cerdas untuk menyederhanakan proses desain situs web Anda. Fitur ini memungkinkan Anda menyesuaikan tampilan dan nuansa situs Anda dengan mengedit templat dan bagian templat.
Meskipun templat tradisional ada sebagai file di folder tema Anda, templat blok dapat diedit langsung di Editor Situs WordPress. Tidak perlu mendalami kode, yang sangat menghemat waktu dan membuat proses desain lebih mudah diakses.
Cara Mengakses Editor Template di WordPress
Untuk memulai, masuk ke dashboard WordPress Anda dan navigasikan ke Appearance > Editor .
Dari sana, klik Templat. Di sini, Anda akan melihat semua templat yang digunakan tema Anda. Templat ini mengontrol tata letak postingan dan halaman Anda.
Tip Pro: Editor Templat hanya tersedia jika Anda menggunakan tema blok atau tema klasik yang telah mengaktifkan Editor Templat. Pastikan tema Anda kompatibel sebelum Anda mulai mengedit.
Menyesuaikan Template Posting Tunggal di WordPress
Katakanlah Anda ingin mengedit tata letak semua postingan blog Anda. Anda harus menyesuaikan template Single Posts . Templat ini mengontrol bagaimana postingan blog individual ditampilkan di situs Anda.
Tapi inilah masalahnya: Jika Anda hanya ingin mengubah tata letak satu postingan tertentu, Anda harus mengedit postingan tersebut secara langsung, bukan template Single Posts. Mengedit template mempengaruhi semua postingan yang menggunakannya, jadi pilihlah dengan bijak!
Cara Melihat Struktur Template WordPress Anda
Setelah Anda berada di Editor Templat, Anda akan melihat nama templat yang sedang Anda edit di bagian atas. Untuk melihat daftar semua blok di templat, klik ikon Tampilan Daftar (terlihat seperti tiga garis horizontal di kiri atas).
Ini adalah cara terbaik untuk melihat blok mana yang sudah menjadi bagian dari template Anda. Anda dapat mengklik blok mana pun untuk menyesuaikan konten atau pengaturannya. Tampilan Daftar membuatnya sangat mudah untuk memahami struktur template Anda sebelum Anda mulai melakukan penyesuaian.
Mengedit Blok Template WordPress
Saatnya melakukan beberapa perubahan! Mari kita mulai dengan Header . Header adalah bagian template yang muncul di semua halaman situs. Misalnya, Anda dapat mengedit elemen seperti Judul Situs , Logo Situs , atau Blok Navigasi .
Perhatian: Perubahan pada header mempengaruhi setiap halaman yang menggunakannya. Jadi, jika Anda mengedit header, pastikan header berfungsi untuk keseluruhan situs Anda.
Dalam kasus saya, saya mengganti menu mega dengan yang lebih sederhana. Pada awalnya, saya menghapus header default dan kemudian menambahkan header lain yang disertakan dengan tema saya.
Saya tidak ingin mengalihkan perhatian pengunjung dari membaca postingan saya, jadi saya memilih header yang bersih dan minimalis. Terkadang, lebih sedikit lebih baik, bukan? Karena bagian templat dapat dihapus atau ditambahkan seperti blok lainnya, prosesnya mudah. Anda hanya bekerja seperti blok WordPress biasa.
Hal yang sama berlaku untuk Footer . Ini adalah bagian templat lain yang muncul di seluruh halaman Anda. Edit sekali, dan perubahan akan berlaku di seluruh situs. Misalnya, footer saya berisi elemen seperti judul situs, kredit footer WordPress, informasi kontak, dan menu navigasi. Ingin melakukan penyesuaian pada footer? Teruskan! Ingat saja, perubahan akan terlihat di mana pun footer digunakan.
Terlebih lagi, jika Anda berpikir untuk menambahkan sidebar ke template Anda— peringatan spoiler —Anda akan menggunakan Kolom untuk itu. Pantau terus, karena postingan kami berikutnya akan memandu Anda cara melakukan hal itu!
Blok Kunci untuk Menyesuaikan Template WordPress Anda
Saat menyesuaikan templat postingan atau halaman, Anda mungkin akan menggunakan beberapa blok utama untuk mengelola bagaimana konten Anda ditampilkan. Misalnya, blok Judul memastikan judul postingan yang Anda tulis muncul sesuai keinginan Anda, dengan opsi untuk menyesuaikan perataan, ukuran, dan warna. Jika tema Anda menyertakan bagian Post Meta , Anda dapat menampilkan detail seperti penulis, tanggal, dan kategori, namun jika tidak, Anda dapat menambahkan dan menyesuaikannya satu per satu.
Blok Gambar Unggulan dalam pengeditan situs lengkap memungkinkan Anda mengontrol visual utama untuk setiap posting, dengan pengaturan ukuran, posisi, dan bahkan overlay. Dan jangan lupa tentang blok Komentar ! Ini mengatur bagaimana tanggapan pembaca ditampilkan, lengkap dengan sub-blok yang menangani detail yang lebih halus.
Terakhir, blok tema seperti blok Konten memungkinkan Anda menyisipkan elemen dari situs Anda secara dinamis ke dalam templat di FSE, memberi Anda kendali penuh atas bagaimana konten Anda muncul di seluruh halaman dan postingan Anda.
Menambahkan Elemen Baru ke Templat Anda
Ingin lebih mempersonalisasi postingan Anda? Anda dapat menambahkan blok baru ke template Single Posts Anda. Misalnya, Anda mungkin ingin menambahkan blok Post Excerpt atau bahkan kotak berlangganan.
Ini semudah mengklik penyisip + blok, memilih blok yang Anda inginkan, dan memposisikannya di tata letak Anda. Dan jika Anda berpikir untuk menambahkan sesuatu seperti formulir kontak atau tombol ajakan bertindak , ini adalah tempat yang tepat.
Membungkusnya
Setelah Anda selesai mengedit, klik Simpan di sudut kanan atas untuk menerapkan perubahan pada template Anda di antarmuka pengeditan situs lengkap WordPress. Setiap pembaruan yang Anda lakukan secara otomatis akan diutamakan daripada file template default dari tema Anda.
Saat Anda mengedit, ingatlah bahwa templat WordPress bertindak sebagai cetak biru bagaimana postingan dan halaman Anda disusun. Jadi, perubahan apa pun yang Anda buat di Editor Templat WordPress akan memengaruhi semua konten yang menggunakan templat tertentu tersebut dalam pengeditan situs lengkap WordPress. Pastikan untuk melihat pratinjau dan menguji perubahan Anda sebelum ditayangkan.
Pemikiran Terakhir: Menggunakan Pengeditan Situs Lengkap WordPress
Templat di WordPress seperti cetak biru situs Anda, memastikan semuanya tertata rapi. Saya harap panduan ini memberi Anda kepercayaan diri untuk mulai menyesuaikan template Anda.
Jika Anda memiliki pertanyaan, sampaikan di komentar di bawah. Pernahkah Anda mengedit template WordPress sebelumnya? Beri tahu saya tentang pengalaman Anda!
Pertanyaan Umum
Apa itu Editor Templat di WordPress?
Apakah saya memerlukan keterampilan coding untuk menggunakan Editor Template di FSE?
Bisakah saya mengubah desain satu postingan menggunakan Editor Template?
Pertanyaan bagus! Jika Anda ingin mengubah desain postingan tertentu, Anda harus mengedit postingannya secara langsung, bukan templatenya. Editor Template mengubah tata letak semua postingan menggunakan template tersebut, jadi ini bukan tempat yang tepat untuk mengedit postingan individual.
Bagaimana cara menambahkan elemen baru ke template saya, seperti kotak langganan atau gambar?
Apa yang terjadi jika saya menyimpan perubahan pada template?