Cara menggunakan AI untuk membangun plugin posting terkait WordPress

Kecerdasan buatan (AI) dapat meningkatkan alur kerja pengembangan Anda ke tingkat berikutnya. Teknologi ini dapat melakukan tugas yang rumit dan sederhana – menghemat waktu Anda dan meningkatkan daya penghasilan Anda.

Tidak ada yang lebih jelas daripada kemampuan AI untuk menulis kode. Anda memberi tahu alat favorit Anda apa yang harus dilakukan, dan itu menghasilkan kode. Ini adalah anugerah bagi pengembang WordPress karena Anda dapat membuat plugin khusus dengan sedikit usaha. Ini seperti memiliki ahli di pihak Anda.

Itu semua terdengar indah. Tapi bagaimana AI membantu pengembang dalam skenario dunia nyata? Apakah itu mampu menghasilkan solusi yang layak tanpa terlalu banyak masalah? Mari kita cari tahu!

Kami akan mencoba membangun plugin posting terkait sederhana untuk memberi Anda rasa apa yang mungkin. Kami tidak berharap itu bersaing dengan produk komersial. Namun, kami berharap dapat menghasilkan kode fungsional; Salah satu yang dapat ditingkatkan sesuai kebutuhan.


Apa yang kami ingin plugin kami lakukan?

AI sangat kuat – tetapi belum bisa membaca pikiran kita. Dengan demikian, kita harus memikirkan apa yang ingin kita bangun sebelumnya. Prompt yang terdefinisi dengan baik akan menghasilkan hasil yang lebih baik.

Seperti proyek pengembangan apa pun, lebih baik memulai dengan dasar -dasarnya. Dengan mengingat hal itu, mari kita pertimbangkan fungsi inti dari plugin posting terkait. Itu harus:

  • Pindai metadata posting saat ini, termasuk kategori dan tag;
  • Cari database situs untuk posting lain dengan metadata serupa;
  • Tautan tampilan ke sejumlah posting terkait yang ditentukan di bagian bawah posting saat ini;

Idenya adalah untuk membangun plugin yang melakukan tugas -tugas ini – dan tidak ada yang lain. Setelah itu dibuat, Anda dapat menambahkan lebih banyak lonceng dan peluit.

Ayo Bekerja

Saatnya untuk melihat berapa banyak upaya yang diperlukan untuk AI untuk menghasilkan plugin kami. Kami akan menggunakan chatgpt untuk latihan ini, tetapi Anda dapat menggunakan alat yang paling Anda sukai.

Kami akan menguji plugin kami di situs lokal dengan pilihan posting Speckyboy yang telah kami impor. Konten mencakup beberapa taksonomi WordPress (kategori dan tag). Ini harus menunjukkan kepada kita seberapa baik plugin menghubungkan titik -titik (atau tidak).

Langkah 1: Tulis prompt

Inilah prompt kami untuk chatgpt yang mencakup dasar -dasar yang diuraikan di atas:

Create a WordPress plugin that displays posts related to the current one. It should do the following:

- Check the categories and tags assigned to the current post;
- Search the site's database for other posts with similar metadata;
- Display links to 4 related posts at the bottom of the current one;

Dalam beberapa menit, ChatGPT menghasilkan plugin posting terkait. Inilah yang memberi tahu kita tentang kode:

Here's a WordPress plugin that displays related posts based on shared categories and tags. It retrieves up to four related posts and displays them at the bottom of the current post. The plugin uses `WP_Query` to fetch related posts efficiently.

This plugin fetches and displays related posts by:

1. Checking the current post's categories and tags.
2. Querying the database for other posts with matching categories or tags.
3. Displaying up to four related posts at the bottom of the content.

Langkah 2: Tinjau kode

Sekarang, mari kita lakukan ulasan singkat tentang kode plugin. Itu memungkinkan kita untuk melihat apa yang dilakukannya dan melihat masalah potensial.

Perhatikan bahwa kami membuat beberapa penyesuaian ke header plugin Untuk mencocokkan nama yang diinginkan dan info penulis. Dalam retrospeksi, kami bisa meminta chatgpt untuk menambahkan ini. Untungnya, perubahannya minimal.

Bagaimanapun, inilah kode kami. Kami akan menyoroti beberapa item yang menarik di bawah ini.

