15 Lakukan dan Jangan Menggunakan WordPress Theming yang Efektif

Hari ini saya ingin membahas beberapa tugas dan jangan bertema WordPress. Terlepas dari apakah Anda membangun tema WordPress untuk diri sendiri atau jika Anda sedang membangun satu untuk rilis sehingga orang lain dapat menggunakannya, Anda harus mengikuti ini dan jangan sedekat mungkin.


1. Jangan kode keras URL lengkap ke dalam tema Anda

Saat Anda sedang membangun tema Anda, mungkin ada waktu di mana gambar digunakan, untuk ikon media sosial atau ikon umpan RSS, dan selama titik-titik ini dalam pengkodean Anda, Anda mungkin ingin membuat kode url lengkap (yaitu: / wp-content /themes/your-theme-name/images/image.jpg) tetapi ini akan menyebabkan kesalahan di situs web setiap kali orang yang menggunakan tema Anda mengubah nama folder tema mereka.

Kode yang tepat untuk digunakan untuk menarik URL lengkap secara dinamis ada di bawah.

<?php bloginfo (‘stylesheet_directory’); ?>/images/image.jpg

2. Memanfaatkan tag templat sebanyak mungkin

WordPress melakukan pekerjaan yang luar biasa untuk meletakkan semua tag templat yang dapat Anda gunakan, jadi bantulah diri Anda sendiri (dan juga orang-orang lain yang mungkin menggunakan tema Anda) dan pelajari tag templat WordPress – kemudian gunakan sebanyak mungkin. Dengan menggunakan tag templat, Anda dapat memastikan bahwa tema Anda tidak memecah atau menyebabkan kesalahan ketika pengguna akhir membuatnya dan menjalankannya.

3. Jangan lupa kode drop down navigasi

Saat Anda membangun tema WordPress Anda, satu hal yang tampaknya diabaikan adalah kode tarik turun untuk navigasi Anda. Tentu, beberapa tema mungkin memiliki pengaturan navigasi untuk tidak memanfaatkan multi level ul, menjaga semuanya dalam satu baris, tetapi bagaimana dengan kita yang memiliki banyak halaman anak untuk setiap halaman induk 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 menggunakan tema dan bersiap-siap untuk mengatur semuanya, hanya untuk memperhatikan bahwa saya sekarang dihadapkan pada tugas mencoba menyesuaikan bagian dari tema saya dengan memasukkan informasi ke dalam hard coding. Bilah samping dan berbagai tempat lain di tema Anda (apakah Anda memiliki footer tiga kolom? Widgetize!) Semudah mungkin untuk mengedit. Ini adalah salah satu hal termudah yang dilakukan untuk tema Anda, dan akan banyak menguntungkan pengguna tema Anda.

Automattic memiliki tutorial hebat tentang cara mengatur widget tema Anda. Lihat disini.

Pastikan juga untuk memeriksa tema widgetizing tutorial di sini di Theme Lab.

5. Jangan membuat pengguna mengandalkan banyak plugin agar tema Anda berfungsi

Jika Anda merilis tema secara gratis atau membuat tema WordPress komersial, Anda harus membuat pengguna akhir Anda tertarik bermain dengan Anda sedang membangun tema Anda. Mengacaukan tema Anda dengan 5-10 plugin yang diperlukan tidak hanya akan menyebabkan orang frustrasi ketika mengunduh dan mengatur tema Anda di situs mereka, itu juga akan menyebabkan banyak orang tidak mengunduhnya sama sekali karena, mari kita hadapi itu, orang tidak memiliki rentang perhatian lebih dari 2-3 detik.

Misalnya, jika Anda akan mengatur pagination di tema Anda, mengapa tidak memanfaatkan artikel ini untuk mempelajari cara mengatur pagination di tema Anda secara otomatis. Cats Who Code memiliki tutorial yang cukup bagus cara menambahkan pagination ke tema Anda tanpa perlu mengaktifkan plugin.

6. Perlihatkan istilah pencarian di halaman hasil pencarian

