Hari ini saya ingin membahas beberapa hal yang boleh dan tidak boleh dilakukan di WordPress. Terlepas dari apakah Anda membuat tema WordPress untuk diri sendiri atau membuat satu untuk rilis sehingga orang lain dapat menggunakannya, Anda harus mengikuti dan tidak boleh dilakukan ini sedekat mungkin.
1. Jangan menyandikan URL lengkap di tema Anda
Saat Anda membuat tema, mungkin ada kalanya gambar digunakan, untuk ikon media sosial atau ikon umpan RSS, dan selama titik-titik ini dalam pengkodean Anda, Anda mungkin ingin menyandikan seluruh URL (mis.: / Wp-content / themes / your-theme-name / images / image.jpg) tetapi ini akan menyebabkan kesalahan situs web setiap kali orang yang menggunakan tema Anda mengubah nama folder tema Anda.
Kode yang tepat untuk digunakan untuk mengekstrak URL lengkap secara dinamis ada di bawah.
/images/image.jpg
2. Gunakan tag template sebanyak mungkin
WordPress melakukan pekerjaan luar biasa dalam mendesain semua tag template yang dapat Anda gunakan, jadi bantulah diri Anda sendiri (serta orang lain yang mungkin menggunakan tema Anda) dan pelajari tag template WordPress, kemudian gunakan sebanyak mungkin. . bisa jadi. Dengan menggunakan tag template, Anda dapat memastikan tema Anda tidak rusak atau menyebabkan kesalahan saat pengguna akhir mengkonfigurasi dan menjalankannya.
3. Jangan lupa kode drop-down navigasi
Saat Anda membuat tema WordPress Anda, satu item yang tampaknya terlewatkan adalah kode drop-down untuk navigasi Anda. Tentu, beberapa tema mungkin memiliki navigasi yang disetel untuk tidak menggunakan beberapa tingkat ul, menjaga semuanya dalam satu baris, tapi bagaimana dengan kita yang memiliki beberapa halaman anak untuk setiap halaman utama?
Ada solusi untuk itu. Anda dapat melihat beberapa tutorial di bawah ini tentang cara membuat kode menu drop-down multi-level.
4. Siapkan widget tema Anda
Menurut pendapat saya, sebagai pengguna akhir, tidak ada yang lebih buruk daripada mengimplementasikan tema dan bersiap untuk mengkonfigurasi semuanya, hanya untuk mengetahui bahwa saya sekarang dihadapkan pada tugas untuk mencoba menyesuaikan bagian dari tema saya dengan mengkodekan informasi di dalamnya. Sidebar dan tempat lain dalam tema Anda (apakah Anda memiliki footer tiga kolom? Widgetize!) Harus semudah mungkin untuk diedit. Ini adalah salah satu hal termudah untuk dilakukan dengan tema Anda, dan ini akan sangat menguntungkan pengguna tema Anda.
Automattic memiliki tutorial luar biasa tentang cara membuat widget tema Anda. Lihat disini.
Pastikan juga untuk memeriksa tutorial tema widget di sini di Lab Tema.
5. Jangan membuat pengguna mempercayai banyak plugin untuk membuat tema Anda berfungsi
Jika Anda meluncurkan tema secara gratis atau membuat tema WordPress komersial, Anda perlu mempertimbangkan kepentingan terbaik pengguna akhir Anda saat membuat tema. Menjejali tema Anda dengan 5-10 plugin yang diperlukan tidak hanya akan membuat orang frustrasi saat mengunduh dan mengatur tema Anda di situs Anda, tetapi juga akan menyebabkan banyak orang tidak mengunduhnya sama sekali karena, hadapi saja, orang tidak memiliki periode. rentang perhatian lebih dari 2-3 detik.
Misalnya, jika Anda mengonfigurasi pagination di tema Anda, mengapa tidak menggunakan artikel ini untuk mempelajari cara mengonfigurasinya di tema Anda secara otomatis? Cats Who Code memiliki tutorial yang cukup bagus tentang cara menambahkan pagination ke tema Anda tanpa mengaktifkan plugin.
6. Menampilkan istilah pencarian pada halaman hasil pencarian
Untuk alasan apa pun, ini adalah tip yang sering diabaikan yang dapat Anda (dan harus) terapkan di tema Anda. Ini adalah kode satu baris sederhana yang memungkinkan topik Anda mengingatkan pengunjung tentang apa yang baru saja mereka telusuri. Ini mungkin tampak sepele, tetapi berguna, jadi jika hasilnya tidak ada kiriman, pengunjung mengetahui frasa persis yang mereka cari dan kemudian dapat mengetikkan istilah pencarian yang berbeda.
Di bawah ini adalah kode yang digunakan untuk mengganti judul “Hasil Pencarian” di topik Anda.
Search Results for
7. Jangan membuat setengah dari halaman kesalahan 404 Anda
Alih-alih hanya keluar dari halaman 404 Anda untuk mengatakan “404 – halaman tidak ditemukan”, mengapa tidak memberi pengunjung Anda lebih banyak pilihan? Menambahkan daftar kategori, posting terbaru, posting populer, kotak pencarian, dan (jika Anda ingin memonetisasi halaman 404 Anda) sebuah iklan dapat sedikit membumbui halaman 404 Anda dibandingkan dengan halaman yang membosankan dan tidak berguna yang ditemukan di kebanyakan. tema WordPress.
Jika Anda mencari inspirasi 404 halaman, Smashing Magazine memiliki contoh yang bagus yaitu 404 halaman dari seluruh web yang layak untuk dilihat.
8. Pastikan Anda memiliki semua file dasar dalam folder tema Anda
Saat membuat tema WordPress, penting untuk memastikan bahwa Anda dapat menyesuaikannya sebanyak mungkin langsung di luar kotak. Dimulai dengan kombinasi file index.php, header.php, sidebar.php, dan footer.php mungkin tampak seperti ide yang bagus untuk minimalis, tetapi saya sarankan untuk memulai dengan semua dasar di bawah ini untuk memberi Anda sedikit lebih banyak kontrol atas apa ditampilkan: kapan, dimana dan bagaimana.
- style.css
- header.php
- index.php
- sidebar.php
- footer.php
- single.php
- page.php
- comments.php
- 404.php
- functions.php
- archive.php
- searchform.php
- search.php
Untuk informasi lebih lanjut tentang file template ini dan apa fungsinya, lihat halaman hierarki template di WordPress.org.
9. Jangan lupa integrasi RSS
Saat Anda membuat blog, salah satu elemen yang paling menarik perhatian orang adalah kemampuan untuk berlangganan blog Anda melalui pembaca RSS. Jadi, alih-alih meminta pengguna topik Anda untuk menambahkan informasi ini sendiri, mengapa tidak melalui langkah-langkah untuk menambahkan kotak langganan rss seperti yang Anda lakukan dengan kotak telusur. Tambahkan tombol RSS, opsi langganan email dan Anda bahkan dapat menambahkan jumlah pelanggan dalam teks dengan menambahkan sedikit kode ini ke topik Anda di mana Anda ingin menampilkannya (ganti “feedburner-id” dengan ID FeedBurner Anda sendiri: jika Anda merilis tema ini di alam liar, lihat # 11 di daftar kami dan pastikan Anda memiliki ini sebagai opsi.)
feed->entry('circulation');
echo $fb;
//end get cool feedburner count
?>
10. Tambahkan gaya CSS untuk komentar berulir
Jika Anda membuat topik, Anda harus selalu siap untuk komentar beralur. Ini adalah fitur WordPress yang digunakan banyak blog untuk menghasilkan keterlibatan di bagian komentar mereka. Jadi mempersiapkan stylesheet Anda untuk komentar berulir adalah ide bagus. Chris memiliki posting yang bagus tentang kode CSS untuk kelas CSS default yang dilontarkan WordPress di bagian komentarnya, memberi tema Anda bagian komentar bergaya tanpa perlu menyentuh file comments.php.
11. Jangan menjatuhkan tema tanpa panel opsi
Beberapa orang mungkin tidak setuju dengan ini, tetapi saya pikir ini adalah bagian dari perkembangan alami tema WordPress. Jika tema Anda tidak menjalankan semacam panel opsi WordPress dengan kemampuan untuk mengedit, menyesuaikan, dan mengubah elemen dalam tema Anda tanpa harus mengedit kode, Anda melakukan kesalahan.
Jika Anda tidak yakin tentang cara membuat panel opsi tema Anda sendiri, tautan di bawah ini akan menunjukkan caranya.
12. Pastikan tema Anda keluar dari kotak
Ini sejalan dengan Tidak. # 5 Dalam Daftar – Anda harus selalu memastikan tema Anda langsung berfungsi. Beberapa tema yang saya lihat memerlukan 5-6 langkah sebelum tema dapat diterapkan di situs, termasuk tetapi tidak terbatas pada mengaktifkan plugin dan mengedit / menyimpan panel opsi tema. Jika tema memerlukan hal-hal tertentu, pastikan untuk menggunakan item cadangan default.
Misalnya, di panel opsi tema yang Anda buat dan / atau gunakan, pastikan ada informasi default di setiap bagian sehingga semuanya muncul terlepas dari apakah pengguna akhir telah memperbaruinya atau tidak. Hal yang sama berlaku untuk plugin, jika Anda menggunakan plugin pagination WordPress di tema Anda, mengapa tidak mengkodekannya sehingga tema kembali ke tautan sebelumnya / berikutnya jika plugin tidak aktif?
13. Jangan terlalu sering menggunakan bidang kustom.
Ya, sebagian besar tema WordPress gaya majalah dari beberapa tahun yang lalu dibuat menggunakan bidang khusus setiap saat, tetapi kebanyakan orang tidak ingin mengisi 3, 4, atau 5 bidang khusus untuk setiap posting. Jadi, buat semuanya lebih mudah bagi mereka. Jika Anda akan menampilkan gambar posting di halaman beranda tema Anda, ambil kode praktis ini dan tambahkan ke file fungsi themes.php Anda dan secara otomatis akan memposting gambar posting pertama, tanpa perlu bidang khusus.
// Get URL of first image in a post
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$first_img = $matches (1) (0);
// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}
Setelah Anda menambahkan kode itu, cukup tambahkan file tema Anda di mana pun Anda ingin gambar itu muncul.
14. Buat tag SEO Anda
Cara terbaik untuk memastikan tema Anda siap untuk SEO adalah dengan menghapus default
tag ditemukan di file header.php tema Anda dan menggantinya dengan kode di bawah ini. Ini akan menambah nilai lebih pada judul topik Anda dan membantu upaya SEO yang ingin dipraktikkan oleh pengguna topik Anda, semuanya tanpa mengharuskan mereka menyentuh apa pun.
bloginfo('name'); ?> |
Search Results for post_count; _e(''); echo $key; _e(' — '); echo $count . ' '; _e('articles'); wp_reset_query(); ?>
bloginfo('name'); ?> | 404 Nothing Found
bloginfo('name'); ?> | Author Archives
| cat_name; |
bloginfo('name'); ?> | cat_name; ?>|
| category_description; ?> | bloginfo('name'); ?>
bloginfo('name'); ?> | Archive |
bloginfo('name'); ?> | Archive |
| bloginfo('name'); ?>
15. Jangan lupa remah roti
Sebagai bagian navigasi tambahan di tema Anda, remah roti (menurut saya) harus digunakan sebanyak mungkin. Tidak hanya bagus untuk tujuan SEO tetapi juga memungkinkan pengunjung untuk menavigasi situs Anda lebih cepat. Ada plugin WordPress untuk remah roti, tetapi berkat Cats Who Code, kami sekarang tahu cara menambahkan fitur remah roti ke tema WordPress kami.
Pertama, tambahkan kode di bawah ini dalam file fungsi themes.php Anda (disesuaikan sedikit dari postingan asli Cats Who Code, ditautkan di atas).
function the_breadcrumb() {
echo '
- ‘; if (! is_home ()) {echo ‘
- ‘; echo ‘Beranda’; membuang “
- ‘; the_category (‘
- ‘); if (is_single ()) {echo “
- “; the_title (); echo ‘
- ‘; echo the_title (); membuang ‘
- Arsip untuk “; the_time (‘F jS, Y’); echo ‘
- Arsip untuk “; the_time (‘F, Y’); echo ‘
- Arsip untuk “; the_time (‘Y’); echo ‘
- Arsip Penulis “; echo ‘
- Arsip Blog “; echo ‘
- Hasil Pencarian “; echo ‘
“; if (is_category () || is_single ()) {echo ‘
‘; }} elseif (is_page ()) {echo ‘
‘; }} elseif (is_tag ()) {single_tag_title ();} elseif (is_day ()) {echo “
‘;} elseif (bulan_bulan ()) {echo “
‘;} elseif (is_year ()) {echo “
‘;} elseif (is_author ()) {echo “
‘;} elseif (isset ($ _ GET (‘ paged ‘)) &&! empty ($ _ GET (‘ paged ‘))) {echo “
‘;} elseif (is_search ()) {echo “
‘;} membuang’
‘; }
Kemudian letakkan cuplikan kode ini di mana pun Anda ingin runut tautan Anda ditampilkan.
Terima kasih telah membaca artikelnya.
Terima kasih telah meluangkan waktu untuk membaca artikel ini. Semoga Anda menikmatinya dan mempelajari satu atau dua hal di sepanjang jalan. Saya tahu saya melakukannya. Jika Anda menyukai postingan tersebut atau memiliki sesuatu untuk ditambahkan, beri tahu kami di komentar.