Sedikit keamanan: Hal pertama yang akan kami sorot adalah baris yang didedikasikan untuk keamanan:

if (!defined('ABSPATH')) exit; // Exit if accessed directly

Kode ini mencegah seseorang mengakses langsung file plugin. Ini sedikit kebingungan yang membantu melindungi situs web Anda.

Permintaan posting blog kami:

$args = [
 'post_type'      => 'post',
 'post_status'    => 'publish',
 'posts_per_page' => 4,
 'post__not_in'   => [$post_id],
 'orderby'        => 'rand',
 'tax_query'      => [
 'relation' => 'OR',
 ]
 ];

Berikut argumen untuk WordPress kami Posting kueri. Cuplikan ini memberi tahu plugin kami untuk melihat di 'post' Jenis posting dan pilih empat posting terkait. Itu menggunakan post_not_in Argumen untuk memastikan posting saat ini tidak termasuk dalam kueri. Itu orderby Argumen diatur ke 'rand' untuk memilih posting terkait secara acak.

Kategori dan tag pencarian:

if (!empty($categories)) {
 $args['tax_query'][] = [
 'taxonomy' => 'category',
 'field'    => 'term_id',
 'terms'    => $categories,
 ];
 }
 
 if (!empty($tags)) {
 $args['tax_query'][] = [
 'taxonomy' => 'post_tag',
 'field'    => 'term_id',
 'terms'    => $tags,
 ];
 }

Cuplikan ini memberi tahu plugin kami untuk mencari posting menggunakan kategori atau tag yang sama dengan posting saat ini.

Format daftar posting terkait:

$output="<div class="related-posts"><h3>Related Posts</h3><ul>";
 foreach ($related_posts as $related) {
 $output .= '<li><a target="_blank" href="' . get_permalink($related->ID) . '">' . esc_html(get_the_title($related->ID)) . '</a></li>';
 }
 $output .= '</ul></div>';

Plugin akan mengeluarkan daftar posting terkait yang tidak dipesan. Tautan dan judul setiap posting akan ditampilkan. Perhatikan penggunaan esc_html() untuk membersihkan judulnya. Itu mencegah kode yang berpotensi berbahaya dari pelaksanaan.

Tampilan di bagian bawah posting saat ini:

 return $content . $output;
}
add_filter('the_content', 'rpd_display_related_posts');

Terakhir, cuplikan ini memastikan daftar posting terkait ditampilkan di bagian bawah posting saat ini melalui the_content menyaring.

Langkah 3: Pasang dan aktifkan plugin

Semuanya terlihat bagus sejauh ini. Selanjutnya, kami akan menyalin kode yang dihasilkan oleh chatgpt dan menempatkannya di file yang dipanggil speckyboy-related-posts.php. Kami akan mengunggah file ke /wp-content/plugins/ Folder di situs uji. Akhirnya, kami akan mengaktifkan plugin.

Plugin tidak menghasilkan kesalahan PHP, dan situs kami tidak rusak. Kami akan menganggap itu sebagai kemenangan!

Kami mengaktifkan plugin posting terkait kami tanpa masalah.

Apakah Plugin Posting Terkait kami berfungsi?

Oke, kami menghasilkan plugin dan menginstalnya di situs pengujian kami. Saatnya melihat apakah itu berfungsi sebagaimana dimaksud.

Untuk memeriksanya, kami akan menavigasi ke posting blog dan berharap daftar postingan terkait ditampilkan di bagian bawah:

Daftar Posting Terkait di bagian bawah setiap posting blog.

Kesuksesan! Plugin ini bekerja dengan baik pada pandangan pertama. Ada daftar empat posting terkait yang tidak tertib di tempat yang benar. Mengklik setiap posting mengungkapkan bahwa ia membagikan kategori dan/atau tag dengan posting saat ini.

Dan kabar baiknya terus datang. Memeriksa posting selanjutnya menunjukkan hasil positif. Satu atau lebih taksonomi secara konsisten cocok dengan posting saat ini. Ini mungkin tidak mewah, tetapi itu berhasil!

