9 WordPress Codes Untuk Meretas Blog Anda dan Meningkatkan UX

Artikel ditulis oleh:
  • WordPress
  • Diperbarui: Mei 08, 2019

WordPress mudah dikonfigurasi dan dipasang, siap digunakan segera setelah Anda mempublikasikan blog Anda.

Tetapi bergantung pada opsi default WordPress dapat menyebabkan kerugian atas nama Anda:

  • Fungsionalitas kurang
  • Pengguna bosan (yang melihat hal yang sama di setiap situs WP yang mereka temui)
  • Turun di peringkat mesin pencari.

Anda memiliki alat yang fleksibel di tangan Anda, yang dapat Anda ubah untuk mengubahnya menjadi sesuatu yang menyenangkan untuk digunakan dan efisien untuk diandalkan. Mengapa tidak membumbui hal-hal untuk pengguna Anda (dan diri Anda sendiri)?

Artikel ini ingin membantu Anda membuat situs web berbasis WordPress Anda menyenangkan dan bermanfaat bagi pengguna Anda dengan menambahkan hal yang menarik cuplikan kode itu juga akan meningkatkan SEO Anda.

Butuh Bantuan Membumbui Blog WordPress Anda?
WHSR sekarang bermitra dengan Codeable.io untuk membantu pengguna yang membutuhkan layanan pengembangan / kustomisasi WP profesional.

Untuk mendapatkan kutipan gratis, silakan isi formulir permintaan ini.

Beri mereka coba dan beri tahu saya bagaimana mereka bekerja untuk Anda! ;)

Kode 9 Untuk Meningkatkan Blog WordPress Anda

Saya akan menawarkan Anda dua jenis potongan kode dalam posting ini:

  1. Kode Codex
  2. Cuplikan kode dan widget

Kode Codex adalah snipet PHP yang saya tulis sendiri (dengan bantuan tunangan saya, Simone) dengan ketat menggunakan WordPress.org Codex sebagai acuan.

Potongan kode dan widget adalah potongan kode PHP yang siap pakai (atau plugin WordPress) yang tersedia secara gratis di situs web lain dan di WordPress.org, tetapi saya juga menyertakan cuplikan tunangan saya dan saya menulis dari awal menggunakan referensi terbuka dan Codex.

Kedua jenis kode ini mudah diterapkan dan dipasang, tetapi Anda mungkin ingin memulai dengan widget dan plugin jika Anda tidak yakin bagaimana cara memanipulasi kode.

Saya mengerti bahwa cuplikan kode 9 mungkin tidak cukup bagi Anda yang suka bereksperimen dengan banyak dan banyak kode berbeda, jadi saya yakin Robert Ludrosky kami 25 cuplikan kode yang berguna untuk Pengembang WordPress akan memuaskan rasa lapar Anda (setidaknya untuk sementara). ;)

Kode Codex

1. Bedakan Tulisan yang Lengket

Untuk membuat WordPress memeriksa apakah posting Anda saat ini adalah posting tempel - dan menampilkannya sesuai - Anda dapat menggunakan fungsi boolean Codex:

<? php is_sticky (); ?>

Fungsi itu sendiri hanya akan mengembalikan nilai TRUE atau FALSE, jadi apa yang dapat Anda lakukan di sini jika menulis konstruk kondisional (jika / lain) untuk mengelola posting tempel Anda. Sebuah contoh:

<? php if is_sticky () {the_title (); the_time ('M, d, Y'); the_excerpt (); } else {termasuk 'post-template.php'; }

Dalam penggunaan contoh ini, saya menampilkan posting tempel sebagai kotak yang hanya berisi judul, tanggal posting dan kutipan (bukan keseluruhan posting), sedangkan template standar untuk posting lainnya terdapat dalam post-template.php.

Setiap jenis posting akan memiliki stylesheet CSS sendiri, tetapi kami tidak mendefinisikan gaya di sini; hanya templat.

Single.php adalah template default Anda untuk posting tunggal (Anda akan menemukannya disertakan dengan setiap tema WP default).

