Buat Tentang Saya Widget Sidebar Dengan Editor Pos [tutorial WordPress]
Blog besar memanfaatkan halaman "Tentang Saya" dengan sangat baik. Untuk mendapatkan pengguna di sana, 99% dari waktu mereka memasukkan "About Me Section" singkat, menarik di blog sidebar mereka. Dalam posting ini saya akan menunjukkan cara membuat bagian itu. Semudah menulis posting baru. Faktanya, kita akan menggunakan editor posting baru di WordPress untuk membuat ini.
Editor pos adalah salah satu alat paling serbaguna di WordPress, dan hampir tidak ada yang mengetahuinya. Apa yang akan saya tunjukkan kepada Anda adalah hack desain kecil yang cerdik, sebuah trik yang begitu diabaikan sehingga bahkan tidak tercakup dalam daftar 40 WordPress Hacks Hongkiat.com.
Trik ini juga bagus untuk mempelajari beberapa HTML dasar dan CSS, jika Anda baru memulai.
Buat Pesan Anda
Yang Anda butuhkan untuk tutorial ini adalah halaman "Tentang Saya", foto diri sendiri dan beberapa teks. Halaman "Tentang Saya" Anda harus fokus pada pencapaian Anda dalam blogging, melibatkan pembaca dengan beberapa pertanyaan, dan termasuk gambar-gambar blog Anda. Sudahkah halaman ini dibuat? Sempurna.
Sekarang, kita akan membawa semua ini ke Editor posting baru WordPress. Buka, dan unggah gambar Anda. Kami akan melakukan banyak dari ini dari Tab HTML. Ketika Anda mengunggah gambar, WordPress secara otomatis menghasilkan kode HTML untuknya. Buka tab HTML, dan buat spasi (tekan enter) di atas gambar Anda. Lalu, tulis pesan kait kecil di sini, sesuatu seperti "Siapa Di Balik Situs Ini?" atau bahkan hanya "Tentang Aku." Jadilah kreatif.
Tambahkan deskripsi singkat, 3-4 kalimat yang dimaksudkan untuk membangkitkan minat pembaca. Di akhir blok teks ini, tulis kalimat seperti "Cari tahu lebih lanjut di sini" dan tautan ke halaman Tentang Anda yang sebenarnya.
Gaya Pesan Anda
Sekarang pergi Tab Visual. Pusatkan teks Anda. Ketika Anda kembali ke HTML, Anda akan melihat bahwa WordPress menulis beberapa kode untuk Anda, dalam bentuk "gaya p". Inilah keindahan membuat widget di editor pos baru; Kode autowrite WordPress untuk Anda! Anda kemudian hanya menambahkan beberapa CSS dasar!
Buat sesuatu seperti ini:
PESANMU
Pastikan untuk menutup gaya p dengan a
Dan tambahkan CSS lain yang dapat Anda pikirkan atau butuhkan. Tidak tahu CSS? Hanya Google Penelusuran "kode CSS untuk ____" dan kosongkan apa yang Anda coba lakukan. Kemudian salin dan tempel gaya p. Tempatkan di sekitar pesan blokir teks Anda di bawah gambar. Buat gaya sesuai keinginan Anda, dan tutuplah. Jika Anda lupa menutup gaya p, itu bukan masalah besar. Penataan akan berlaku untuk lebih banyak teks yang Anda inginkan, tetapi semua orang membuat kesalahan ini setidaknya sekali.
Gunakan kode untuk dicetak miring dan untuk tebal teks Anda, dan ingat untuk menutupnya juga.
Kami sudah selesai membuat, untuk saat ini, dan sekarang saatnya untuk memulai yang menyenangkan.
Tempatkan Pekerjaan Anda di Bilah Samping
Di tab HTML, salin dan tempel semua yang Anda buat. Pergi ke Tampilan, tab Widget, dan seret a widget Teks kosong ke sidebar Anda. Rekatkan kode Anda. Kemudian tekan Simpan, dan klik ke beranda blog Anda. Bagaimana kelihatannya?
Anda pasti ingin melakukan beberapa modifikasi di sini. Gambar mungkin di luar ukuran, atau font mungkin tidak muncul seperti yang Anda bayangkan tetapi tidak perlu khawatir, Anda dapat mengedit semua ini langsung di widget Teks, atau lebih baik lagi, di editor posting baru Anda di mana Anda dapat melihat perubahan lebih mudah.
Fitur Gaya Seru dan Penambahan Lainnya
CSS benar-benar adalah permainan yang menyenangkan. Berikut adalah beberapa cara untuk membuat bagian About Me ini benar-benar populer.
- Gunakan warna-warna eksotis.
- Gunakan batas bertitik atau warna.
- Letakkan formulir "Ikut Serta" tepat di bawah teks Anda. Saya menggunakan Aweber untuk ini.
- Tambahkan tautan ke tempat-tempat pekerjaan Anda ditampilkan.
- Lemparkan lelucon, atau menjadi misterius.
Video tutorial
Anda juga dapat menonton tutorial video untuk pos ini seperti di bawah atau di YouTube.
Apa berikutnya?
Sekarang setelah Anda memiliki bagian Tentang Saya dan halaman Tentang Saya, buka jelajahi blog lain untuk melihat strategi dan desain apa yang bekerja untuk mereka. Buat beberapa catatan. Kemudian, lakukan penelitian lebih lanjut tentang pembaca Anda sendiri.
Sesuaikan Tentang Saya dengan persis dengan apa yang diinginkan pembaca Anda, dan pada akhirnya Anda akan mulai melihat lebih banyak pembaca, komentator, dan pelanggan setia. Tempatkan diri Anda di bilah sisi dan itu sangat berharga pada akhirnya.
Catatan Editor: Posting ini ditulis oleh Greg Narayan untuk Hongkiat.com. Greg adalah seorang pria berusia 25 tahun dari New York yang menjawab sekitar 150 pertanyaan blog sebelum sarapan.