Untuk beberapa alasan, ini adalah tip yang sering diabaikan yang dapat Anda (dan harus) terapkan dalam tema Anda. Ini sederhana, satu kode baris yang memungkinkan tema Anda untuk mengingatkan pengunjung apa yang baru saja mereka cari. Ini mungkin tampak sepele, tetapi sangat membantu sehingga jika hasilnya menghasilkan nol posting, pengunjung tahu 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” Anda saat ini di tema Anda.

Hasil pencarian <?php the_search_query () ?>

7. Jangan setengah-setengah halaman kesalahan 404 Anda

Daripada hanya meninggalkan halaman 404 Anda untuk mengatakan “404 – halaman tidak ditemukan”, mengapa tidak memberi pengunjung Anda beberapa opsi lagi? Menambahkan daftar kategori, posting terbaru, posting populer, kotak pencarian dan (jika Anda ingin memonetisasi halaman 404 Anda) iklan dapat memberikan 404 halaman Anda beberapa bumbu dibandingkan dengan yang membosankan, yang tidak berguna yang ditemukan di sebagian besar tema WordPress.

Jika Anda mencari inspirasi 404 halaman, Smashing Magazine memiliki showcase pembunuh 404 halaman dari seluruh web yang patut dicoba.

8. Pastikan Anda memiliki semua file dasar di folder tema Anda

Saat Anda sedang membangun tema WordPress, memastikan Anda dapat menyesuaikannya sesering mungkin sejak awal sangat penting. Memulai dengan kombo file index.php, header.php, sidebar.php dan footer.php mungkin tampak seperti ide yang bagus untuk para minimalis di luar sana, tapi saya sarankan memulai dengan semua dasar-dasar di bawah ini untuk memberikan Anda sedikit lebih mengontrol apa yang ditampilkan – kapan, di mana 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 yang mereka lakukan, lihat hierarki templat halaman di WordPress.org.

9. Jangan lupa integrasi RSS

Saat Anda membuat blog, salah satu item yang paling menarik perhatian orang adalah kemampuan untuk berlangganan blog Anda melalui pembaca RSS. Jadi, alih-alih mengharuskan pengguna tema Anda untuk menambahkan informasi ini sendiri, mengapa tidak mengambil langkah-langkah untuk menambahkan berlangganan kotak rss seperti halnya Anda melakukan kotak pencarian. Tambahkan tombol RSS, berlangganan melalui opsi email dan Anda bahkan dapat menambahkan jumlah pelanggan dalam teks dengan menambahkan sedikit kode ini ke tema Anda di mana Anda ingin ditampilkan (ganti “feedburner-id” dengan Anda sendiri ID FeedBurner – jika Anda merilis tema ini di alam bebas, lihat # 11 di daftar kami dan pastikan Anda memiliki ini sebagai opsi).

<?php
// dapatkan jumlah feedburner keren
$ whaturl ="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

// Inisialisasi sesi Curl
$ ch = curl_init ();

// Atur curl untuk mengembalikan data alih-alih mencetaknya ke browser.
curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1);

// Tetapkan URL
curl_setopt ($ ch, CURLOPT_URL, $ whaturl);

// Jalankan pengambilannya
$ data = curl_exec ($ ch);

// Tutup koneksi
curl_close ($ ch);
$ xml = SimpleXMLElement baru ($ data);
$ fb = $ xml->makan->entri [‘sirkulasi’];
echo $ fb;
// akhirnya dapatkan hitungan feedburner keren
?>

10. Jangan menambahkan gaya CSS untuk komentar berulir

Jika Anda sedang membangun tema, Anda harus selalu siap untuk komentar utas. Ini adalah fitur di WordPress yang digunakan banyak blog untuk membangun interaksi di bagian komentar mereka. Jadi, mempersiapkan stylesheet Anda untuk komentar berulir adalah ide bagus. Chris memiliki pos yang bagus Kode CSS untuk kelas CSS default yang dimuntahkan WordPress di bagian komentar mereka, memberikan tema Anda bagian komentar bergaya tanpa perlu menyentuh file comments.php.