Jika Anda telah mengembangkan tema WP Anda sendiri tetapi Anda tidak memiliki templat untuk posting tunggal, Anda dapat mengikuti panduan Codex di sini.

2. Menampilkan URL Posting

Yang ini mungkin menyenangkan untuk ditambahkan ke template Anda. Jika Anda ingin pembaca Anda mendapatkan URI untuk setiap halaman Anda (atau posting), cukup gunakan tag berikut dalam template single.php, page.php atau bahkan index.php Anda:

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

Alih-alih menggunakan the_permalink, itu adalah pilihan yang paling jelas dan berfungsi untuk semua kasus, WP memungkinkan Anda untuk menggunakan dua formulir alternatif untuk posting dan halaman:

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); ?> 

Misalnya, template halaman Anda dapat mencakup:

<p> Tautan: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

3. Ambil dan Tampilkan Nomor ID Posting

Bahkan ketika Anda mengatur struktur permalink Anda untuk menjadi user- dan SEO-friendly, Anda masih dapat menunjukkan pengunjung Anda ID posting dengan menambahkan fungsi sederhana ini ke garis meta Anda:

<?php the_ID(); ?>

Contoh penggunaan:

<p class = "meta"> Diposting oleh Nama Penulis. Post ID adalah <? Php the_ID (); ?> </ p>

4. Daftar Kategori Menurut ID

Fungsi standar WordPress adalah:

<? php get_all_category_ids ()?>

Berikut ini contoh yang saya gunakan di salah satu blog saya, yang ditulis menggunakan kode dari Naskah kuno & sebuah topik di StackOverflow:

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids sebagai $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // kita membutuhkan tautan cat agar URL berfungsi! echo "<a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

... dan bagaimana itu ditampilkan:

kategori kode WP

Catatan: get_all_category_ids () sekarang menjadi fungsi yang tidak digunakan lagi, tetapi Anda masih dapat menggunakannya tanpa masalah, seperti yang saya lakukan di blog saya (gambar di atas). Namun, jika Anda ingin menggunakan fungsi baru untuk cuplikan ini, kunjungi get_terms () halaman Codex.

Apa yang dilakukan kode ini?

Kode mendapatkan semua ID kategori dan nama kategori untuk setiap ID, lalu ia menautkan ID ke tautan kategori, sementara itu menampilkan nama kategori setelah “:” - maka gema() ekspresi <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

5. Halaman Pengguna / Penulis Rinci Untuk Blog Anda

Pernahkah Anda ingin membuat halaman kustom yang akan menampilkan semua penulis atau pengguna blog Anda tanpa harus bergantung pada plugin?

Bisa saja kamu bisa membuat halaman Penulis / Pengguna kustom Anda sendiri hanya dengan editor teks, pengunggah FTP, dan Dasbor WordPress kesayangan Anda.

Pertama-tama, Anda perlu membuat salinan file page.php Anda. Ubah nama salinan Anda menjadi nama apa pun - saya beri nama pengguna saya.php.

menambahkan tag template ke bagian atas template ini untuk WordPress untuk mengenalinya sebagai template, kemudian pergi ke Dashboard Anda -> Halaman -> Tambah Baru dan buat halaman untuk daftar Pengguna / Penulis Anda. Kembali ke daftar Halaman, klik Edit Cepat di bawah judul halaman baru Anda dan pilih template baru Anda dari menu drop-down Template. Simpan perubahan Anda.

Sekarang buka file users.php Anda (dan apa pun yang Anda beri nama) dan terapkan kode berikut:

 <? php $ result = count_users (); gema 'Ada', $ hasil ['total_users'], 'total pengguna'; foreach ($ result ['avail_roles'] sebagai $ role => $ count) echo ',', $ count, 'are', $ role, 's'; gema '.'; ?> 

Kode ini menggunakan count_users fungsi terdaftar sebagai "penggunaan default" dalam Codex. Anda dapat melihat contoh langsung dari kode ini di http://robocity.in/users/.

Setelah kode itu, mari kita tambahkan sesuatu tentang admin blog:

