Buat Tentang Saya Sidebar Widget Dengan Editor Post [tutorial WordPress]
Blog besar menggunakan laman "Mengenai Saya" dengan baik. Untuk mendapatkan pengguna di sana, 99% masa mereka memasukkan ringkas, "Seksi Tentang Seksyen" saya di sidebar blog mereka. Dalam jawatan ini, saya akan menunjukkan kepada anda cara membuat bahagian itu. Ia semudah menulis jawatan baru. Malah, kami akan menggunakan editor pos baru di WordPress untuk mencipta ini.
Editor pos adalah salah satu alat yang paling serba boleh di WordPress, dan hampir tidak ada yang tahu. Apa yang hendak saya tunjukkan kepada anda adalah hack reka bentuk kecil yang pandai, silap mata jadi terlepas pandang bahawa ia tidak termasuk dalam senarai Hongkiat.com daripada 40 Hacks WordPress.
Silap mata ini juga bagus untuk mempelajari beberapa asas HTML dan CSS, jika anda baru sahaja bermula.
Buat Mesej Anda
Apa yang anda perlukan untuk tutorial ini ialah halaman "Mengenai Saya", foto diri anda dan beberapa teks. Halaman "Mengenai Saya" anda harus menumpukan pada pencapaian anda dalam blog, melibatkan pembaca dengan beberapa soalan, dan masukkan gambar-gambar blog anda. Sudah ada halaman ini dibuat? Sempurna.
Kini, kita akan mengambil semua ini ke WordPress editor jawatan baru. Buka ia, dan muat naik imej anda. Kami akan melakukan banyak perkara ini daripada Tab HTML. Apabila anda memuat naik imej WordPress secara automatik menjana kod HTML untuknya. Pergi ke tab HTML, dan buat ruang (tekan enter) di atas imej anda. Kemudian, tulis mesej seret kecil di sini, seperti "Siapa Di Sebalik Laman ini?" atau bahkan hanya "Mengenai Saya." Jadilah kreatif.
Tambah penerangan pendek 3-4 ayat yang dimaksudkan untuk menceroboh pembaca. Pada akhir blok teks ini, tuliskan ayat seperti "Ketahui lebih lanjut di sini" dan hubungkan ke halaman Mengenai sebenar anda.
Gaya Mesej Anda
Sekarang pergi Tab Visual. Pusat teks anda. Apabila anda kembali kepada HTML, anda akan melihat bahawa WordPress menulis beberapa kod untuk anda, dalam bentuk "gaya p". Ini adalah keindahan mewujudkan widget dalam editor pos baru; Kod autowrite WordPress untuk anda! Anda kemudian menambah beberapa asas CSS!
Buat sesuatu seperti ini:
MESEJ ANDA
Pastikan untuk menutup gaya p dengan a
Dan tambahkan CSS lain yang anda boleh fikirkan atau perlukan. Tidak tahu CSS? Hanya Carian Google "kod CSS untuk ____" dan kosongkan apa yang anda cuba lakukan. Kemudian salin dan tampal gaya p. Letakkannya di sekitar mesej blok teks anda di bawah imej. Gaya itu bagaimanapun anda mahu, dan tutupnya. Jika anda terlupa menutup gaya p, itu bukan masalah besar. Gaya ini akan memohon kepada lebih banyak teks yang anda mahu, tetapi setiap orang membuat kesilapan ini sekurang-kurangnya sekali.
Gunakan kod untuk menyerlahkan dan untuk menukarkan teks anda, dan ingat untuk menutupnya juga.
Kami selesai mencipta, untuk sekarang, dan sudah waktunya untuk keseronokan bermula.
Letakkan Kerja Anda di Sidebar
Dalam tab HTML, salin dan tampal semua yang anda buat. Pergi ke Rupa, tab Widget, dan seret a widget teks kosong ke dalam bar sisi anda. Tampal dalam kod anda. Kemudian tekan Save, dan klik ke laman utama blog anda. Bagaimana rupanya?
Anda hampir pasti ingin membuat beberapa pengubahsuaian di sini. Imej mungkin bersaiz, atau fon tidak mungkin dipaparkan seperti yang anda bayangkan tetapi tidak perlu bimbang, anda boleh mengedit semua ini secara langsung dalam widget Teks, atau lebih baik lagi, dalam editor pos baru anda di mana anda boleh melihat perubahan lebih mudah.
Ciri-ciri Styling Fun dan Penambahan Lain
CSS benar-benar adalah permainan yang menyeronokkan. Berikut adalah beberapa cara untuk menjadikan bahagian About Me ini benar-benar pop.
- Gunakan warna-warna eksotik.
- Gunakan sempadan berwarna atau sempadan warna.
- Letakkan borang "Masuk Dalam" betul-betul di bawah teks anda. Saya menggunakan Aweber untuk ini.
- Tambah pautan ke tempat kerja anda dipaparkan.
- Buanglah jenaka, atau misteri.
Tutorial Video
Anda juga boleh menonton tutorial video untuk siaran ini seperti di bawah atau di YouTube.
Apa yang akan datang?
Sekarang bahawa anda mempunyai bahagian Mengenai Mengenai asas saya dan Mengenai Saya, pergi menyemak imbas blog lain untuk melihat strategi dan reka bentuk yang berfungsi untuk mereka. Ambil beberapa nota. Kemudian, lakukan lebih banyak kajian mengenai pembaca anda sendiri.
Rasai Perihal Saya dengan tepat apa yang dibaca oleh pembaca anda, dan akhirnya anda akan melihat lebih ramai pembaca, pengulas, dan pelanggan yang setia. Letakkan diri anda di bar sisi dan ia bernilai pada akhirnya.
Nota editor: Jawatan ini ditulis oleh Greg Narayan untuk Hongkiat.com. Greg adalah seorang lelaki berusia 25 tahun dari New York yang menjawab kira-kira 150 soalan blog sebelum sarapan pagi.