11. Jangan lepaskan tema tanpa panel opsi

Beberapa orang mungkin tidak setuju dengan ini, tetapi saya percaya ini adalah bagian dari perkembangan alami dari tema WordPress. Jika tema Anda tidak menjalankan semacam panel opsi WordPress dengan kemampuan untuk mengedit, menyesuaikan, dan mengubah item dalam tema Anda tanpa harus mengedit kode, Anda melakukan sesuatu yang salah.

Jika Anda tidak yakin bagaimana cara membuat panel opsi tema Anda sendiri, tautan di bawah ini akan menunjukkan kepada Anda bagaimana melakukannya.

12. Pastikan tema Anda bekerja di luar kotak

Ini sejalan dengan # 5 pada daftar keluar – Anda harus selalu memastikan tema Anda bekerja tepat di luar kotak. Beberapa tema yang saya lihat memerlukan 5-6 langkah sebelum tema tersebut dapat diterapkan di situs, termasuk, tetapi tidak terbatas pada, aktivasi plugin dan pengeditan / penyimpanan panel opsi tema. Jika tema memerlukan hal-hal tertentu, pastikan ada item bawaan cadangan yang digunakan.

Misalnya, di panel opsi tema yang sedang Anda buat dan / atau gunakan, pastikan ada informasi default di setiap bagian, jadi semuanya muncul, terlepas apakah pengguna akhir telah memperbaharuinya atau tidak. Hal yang sama berlaku dengan plugin, jika Anda menggunakan plugin pagination WordPress di tema Anda, mengapa tidak kode itu sehingga tema kembali kembali ke tautan sebelumnya / berikutnya jika plugin tidak aktif.

13. Jangan menggunakan terlalu banyak bidang khusus

Ya, sebagian besar tema WordPress gaya majalah dari beberapa tahun yang lalu dibangun menggunakan bidang khusus di setiap kesempatan, tetapi kebanyakan orang tidak ingin benar-benar mengisi 3, 4 atau 5 bidang khusus untuk setiap posting. Jadi, buat semuanya lebih mudah bagi mereka. Jika Anda akan menampilkan gambar dari pos di halaman beranda tema Anda, ambil bagian kode yang berguna ini dan tambahkan ke dalam file functions.php tema Anda dan secara otomatis akan memposting gambar pertama, tanpa perlu tanah adat.