<? php printf (__ ('Jumlah posting yang diterbitkan oleh pengguna "Pemimpin":% d', 'teks-dom-di sini'), count_user_posts (1)); ?>

Saya menggunakan count_user_posts berfungsi di sini, mengikuti format penggunaan yang disarankan oleh Codex.

Fungsi get_userdata baik untuk menunjukkan korelasi antara nama pengguna tertentu dan nama asli dari orang yang menggunakannya. Lihat di bawah:

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name log ke situs WordPress mereka dengan nama pengguna $ username."; ?>

Sekarang, ini adalah fungsi paling menarik yang dapat Anda gunakan pada halaman Penulis / Pengguna Anda - get_users fungsi:

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrator'); // Array objek WP_User. foreach ($ blogusers sebagai $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</span> <br/>'; }?>

Fungsi ini akan mengambil daftar pengguna sesuai dengan parameter tertentu yang dapat Anda konfigurasi dalam kode. Pada contoh di atas (diambil dari halaman Codex dan diedit agar sesuai dengan halaman Pengguna saya di Robocity.in), saya ingin mendapatkan daftar administrator untuk blog ID 1 (blog saat ini) dipesan dengan 'nicename', dan untuk setiap pengguna, Saya ingin menampilkan nama pengguna dan email dalam kalimat dari jenis "Nama pengguna - [Email dilindungi]".

Jika Anda ingin menunjukkan login pengguna sesuatu tentang diri mereka, Anda dapat menggunakan get_currentuserinfo berfungsi untuk mengambil, katakanlah, nama dan alamat pengguna. Saya tidak menggunakan fungsi ini dalam contoh saya, tetapi kreativitas tidak tahu batas, kan? ;)

Cuplikan Kode & Widget

6. Alternatif ... Arsip!

arsip blog lebih bagusBayangkan jika Anda dapat mengganti daftar Arsip sidebar lama Anda - yang terus bertumbuh ketika blog Anda tumbuh dan memaksa pengguna untuk menggulir - dengan cuplikan seperti yang dapat Anda lihat di sini di sebelah kanan.

Bukankah itu akan membuat segalanya lebih mudah bagi pembaca Anda untuk melihat usia blog Anda dan kedalaman arsip sekilas? :)

Tunangan saya dan saya menulis potongan sederhana ini menggunakan get_post dari Codex dan menu dropdown sederhana untuk daftar arsip. Kami membuat fungsi kami sendiri untuk membuat ide bekerja dengan baik.

<? php function formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ format, strtotime ($ post-> post_date)); mengembalikan $ output; } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); mengembalikan $ post-> ID; }?> <p> Blog ini memiliki postingan sejak <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Posting terakhir dipublikasikan di <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </p> <p> Apakah Anda ingin mengunjungi arsip tertentu? </p> <pilih nama = "arsip-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. value; "> <option value =" "> <? php echo esc_attr (__ ('Pilih Arsip')); ?> </option> <? php wp_get_archives (array ('type' => 'bulanan', 'format' => 'option', 'show_post_count' => 1)); ?> </select>

Apa yang dilakukan kode ini?

Function formatPostDate mengambil ID posting dan format tanggal dan mengembalikan tanggal dalam format pilihan Anda. Fungsi kedua, getLastPostID, mengambil larik posting yang hanya berisi satu posting dan mengembalikan ID-nya.

Untuk mendapatkan posting pertama dari blog - umumnya dengan ID = 1, kami menulis echo formatPostDate (1, '% B% e,% Y') di paragraf pertama: kode ini menggunakan fungsi formatPostDate dan mengambil parameter parameter ID posting #1 dan format bahasa Inggris standar untuk tanggal, dan mengembalikan tanggal.

Untuk mendapatkan posting terakhir dari blog, kami menggunakan formatPostDate (getLastPostID (), '% B% e,% Y') untuk mendapatkan ID dari posting terakhir dan format tanggal (sekali lagi, dalam bahasa Inggris) dan mencetak tanggal pada layar.

7. Periksa apakah pengunjung menggunakan perangkat seluler

Muneeb di WP-Snippets.com membagikan snipet kode yang menarik (fungsi) untuk memeriksa apakah pengunjung di situs Anda menggunakan perangkat seluler.

