Membuat Tombol Kembali di Halaman Post WordPress

Langkah-langkah Penerapan:

1. Menambahkan Kode PHP ke dalam Tema WordPress: Untuk menambahkan tombol kembali ke halaman sebelumnya, kita perlu menambahkan kode PHP ke dalam file functions.php pada tema aktif. Kode ini akan memeriksa apakah kita sedang berada di halaman post tertentu (misalnya post dengan kategori atau judul “bisnis”) dan menampilkan tombol kembali jika file yang dicari tidak ditemukan.Berikut adalah contoh kode PHP yang digunakan:
   php

   Copy code

   add_action('wp', function () {
if (is_single('bisnis')) { // Memeriksa apakah ini adalah postingan tunggal
// Ambil parameter 'file' dari URL
$file_id = isset($_GET['file']) ? sanitize_text_field($_GET['file']) : null;// Link download yang tersedia
   $download_links = array(
   “xvy81crzmusp” => “http://adlinksumo.com/i1qlngQ”,
   “oorbjzz85a9f” => “http://adlinksumo.com/oorbjzz85a9f”,
   // … (dan seterusnya)
   );

   // Tentukan link download berdasarkan file_id
   $download_link = $file_id && isset($download_links[$file_id]) ? $download_links[$file_id] : null;

   // Menambahkan tombol kembali jika file tidak ditemukan
   add_action(‘the_content’, function ($content) use ($download_link, $file_id) {
   if (!$download_link && $file_id) {
   // Tombol kembali ke website
   $back_button = ‘
   <div style=”text–align: center; margin: 20px auto; padding: 20px; background-color: #fff4f4; border: 1px solid #ffcccc; border-radius: 8px;”>
   <p style=“font-size: 18px; color: #d9534f; margin-bottom: 20px;”>File yang Anda cari tidak ditemukan atau tidak tersedia.</p>
   <a href=“javascript:history.back()” class=”btn–back” style=”display: inline–block; padding: 15px 30px; background–color: #d9534f; color: white; font–size: 16px; font–weight: bold; text–decoration: none; border–radius: 5px; box–shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background–color 0.3s ease, transform 0.3s ease;”>
   Kembali ke Website Sebelumnya
   </a>
   </div>

   <style>
   .btn–back:hover {
   background-color: #c9302c; /* Warna merah lebih gelap saat hover */
   transform: translateY(-3px); /* Animasi hover */
   box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
   }
   </style>‘;

   // Tambahkan gambar dari post di atas tombol
   global $post;
   $thumbnail = get_the_post_thumbnail($post->ID, ‘full‘, [‘style‘ => ‘margin-bottom: 20px; max-width: 100%; height: auto;‘]);
   return $thumbnail . $back_button . $content;
   }
   return $content;
   });
   }
   });
   

2. Menampilkan Tombol dengan Posisi di Atas Konten: Pada kode di atas, tombol “Kembali ke Website Sebelumnya” akan muncul di atas gambar jika gambar tersedia di post. Tombol ini memiliki efek hover yang membuat tombol berubah warna saat disorot, memberikan pengalaman pengguna yang lebih interaktif.
3. Contoh Gambar Hasil Penerapan: Berikut adalah contoh penerapan dari tombol “Kembali ke Website Sebelumnya” di dalam post WordPress:

   Pada gambar ini, Anda bisa melihat tombol merah yang tampil di atas konten, tepat setelah gambar post. Desain ini memberikan tampilan yang bersih dan modern.

Kesimpulan:

Dengan menggunakan kode PHP di atas, Anda dapat menambahkan tombol “Kembali ke Website Sebelumnya” di halaman post WordPress Anda, memberikan pengunjung cara mudah untuk kembali ke halaman sebelumnya tanpa harus menggunakan tombol browser. Tombol ini juga memiliki efek hover yang membuatnya lebih menarik dan user-friendly.