Dalam tutorial ini, kita akan melihat lebih dekat cara memodifikasi tampilan setiap pos. Kita akan menjelajahi dua desain dan mempelajari cara menyusun ulang serta menumpuk berbagai jenis blok.
Hasil pembelajaran
- Mengakses Editor Situs dan Templat Pos.
- Mengenali tata letak default Templat Pos dari tema Anda.
- Mengidentifikasi berbagai Blok Tema yang digunakan untuk membuat tata letak satu pos.
- Memodifikasi Templat Pos agar sesuai dengan kebutuhan Anda.
- Memindahkan dan menumpuk berbagai jenis blok.
Pertanyaan pemahaman
- Bagaimana Anda ingin konten pos Anda ditampilkan?
- Blok Tema apa yang paling umum digunakan?
Transkrip
Halo dan selamat datang di Learn WordPress. Dalam sesi hari ini, kita akan melihat cara menyesuaikan tata letak konten pos Anda. Setiap tema blok dilengkapi dengan templat pos tunggal yang menyediakan struktur atau desain tentang bagaimana sebuah pos ditampilkan. Dan tentu saja, Anda dapat memodifikasinya agar sesuai dengan kebutuhan Anda.
Saat ini, saya telah memasang tema Twenty Twenty-Two, dan beginilah struktur sebuah pos secara default saat mengedit templat di Editor Situs. Mari klik Tampilan Daftar agar kita dapat melihat struktur halaman dengan lebih baik, dan sekarang Anda akan melihat Blok Judul Pos, Blok Gambar Unggulan Pos, Blok Konten Pos, serta di bagian paling bawah, Blok Tanggal Pos, Blok Penulis Pos, Blok Kategori Pos, dan Blok Tag Pos. Perhatikan bahwa tata letak default ini akan berbeda, tergantung pada tema yang Anda gunakan. Mari kita lihat tampilannya dari sisi depan situs web Anda. Anda akan melihat judul pos, gambar unggulan pos, konten pos, tanggal pos, penulis pos, lalu tag atau kategori.
Izinkan saya menunjukkan cara mengubah desain default ini dengan dua cara berbeda. Dalam contoh pertama, Anda akan melihat bahwa saya telah mengubah perataan judul situs dan memindahkan Blok Tanggal Pos, Penulis, dan Kategori ke bawah judul situs dan di atas gambar unggulan pos. Saya membiarkan Blok Gambar Unggulan Pos dan Blok Konten Pos tetap di tempat yang sama.
Dalam contoh kedua, saya membuat header pos khusus, menggunakan blok Sampul dan menumpuk menu navigasi, gambar unggulan, Blok Judul Pos, serta Blok Tanggal dan Penulis Pos secara bersamaan.
Mari kita lihat cara menyesuaikan templat pos dan membuat ulang contoh-contoh ini. Untuk mencapai tata letak yang kita lihat pada contoh pertama, klik Tampilan lalu Editor. Klik ikon WordPress atau ikon situs, buka templat, lalu pilih templat pos tunggal. Klik Tampilan Daftar untuk mendapatkan gambaran struktur halaman yang lebih baik, lalu pertama-tama kita akan mengubah perataan judul pos menjadi tengah. Kemudian gulir ke bawah dan temukan blok tema lainnya, lalu pilih blok Baris induk. Sekarang kita akan menyeret blok Baris ke bawah Blok Judul Pos dalam Tampilan Daftar, lalu mengubah perataannya menjadi tengah. Setelah selesai, klik Simpan. Sekarang kita dapat kembali ke sisi depan situs web untuk melihat tampilannya bagi seseorang yang mengunjungi situs Anda. Nah, begitulah hasilnya.
Untuk membuat ulang contoh kedua, kita kembali berada di Editor Situs dan akan membuka Templat, lalu memilih templat pos tunggal lagi. Hal pertama yang akan kita lakukan adalah menghapus header, Blok Judul Pos, Blok Gambar Unggulan Pos, serta semua Blok Tema lainnya. Sekarang kita akan menambahkan blok Sampul ke bagian atas halaman. Pada bilah alat blok terdapat opsi untuk menambahkan media, dan di sebelah kiri terdapat opsi untuk menggunakan gambar unggulan. Klik Gunakan gambar unggulan, lalu pilih warna hamparan. Pilih blok Sampul, kemudian ubah opasitas menjadi 80. Setelah itu, klik Penyisip dan tambahkan blok Baris. Di dalam blok Baris, kita akan menambahkan logo situs, lalu judul situs, dan kemudian blok Navigasi. Saya akan memilih salah satu menu yang sudah saya buat. Setelah selesai, pilih blok Logo Situs dan Judul Situs, lalu kelompokkan keduanya dalam satu baris.
Selanjutnya, pilih lagi blok Baris induk dan di samping justifikasi, pilih Beri jarak di antara item. Terakhir, pilih blok Navigasi dan pastikan Anda menonaktifkan opsi Izinkan pembungkusan ke beberapa baris. Kemudian kita akan memilih blok tersebut dan mengirimkannya ke bagian atas blok Sampul. Berikutnya, saya akan menambahkan Blok Judul Pos dan meratakannya ke tengah. Sekarang saya akan menambahkan blok Baris lain untuk mengelompokkan tanggal pos dan penulis pos. Pertama-tama, saya akan menambahkan Blok Tanggal Pos, lalu Blok Penulis Pos. Saya akan memilih lagi blok induk dan mengubah justifikasinya menjadi tengah. Kemudian kita akan menambahkan paragraf di antaranya, menambahkan tanda titik, dan membuatnya tebal. Lalu saya akan memastikan bahwa saya telah memilih lagi blok induk dan menggunakan pengaturan bilah sisi untuk mengubah jarak blok menjadi 10 piksel agar keduanya lebih berdekatan. Setelah itu saya akan menutup pengaturan bilah sisi dan Tampilan Daftar, lalu memastikan bahwa saya memperbesar ukuran blok Sampul. Terakhir, Anda juga dapat memilih untuk menghapus blok Pemisah tepat di bawah blok Sampul. Kemudian Anda dapat kembali ke sisi depan situs web untuk melihat perubahan yang telah Anda buat.
Jika Anda telah memodifikasi sebuah templat, Anda akan melihat titik kecil di atas gambar di sebelah nama tema Anda. Jika Anda tidak puas dengan perubahan tersebut, klik tiga titik vertikal dan pilih Hapus kustomisasi. Sekarang templat telah dikembalikan ke keadaan semula. Sampai di sini tutorial ini berakhir.
Semoga sukses dalam menyesuaikan templat pos Anda sendiri, dan kunjungi Learn WordPress untuk tutorial serta materi pelatihan lainnya.