Kode tersedia di sini.

Fungsi ini membantu pengoptimalan seluler, karena berguna jika Anda ingin menunjukkan fungsi tertentu hanya untuk pengguna seluler atau mengecualikan pengguna seluler dari fitur situs web tertentu.

8. Gunakan konstruk if / else untuk memanipulasi konten sidebar halaman Anda

Cuplikan kode ini didasarkan pada Codex WordPress, tetapi saya menempatkannya di bagian ini karena memungkinkan banyak kreativitas dan Anda mungkin dapat menemukan cuplikan yang sudah jadi di Web.

Misalkan Anda ingin menggunakan beberapa sidebars di situs Anda. Anda dapat mengisi sidebar Anda dengan div dan seksi, tetapi semakin banyak file yang tumbuh (bahkan jika Anda menggunakan widget) semakin berat.

Codex datang kepada Anda menyelamatkan dengan get_sidebar ($ name) fungsi. Penggunaannya sederhana:

  1. Buat (katakanlah) bilah sisi untuk cuplikan Kutipan Anda. Beri nama sidebar-quotes.php
  2. Di file sidebar.php utama (atau file header atau indeks, sesuai dengan struktur tema WP Anda) tulis get_sidebar ("tanda kutip"); untuk menyertakan file "sidebar-quotes.php".

Anda akan mendapatkan sidebar yang lebih ramping dengan panggilan ke sub-sidebars lainnya, yang dapat Anda optimalkan dengan konstruk if / else jika Anda tahu sedikit pengodean PHP untuk WordPress.

Anda mungkin tidak tahu ini, tetapi ketika Anda menggunakan kode get_sidebar () generik, itu akan menyertakan "sidebar.php" karena Anda tidak menambahkan argumen $ name. Ini adalah penggunaan default. Ketika Anda menambahkan "-name" setelah "sidebar * .php", Anda dapat memanggil addon nama itu dengan $ name arg.

Jika Anda memiliki iklan, penawaran khusus, atau fungsi sidebar yang ingin Anda tampilkan pada halaman tertentu di blog atau kode Anda yang akan membebani sidebar standar Anda, Anda akan menemukan cuplikan kode ini sebagai penghemat hidup untuk UX.

9. Alat untuk mengintegrasikan cuplikan kode ke situs WordPress Anda

screenshot codesnippets

code Snippets adalah plugin WordPress gratis yang dibuat oleh Shea Bange yang memungkinkan Anda dengan mudah menambahkan cuplikan kode ke blog Anda.

Yang menyenangkan tentang plugin ini adalah Anda tidak perlu lagi mengeditnya functions.php file, tetapi Anda dapat menambahkan kode khusus langsung dari Dasbor WordPress Anda. Pada dasarnya, Anda dapat menambahkan cuplikan kode seperti Anda akan menambahkan posting atau halaman baru.

Tom Ewer di WPMUDev.org menulis pengantar yang menarik untuk plugin ini, tetapi sumber daya yang paling berguna yang saya temukan sejauh ini untuk Cup Snipets adalah forum dukungan plugin di WordPress.org.

Ke Anda!

Bagikan eksperimen pengkodean WordPress Anda di komentar di bawah ini! Dan jangan ragu untuk bertanya tentang cuplikan yang diperkenalkan di pos ini.

Tentang Luana Spinetti

Luana Spinetti adalah seorang penulis dan seniman freelance yang tinggal di Italia, dan seorang mahasiswa Ilmu Komputer yang penuh gairah. Dia memiliki ijazah sekolah menengah di bidang Psikologi dan Pendidikan dan mengikuti kursus 3 selama setahun di Comic Book Art, di mana dia lulus di 2008. Sebagai seseorang yang memiliki banyak wajah, ia mengembangkan minat yang besar dalam SEO / SEM dan Pemasaran Web, dengan kecenderungan tertentu ke Media Sosial, dan ia sedang mengerjakan tiga novel dalam bahasa ibunya (bahasa Italia), yang ia harap dapat segera menerbitkan indie.