// Dapatkan URL gambar pertama dalam sebuah posting
function catch_that_image () {
$ post global, $ post;
$ first_img = ”;
ob_start ();
ob_end_clean ();
$ output = preg_match_all (‘// i’, $ post->post_content, $ cocok);
$ first_img = $ cocok [1] [0];

// tidak ada gambar yang ditemukan yang menampilkan gambar default
if (kosong ($ first_img)) {
$ first_img = "/images/default.jpg";
}
kembalikan $ first_img;
}

Setelah Anda menambahkan kode itu, tambahkan saja <?php echo catch_that_image (); ?> dalam file tema Anda di mana pun Anda ingin gambar itu muncul.

Berkat ol yang baik Forum dukungan WordPress untuk tip praktis ini.

14. Lakukan SEO tag Anda

Cara terbaik untuk memastikan tema Anda adalah sebagai SEO yang siap mungkin adalah dengan menghapus tag default yang ditemukan dalam file header.php tema Anda dan menggantinya dengan kode di bawah ini. Ini akan memberi Anda sedikit lebih banyak judul-judul tema dan membantu upaya SEO yang ingin dipraktikkan oleh pengguna tema Anda – semuanya tanpa mengharuskan mereka menyentuh apa pun..

<?php if (is_home ()) { ?><? bloginfo (‘nama’); ?> | <?php bloginfo (‘deskripsi’); ?><?php} ?>
<?php if (is_search ()) { ?>Hasil pencarian <?php / * Jumlah Pencarian * / $ allsearch = &WP_Query baru ("s = $ s&showposts = -1"); $ key = wp_specialchars ($ s, 1); $ count = $ allsearch->post_count; _e (”); echo $ key; _e (‘â € “‘); echo $ count. ”; _e (‘artikel’); wp_reset_query (); ?><?php} ?>
<?php if (is_404 ()) { ?><? bloginfo (‘nama’); ?> | 404 Tidak Ada yang Ditemukan<?php} ?>
<?php if (is_author ()) { ?><? bloginfo (‘nama’); ?> | Arsip Penulis<?php} ?>
<?php if (is_single ()) { ?><?php wp_title (”); ?> | <?php $ category = get_the_category (); echo $ category [0]->nama kucing; | <?php bloginfo (‘nama’); ?><?php} ?>
<?php if (is_page ()) { ?><? bloginfo (‘nama’); ?> | <?php $ category = get_the_category (); echo $ category [0]->nama kucing; ?>|<?php wp_title (”); ?><?php} ?>
<?php if (is_category ()) { ?><?php single_cat_title (); ?> | <?php $ category = get_the_category (); echo $ category [0]->category_description; ?> | <? bloginfo (‘nama’); ?><?php} ?>
<?php if (is_month ()) { ?><? bloginfo (‘nama’); ?> | Arsip | <?php the_time (‘F, Y’); ?><?php} ?>
<?php if (is_day ()) { ?><? bloginfo (‘nama’); ?> | Arsip | <?php the_time (‘F j, Y’); ?><?php} ?>
<?php if (function_exists (‘is_tag’)) {if (is_tag ()) { ?><?php single_tag_title ("", benar); }} ?> | <? bloginfo (‘nama’); ?>

15. Jangan lupa tentang remah roti

Sebagai bagian tambahan dari navigasi di tema Anda, remah roti (menurut saya) harus dimanfaatkan sebanyak mungkin. Ini tidak hanya baik untuk keperluan SEO, tetapi juga memungkinkan pengunjung untuk menavigasi situs Anda lebih cepat. Ada plugin WordPress untuk remah roti, tapi terima kasih Kode Kucing, kita sekarang tahu cara menambahkan fungsi remah roti ke dalam tema WordPress kita.

Pertama-tama, tambahkan kode di bawah ini ke file themes.fsp tema Anda (dikustomisasi sedikit dari posting Kode Kucing Asli, tertaut di atas).

function the_breadcrumb () {
gaung

    ‘;
    if (! is_home ()) {
    gaung
  • ‘;
    gema ‘Rumah’;
    gema "
  • ";
    if (is_category () || is_single ()) {
    gaung

  • ‘;
    the_category (‘
  • ‘);
    if (is_single ()) {
    gema "
  • ";
    judul();
    gaung
  • ‘;
    }
    } elseif (is_page ()) {
    gaung

  • ‘;
    echo the_title ();
    gaung
  • ‘;
    }
    }
    elseif (is_tag ()) {single_tag_title ();}
    elseif (is_day ()) {echo"

  • Arsip untuk "; the_time (‘F jS, Y’); gema’
  • ‘;}
    elseif (is_month ()) {echo"

  • Arsip untuk "; the_time (‘F, Y’); gema’
  • ‘;}
    elseif (is_year ()) {echo"

  • Arsip untuk "; the_time (‘Y’); gema’
  • ‘;}
    elseif (is_author ()) {echo"

  • Arsip pengarang"; gema’
  • ‘;}
    elseif (isset ($ _ GET [‘paged’]) && !kosong ($ _ DAPATKAN [‘paged’])) {echo "

  • Arsip Blog"; gema’
  • ‘;}
    elseif (is_search ()) {echo"

  • Hasil Pencarian"; gema’
  • ‘;}

    gaung

‘;
}

Selanjutnya, tempatkan potongan kode ini di mana pun Anda ingin remah roti Anda ditampilkan.

<?php the_breadcrumb (); ?>

Terima kasih telah membaca artikel ini

Terima kasih telah meluangkan waktu untuk membaca artikel. Saya harap Anda menikmatinya dan belajar satu atau dua hal di sepanjang jalan – saya tahu saya lakukan. Jika Anda menyukai pos atau ada yang ingin ditambahkan, beri tahu kami di komentar.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map