{"id":3899,"date":"2025-08-16T20:58:44","date_gmt":"2025-08-16T13:58:44","guid":{"rendered":"https:\/\/www.jagowebdesign.com\/website\/?p=3899"},"modified":"2025-08-27T12:25:46","modified_gmt":"2025-08-27T05:25:46","slug":"menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi","status":"publish","type":"post","link":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/","title":{"rendered":"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi"},"content":{"rendered":"<article class=\"text-token-text-primary w-full\" dir=\"auto\" data-testid=\"conversation-turn-58\" data-scroll-anchor=\"true\">\n<div class=\"text-base my-auto mx-auto py-5 [--thread-content-margin:--spacing(4)] @[37rem]:[--thread-content-margin:--spacing(6)] @[70rem]:[--thread-content-margin:--spacing(12)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:32rem] @[34rem]:[--thread-content-max-width:40rem] @[64rem]:[--thread-content-max-width:48rem] mx-auto flex max-w-(--thread-content-max-width) flex-1 text-base gap-4 md:gap-5 lg:gap-6 group\/turn-messages focus-visible:outline-hidden\" tabindex=\"-1\">\n<div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"relative flex-col gap-1 md:gap-3\">\n<div class=\"flex max-w-full flex-col grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"aa87cdbe-9e29-46d7-84a6-19c40a926022\" data-message-model-slug=\"gpt-4o-mini\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words light\">\n<p class=\"\" data-start=\"252\" data-end=\"688\">WordPress adalah platform yang sangat fleksibel dan memungkinkan penggunanya untuk menyesuaikan fungsionalitas situs melalui kode. Salah satu cara paling kuat untuk melakukan kustomisasi di WordPress adalah dengan menggunakan <strong data-start=\"478\" data-end=\"486\">hook<\/strong> dan <strong data-start=\"491\" data-end=\"501\">filter<\/strong>. Kedua konsep ini memungkinkan pengembang untuk menambahkan atau memodifikasi fungsionalitas WordPress tanpa mengubah inti kode, yang menjaga situs tetap aman dan mudah untuk diperbarui.<\/p>\n<p class=\"\" data-start=\"690\" data-end=\"900\">Dalam artikel ini, kita akan membahas apa itu <strong data-start=\"736\" data-end=\"754\">WordPress hook<\/strong>, bagaimana cara kerjanya, dan bagaimana kamu bisa menggunakan <strong data-start=\"817\" data-end=\"837\">filter WordPress<\/strong> serta <strong data-start=\"844\" data-end=\"859\">action hook<\/strong> untuk menyesuaikan situs WordPress kamu.<\/p>\n<hr class=\"\" data-start=\"902\" data-end=\"905\" \/>\n<h2 class=\"\" data-start=\"907\" data-end=\"936\">Apa Itu Hook di WordPress?<\/h2>\n<p class=\"\" data-start=\"938\" data-end=\"1260\">Di dalam dunia pengembangan WordPress, <strong data-start=\"977\" data-end=\"985\">hook<\/strong> adalah mekanisme yang memungkinkan kamu untuk \u201cmenyambungkan\u201d fungsi kamu ke dalam alur kerja WordPress. Hook memungkinkan pengembang untuk menjalankan kode tertentu di lokasi yang tepat di dalam eksekusi WordPress, baik itu sebelum atau setelah tindakan tertentu dilakukan.<\/p>\n<p class=\"\" data-start=\"1262\" data-end=\"1294\">Ada dua jenis hook di WordPress:<\/p>\n<ol data-start=\"1295\" data-end=\"1534\">\n<li class=\"\" data-start=\"1295\" data-end=\"1431\">\n<p class=\"\" data-start=\"1298\" data-end=\"1431\"><strong data-start=\"1298\" data-end=\"1314\">Action Hooks<\/strong>: Digunakan untuk menjalankan kode pada waktu tertentu, seperti ketika halaman dimuat atau setelah plugin diaktifkan.<\/p>\n<\/li>\n<li class=\"\" data-start=\"1432\" data-end=\"1534\">\n<p class=\"\" data-start=\"1435\" data-end=\"1534\"><strong data-start=\"1435\" data-end=\"1451\">Filter Hooks<\/strong>: Digunakan untuk memodifikasi data sebelum ditampilkan atau diproses lebih lanjut.<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"1536\" data-end=\"1539\" \/>\n<h2 class=\"\" data-start=\"1541\" data-end=\"1564\">Apa Itu Action Hook?<\/h2>\n<p class=\"\" data-start=\"1566\" data-end=\"1874\"><strong data-start=\"1566\" data-end=\"1581\">Action hook<\/strong> adalah jenis hook yang memungkinkan kamu untuk menjalankan fungsi tambahan di titik tertentu dalam proses eksekusi WordPress. Misalnya, kamu bisa menggunakan action hook untuk menambahkan konten ke header, mengirim email setelah formulir dikirim, atau menambah fitur baru saat halaman dimuat.<\/p>\n<p class=\"\" data-start=\"1876\" data-end=\"2024\">Contoh umum action hook di WordPress adalah <code data-start=\"1920\" data-end=\"1929\">wp_head<\/code>, yang memungkinkan kamu untuk menambahkan kode ke bagian <code data-start=\"1987\" data-end=\"1995\">&lt;head&gt;<\/code> dari HTML di setiap halaman.<\/p>\n<h3 class=\"\" data-start=\"2026\" data-end=\"2058\">Cara Menggunakan Action Hook<\/h3>\n<p class=\"\" data-start=\"2060\" data-end=\"2223\">Untuk menggunakan <strong data-start=\"2078\" data-end=\"2093\">action hook<\/strong> di WordPress, kamu harus menggunakan fungsi <code data-start=\"2138\" data-end=\"2152\">add_action()<\/code>. Fungsi ini mengaitkan hook dengan sebuah fungsi yang akan dijalankan.<\/p>\n<p class=\"\" data-start=\"2225\" data-end=\"2278\"><strong data-start=\"2225\" data-end=\"2278\">Contoh: Menambahkan Kode ke Bagian Head WordPress<\/strong><\/p>\n<p class=\"\" data-start=\"2280\" data-end=\"2488\">Jika kamu ingin menambahkan skrip atau tag meta ke bagian <code data-start=\"2338\" data-end=\"2346\">&lt;head&gt;<\/code> situs kamu, kamu dapat menggunakan action hook <code data-start=\"2394\" data-end=\"2403\">wp_head<\/code>. Berikut adalah contoh kode yang bisa ditambahkan ke file <code data-start=\"2462\" data-end=\"2477\">functions.php<\/code> tema kamu:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">tambah_kode_head<\/span>() {<br \/>\n    <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-string\">'&lt;meta name=\"author\" content=\"Nama Anda\"&gt;'<\/span>;<br \/>\n    <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-string\">'&lt;script src=\"path\/to\/script.js\"&gt;&lt;\/script&gt;'<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_action<\/span>(<span class=\"hljs-string\">'wp_head'<\/span>, <span class=\"hljs-string\">'tambah_kode_head'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"2684\" data-end=\"2695\">Penjelasan:<\/p>\n<ul data-start=\"2696\" data-end=\"2868\">\n<li class=\"\" data-start=\"2696\" data-end=\"2868\">\n<p class=\"\" data-start=\"2698\" data-end=\"2868\"><strong data-start=\"2698\" data-end=\"2743\">add_action(&#8216;wp_head&#8217;, &#8216;tambah_kode_head&#8217;)<\/strong>: Fungsi ini akan menjalankan fungsi <code data-start=\"2780\" data-end=\"2798\">tambah_kode_head<\/code> pada setiap halaman yang dimuat, tepat sebelum tag penutup <code data-start=\"2858\" data-end=\"2867\">&lt;\/head&gt;<\/code>.<\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-start=\"2870\" data-end=\"3095\">Kamu bisa menggunakan berbagai <strong data-start=\"2901\" data-end=\"2916\">action hook<\/strong> di WordPress untuk menambahkan fungsionalitas lain, seperti <code data-start=\"2977\" data-end=\"2988\">wp_footer<\/code> untuk menambahkan kode ke bagian footer, atau <code data-start=\"3035\" data-end=\"3041\">init<\/code> untuk menjalankan fungsi saat inisialisasi WordPress.<\/p>\n<hr class=\"\" data-start=\"3097\" data-end=\"3100\" \/>\n<h2 class=\"\" data-start=\"3102\" data-end=\"3125\">Apa Itu Filter Hook?<\/h2>\n<p class=\"\" data-start=\"3127\" data-end=\"3428\"><strong data-start=\"3127\" data-end=\"3142\">Filter hook<\/strong> adalah hook yang memungkinkan kamu untuk memodifikasi data sebelum ditampilkan ke pengguna atau diproses lebih lanjut. Misalnya, kamu bisa menggunakan filter untuk mengubah judul postingan, memodifikasi output dari query database, atau memanipulasi konten yang ditampilkan di frontend.<\/p>\n<p class=\"\" data-start=\"3430\" data-end=\"3543\">Filter hook sangat berguna ketika kamu ingin mengubah data yang sudah ada tanpa memodifikasi file inti WordPress.<\/p>\n<h3 class=\"\" data-start=\"3545\" data-end=\"3577\">Cara Menggunakan Filter Hook<\/h3>\n<p class=\"\" data-start=\"3579\" data-end=\"3731\">Untuk menggunakan <strong data-start=\"3597\" data-end=\"3612\">filter hook<\/strong>, kamu perlu menggunakan fungsi <code data-start=\"3644\" data-end=\"3658\">add_filter()<\/code>. Fungsi ini mengaitkan filter dengan fungsi yang akan memodifikasi data.<\/p>\n<p class=\"\" data-start=\"3733\" data-end=\"3779\"><strong data-start=\"3733\" data-end=\"3779\">Contoh: Mengubah Judul Postingan WordPress<\/strong><\/p>\n<p class=\"\" data-start=\"3781\" data-end=\"3951\">Misalnya, jika kamu ingin menambahkan teks tertentu ke setiap judul postingan, kamu bisa menggunakan filter hook <code data-start=\"3894\" data-end=\"3905\">the_title<\/code> untuk memodifikasi judul sebelum ditampilkan.<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">ubah_judul_post<\/span>(<span class=\"hljs-params\"><span class=\"hljs-variable\">$judul<\/span><\/span>) {<br \/>\n    <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-string\">'My Custom Title: '<\/span> . <span class=\"hljs-variable\">$judul<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_filter<\/span>(<span class=\"hljs-string\">'the_title'<\/span>, <span class=\"hljs-string\">'ubah_judul_post'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"4087\" data-end=\"4098\">Penjelasan:<\/p>\n<ul data-start=\"4099\" data-end=\"4270\">\n<li class=\"\" data-start=\"4099\" data-end=\"4270\">\n<p class=\"\" data-start=\"4101\" data-end=\"4270\"><strong data-start=\"4101\" data-end=\"4147\">add_filter(&#8216;the_title&#8217;, &#8216;ubah_judul_post&#8217;)<\/strong>: Fungsi ini akan mengubah setiap judul postingan yang ditampilkan dengan menambahkan teks &#8220;My Custom Title: &#8221; di depannya.<\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-start=\"4272\" data-end=\"4461\">Kamu bisa menggunakan filter hook lainnya untuk memodifikasi berbagai jenis data, seperti <code data-start=\"4362\" data-end=\"4375\">the_content<\/code> untuk mengubah konten postingan, atau <code data-start=\"4414\" data-end=\"4428\">widget_title<\/code> untuk memodifikasi judul widget.<\/p>\n<hr class=\"\" data-start=\"4463\" data-end=\"4466\" \/>\n<h2 class=\"\" data-start=\"4468\" data-end=\"4510\">Perbedaan Antara Action dan Filter Hook<\/h2>\n<p class=\"\" data-start=\"4512\" data-end=\"4606\">Secara sederhana, perbedaan antara <strong data-start=\"4547\" data-end=\"4562\">action hook<\/strong> dan <strong data-start=\"4567\" data-end=\"4582\">filter hook<\/strong> adalah sebagai berikut:<\/p>\n<ul data-start=\"4608\" data-end=\"5031\">\n<li class=\"\" data-start=\"4608\" data-end=\"4839\">\n<p class=\"\" data-start=\"4610\" data-end=\"4839\"><strong data-start=\"4610\" data-end=\"4625\">Action hook<\/strong>: Digunakan untuk mengeksekusi fungsi atau aksi tertentu pada titik tertentu dalam alur kerja WordPress, seperti menambah kode HTML, menjalankan fungsi saat pengunjung mengunjungi halaman, atau memicu aksi lainnya.<\/p>\n<\/li>\n<li class=\"\" data-start=\"4840\" data-end=\"5031\">\n<p class=\"\" data-start=\"4842\" data-end=\"5031\"><strong data-start=\"4842\" data-end=\"4857\">Filter hook<\/strong>: Digunakan untuk memodifikasi data sebelum ditampilkan atau diproses lebih lanjut. Misalnya, mengubah konten, menyesuaikan judul postingan, atau memanipulasi query database.<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"5033\" data-end=\"5036\" \/>\n<h2 class=\"\" data-start=\"5038\" data-end=\"5102\">Contoh Penggunaan Hook dan Filter dalam Kustomisasi WordPress<\/h2>\n<p class=\"\" data-start=\"5104\" data-end=\"5243\">Untuk memberikan gambaran yang lebih jelas, mari kita lihat beberapa contoh konkret penggunaan hook dan filter dalam kustomisasi WordPress.<\/p>\n<h3 class=\"\" data-start=\"5245\" data-end=\"5305\">Contoh 1: Menambahkan Fitur ke Footer dengan Action Hook<\/h3>\n<p class=\"\" data-start=\"5307\" data-end=\"5496\">Misalnya, kamu ingin menambahkan copyright dan informasi hak cipta ke bagian footer situs kamu. Kamu bisa menggunakan <strong data-start=\"5425\" data-end=\"5452\">action hook <code data-start=\"5439\" data-end=\"5450\">wp_footer<\/code><\/strong> untuk menambahkannya ke bagian bawah situs.<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">copyright_footer<\/span>() {<br \/>\n    <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-string\">'&lt;p&gt;&amp;copy; '<\/span> . <span class=\"hljs-title function_ invoke__\">date<\/span>(<span class=\"hljs-string\">'Y'<\/span>) . <span class=\"hljs-string\">' Nama Perusahaan. Semua Hak Cipta Dilindungi.&lt;\/p&gt;'<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_action<\/span>(<span class=\"hljs-string\">'wp_footer'<\/span>, <span class=\"hljs-string\">'copyright_footer'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"5676\" data-end=\"5769\">Dengan menggunakan kode ini, informasi copyright akan muncul di bagian footer setiap halaman.<\/p>\n<h3 class=\"\" data-start=\"5771\" data-end=\"5823\">Contoh 2: Mengubah Link Login dengan Filter Hook<\/h3>\n<p class=\"\" data-start=\"5825\" data-end=\"5957\">Jika kamu ingin mengganti URL login standar WordPress untuk meningkatkan keamanan, kamu bisa menggunakan <strong data-start=\"5930\" data-end=\"5945\">filter hook<\/strong> <code data-start=\"5946\" data-end=\"5956\">site_url<\/code>.<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">custom_login_url<\/span>(<span class=\"hljs-params\"><span class=\"hljs-variable\">$url<\/span><\/span>) {<br \/>\n    <span class=\"hljs-keyword\">if<\/span> (<span class=\"hljs-title function_ invoke__\">strpos<\/span>(<span class=\"hljs-variable\">$url<\/span>, <span class=\"hljs-string\">'wp-login.php'<\/span>) !== <span class=\"hljs-literal\">false<\/span>) {<br \/>\n        <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-string\">'https:\/\/example.com\/custom-login'<\/span>;<br \/>\n    }<br \/>\n    <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-variable\">$url<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_filter<\/span>(<span class=\"hljs-string\">'site_url'<\/span>, <span class=\"hljs-string\">'custom_login_url'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"6175\" data-end=\"6298\">Kode ini akan mengganti URL login default WordPress dengan URL yang lebih aman, seperti <code data-start=\"6263\" data-end=\"6297\">https:\/\/example.com\/custom-login<\/code>.<\/p>\n<h3 class=\"\" data-start=\"6300\" data-end=\"6360\">Contoh 3: Mengubah Teks Tombol Submit dengan Filter Hook<\/h3>\n<p class=\"\" data-start=\"6362\" data-end=\"6477\">Jika kamu ingin mengubah teks tombol submit di formulir pencarian, kamu bisa menggunakan <strong data-start=\"6451\" data-end=\"6466\">filter hook<\/strong> <code data-start=\"6467\" data-end=\"6476\">gettext<\/code>.<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]\">php<\/div>\n<div class=\"sticky top-9\">\n<div class=\"absolute end-0 bottom-0 flex h-9 items-center pe-2\">\n<div class=\"bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex items-center gap-1 px-4 py-1 select-none\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"whitespace-pre! language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><\/span> <span class=\"hljs-title\">ubah_tombol_submit<\/span>(<span class=\"hljs-params\"><span class=\"hljs-variable\">$translated_text<\/span><\/span>, <span class=\"hljs-variable\">$text<\/span>, <span class=\"hljs-variable\">$domain<\/span>) {<br \/>\n    <span class=\"hljs-keyword\">if<\/span> (<span class=\"hljs-variable\">$text<\/span> === <span class=\"hljs-string\">'Search'<\/span>) {<br \/>\n        <span class=\"hljs-variable\">$translated_text<\/span> = <span class=\"hljs-string\">'Cari Sekarang'<\/span>;<br \/>\n    }<br \/>\n    <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-variable\">$translated_text<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_filter<\/span>(<span class=\"hljs-string\">'gettext'<\/span>, <span class=\"hljs-string\">'ubah_tombol_submit'<\/span>, <span class=\"hljs-number\">20<\/span>, <span class=\"hljs-number\">3<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<p class=\"\" data-start=\"6718\" data-end=\"6794\">Dengan kode ini, teks tombol pencarian akan berubah menjadi &#8220;Cari Sekarang&#8221;.<\/p>\n<hr class=\"\" data-start=\"6796\" data-end=\"6799\" \/>\n<h2 class=\"\" data-start=\"6801\" data-end=\"6814\">Kesimpulan<\/h2>\n<p class=\"\" data-start=\"6816\" data-end=\"7152\"><strong data-start=\"6816\" data-end=\"6834\">WordPress hook<\/strong> dan <strong data-start=\"6839\" data-end=\"6849\">filter<\/strong> adalah alat yang sangat berguna untuk melakukan <strong data-start=\"6898\" data-end=\"6913\">kustomisasi<\/strong> tanpa perlu mengubah file inti WordPress. Dengan memahami cara kerja <strong data-start=\"6983\" data-end=\"6998\">action hook<\/strong> dan <strong data-start=\"7003\" data-end=\"7018\">filter hook<\/strong>, kamu bisa menambahkan fungsionalitas baru, memodifikasi data, atau mengubah tampilan situs tanpa mengorbankan keamanan atau kinerja.<\/p>\n<p class=\"\" data-start=\"7154\" data-end=\"7409\">Baik kamu menggunakan action hook untuk menambahkan kode di tempat yang tepat, atau filter hook untuk memodifikasi konten sebelum ditampilkan, pemahaman tentang hook akan membantu kamu mengembangkan situs WordPress yang lebih canggih dan terpersonalisasi.<\/p>\n<p class=\"\" data-start=\"7411\" data-end=\"7618\">Dengan berbagai hook yang tersedia, kamu bisa mengoptimalkan situs WordPress kamu dan menyesuaikan setiap aspeknya sesuai dengan kebutuhan spesifik tanpa harus bergantung pada plugin atau mengubah kode inti.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-3 w-full empty:hidden\">\n<div class=\"text-center\"><\/div>\n<\/div>\n<\/div>\n<div class=\"absolute\">\n<div class=\"flex items-center justify-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<div class=\"pointer-events-none h-px w-px\" aria-hidden=\"true\" data-edge=\"true\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress adalah platform yang sangat fleksibel dan memungkinkan penggunanya untuk menyesuaikan fungsionalitas situs melalui kode. Salah satu cara paling kuat untuk melakukan kustomisasi di WordPress adalah dengan menggunakan hook dan filter. Kedua konsep ini memungkinkan pengembang untuk menambahkan atau memodifikasi fungsionalitas WordPress tanpa mengubah inti kode, yang menjaga situs tetap aman dan mudah untuk diperbarui. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3901,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[660,659,658],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website\" \/>\n<meta property=\"og:description\" content=\"WordPress adalah platform yang sangat fleksibel dan memungkinkan penggunanya untuk menyesuaikan fungsionalitas situs melalui kode. Salah satu cara paling kuat untuk melakukan kustomisasi di WordPress adalah dengan menggunakan hook dan filter. Kedua konsep ini memungkinkan pengembang untuk menambahkan atau memodifikasi fungsionalitas WordPress tanpa mengubah inti kode, yang menjaga situs tetap aman dan mudah untuk diperbarui. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/\" \/>\n<meta property=\"og:site_name\" content=\"Demo Website\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-16T13:58:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-27T05:25:46+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/04\/27.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Prabowo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prabowo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/\",\"name\":\"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website\",\"isPartOf\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\"},\"datePublished\":\"2025-08-16T13:58:44+00:00\",\"dateModified\":\"2025-08-27T05:25:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jagowebdesign.com\/website\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/\",\"name\":\"Demo Website\",\"description\":\"Jagowebdesign.Com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\",\"name\":\"Prabowo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"caption\":\"Prabowo\"},\"url\":\"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/","og_locale":"en_US","og_type":"article","og_title":"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website","og_description":"WordPress adalah platform yang sangat fleksibel dan memungkinkan penggunanya untuk menyesuaikan fungsionalitas situs melalui kode. Salah satu cara paling kuat untuk melakukan kustomisasi di WordPress adalah dengan menggunakan hook dan filter. Kedua konsep ini memungkinkan pengembang untuk menambahkan atau memodifikasi fungsionalitas WordPress tanpa mengubah inti kode, yang menjaga situs tetap aman dan mudah untuk diperbarui. [&hellip;]","og_url":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/","og_site_name":"Demo Website","article_published_time":"2025-08-16T13:58:44+00:00","article_modified_time":"2025-08-27T05:25:46+00:00","og_image":[{"width":1280,"height":1280,"url":"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/04\/27.jpeg","type":"image\/jpeg"}],"author":"Prabowo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Prabowo","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/","url":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/","name":"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi - Demo Website","isPartOf":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#website"},"datePublished":"2025-08-16T13:58:44+00:00","dateModified":"2025-08-27T05:25:46+00:00","author":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a"},"breadcrumb":{"@id":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jagowebdesign.com\/website\/menggunakan-hook-dan-filter-di-wordpress-untuk-kustomisasi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jagowebdesign.com\/website\/"},{"@type":"ListItem","position":2,"name":"Menggunakan Hook dan Filter di WordPress untuk Kustomisasi"}]},{"@type":"WebSite","@id":"https:\/\/www.jagowebdesign.com\/website\/#website","url":"https:\/\/www.jagowebdesign.com\/website\/","name":"Demo Website","description":"Jagowebdesign.Com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a","name":"Prabowo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","caption":"Prabowo"},"url":"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3899"}],"collection":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/comments?post=3899"}],"version-history":[{"count":2,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3899\/revisions"}],"predecessor-version":[{"id":3903,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/3899\/revisions\/3903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media\/3901"}],"wp:attachment":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media?parent=3899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/categories?post=3899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/tags?post=3899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}