Kami memang melihat efek samping yang tidak diinginkan. Ingat, plugin kami memilih posting terkait secara acak. Dengan demikian, menyegarkan pos saat ini memuat daftar baru di bagian bawah. Itu belum tentu hal yang buruk. Ini mungkin menguntungkan situs konten-berat, karena selalu memberi pembaca sesuatu yang unik.

Menemukan yang tidak terduga adalah bagian dari proses pengujian. Ini adalah kesempatan untuk memperbaiki dan meningkatkan plugin kami.

Membawa plugin kami ke level berikutnya

Plugin kami berfungsi seperti yang diharapkan dan memberikan fondasi yang kuat. Tetapi pengembangan tidak harus berhenti di situ. Kami selalu dapat menambahkan lebih banyak fitur dan fungsionalitas canggih.

Kami memiliki beberapa ide yang dapat membawa plugin posting terkait kecil ini ke level berikutnya:

Persempit ruang lingkup posting terkait

Iterasi saat ini mencari posting terkait yang cocok dengan kategori dan/atau tag yang saat ini. Itu mungkin terlalu luas untuk beberapa kasus penggunaan. Menyempit ruang lingkup pencarian masuk akal dalam kasus ini.

Kami dapat membatasi kecocokan dengan tag atau bahkan mencoba mencocokkan kata kunci dalam judul posting saat ini. Itu bisa menghasilkan hasil yang lebih relevan. Kelemahannya? Pencarian yang lebih rumit mungkin berarti hit kinerja.

Tingkatkan tata letak dan gaya

Daftar yang tidak dipesan yang ditampilkan oleh plugin dasar kami sederhana dan dapat diakses. Ada ruang untuk perbaikan.

Untuk satu, kami bisa meminta Chatgpt untuk membuat tata letak kartu. Itu akan terlihat bagus dan rapi di hampir setiap situs. Selain itu, kami dapat menambahkan lebih banyak metadata posting seperti gambar unggulan, tanggal publikasi, dan kutipan.

CSS kecil juga bisa sangat membantu membuat output terlihat lebih profesional. Efek arwah akan menambah beberapa polesan ke presentasi.

Tambahkan halaman Pengaturan

Plugin kami tidak memiliki pengaturan. Menambahkan halaman Pengaturan bisa membuatnya lebih fleksibel. Seorang pengguna mungkin ingin mengubah beberapa aspek plugin, termasuk:

  • Jumlah posting terkait yang diambil;
  • Jenis posting yang harus menampilkan posting terkait;
  • Kriteria untuk posting terkait (taksonomi, kata kunci, dll.);
  • Posting atau taksonomi untuk dikecualikan;

Akan menyenangkan untuk dimiliki. Namun, pengaturan plugin juga akan menambah lapisan kompleksitas. Opsi harus disimpan dan diambil dari database situs. Plus, memungkinkan input pengguna hadir dengan tanggung jawab keamanan ekstra. Itu mungkin tidak diinginkan dalam setiap situasi.

Ini adalah pengingat untuk memikirkan konsekuensi dari setiap fitur yang kami tambahkan. Hanya karena AI dapat melakukannya, bukan berarti kita harus bertanya!

AI membuat plugin bangunan lebih mudah dari sebelumnya

Sungguh menakjubkan memikirkan kecepatan di mana AI memproduksi plugin kami. Kami beralih dari konsep ke prototipe yang berfungsi dalam waktu sekitar 10 menit. Ini menunjukkan kekuatan teknologi dan tingkat peningkatannya. Versi chatgpt sebelumnya mungkin tidak efisien dan akurat.

Memang, kami tidak mencoba membangun WooCommerce berikutnya. Itu masih jembatan terlalu jauh – terutama ketika mempertimbangkan kebutuhan pemeliharaan dan keamanan di masa depan.

Namun, AI mahir memproduksi plugin sederhana. Setelah Anda memilikinya, Anda dapat mengubahnya sesuka hati. Menambahkan fitur atau membuat perubahan adalah masalah menulis beberapa petunjuk (atau pengkodean dengan tangan, jika Anda belum melupakannya).

Yang terbaik dari semuanya, Anda dapat menggunakan alat ini untuk keuntungan Anda. Mereka akan membantu Anda menyelesaikan proyek lebih cepat saat memperluas kemampuan pengembangan Anda. Sepertinya masa depan ada di sini!


Atas

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top