Mungkin ada saat-saat ketika Anda ingin menanamkan file PDF ke dalam posting atau halaman Anda:
- Penulis buku mungkin ingin memberikan salinan gratis kepada pembaca.
- Untuk menambahkan katalog produk ke situs web Anda.
- Untuk membagikan desain Anda dalam format PDF dengan klien.
- Anda mungkin menjalankan biro perjalanan dan ingin menunjukkan rencana perjalanan paket wisata.
Tapi ada masalah!
Meskipun WordPress memungkinkan Anda untuk menanamkan audio, video, dan tentu saja gambar, tidak mungkin untuk menanamkan file PDF di pos dan halaman Anda. Fitur ini tidak tersedia sampai sekarang, mungkin akan ditambahkan di masa mendatang.
Jika Anda ingin menambahkan file PDF, Anda dapat mengunggah file menggunakan opsi Add Media, masukkan dan tautan ke file itu akan ditambahkan ke halaman Anda. Dan pengunjung Anda dapat mengunduhnya atau melihat file di browser web ketika meninggalkan situs web Anda.
Tetapi bagaimana jika Anda ingin menanamkan file PDF ke dalam posting Anda dan membiarkan pengunjung Anda melihatnya tanpa meninggalkan situs web Anda? Apakah ada solusi untuk itu? Jawaban singkatnya adalah ya.
Jadi dalam posting ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat menanamkan file PDF ke dalam posting atau halaman WordPress Anda. Sebelum memulai, Anda mungkin ingin membuat dokumen PDF yang rapi dan terformat dengan Editor PDF. Kemudian Anda siap menambahkannya ke posting Anda dengan atau tanpa menggunakan plugin. Mari kita mulai.
Cara menanamkan file PDF dengan plugin
Ada banyak plugin yang dapat Anda gunakan untuk menambahkan file PDF ke posting WordPress Anda.
Namun, kami akan menggunakan plugin yang disebut PDF Embedder. Ini adalah plugin gratis yang tersedia di direktori plugin WordPress. Hal terbaik tentang plugin ini adalah menggunakan JavaScript untuk melakukan tugasnya dan bukan layanan pihak ketiga atau iframe.
Langkah 1: Instal plugin PDF Embedder
Masuk ke Dasbor WordPress Anda dan pergi ke Plugin> Tambah baru. Sekarang cari Embedder PDF di kotak pencarian. Setelah Anda menemukan plugin, cukup instal dan aktifkan. Sederhana bukan?
Langkah 2: konfigurasikan plugin
Meskipun Anda dapat mulai menyematkan file PDF Anda setelah Anda menginstal plugin ini, Anda dapat terlebih dahulu memodifikasi pengaturan untuk membuat file yang tertanam terlihat lebih baik. Untuk membuka halaman konfigurasi untuk add-on ini, buka Pengaturan> Pemasang PDF dari bilah sisi kiri Dasbor WordPress Anda.
Versi gratis plugin ini memungkinkan Anda untuk mengubah yang berikut:
- Lebar dan tinggi – Anda dapat memodifikasi lebar dan tinggi penampil PDF. Menerima nilai integer (dalam piksel) atau maks. (Lebar 100%).
- Lokasi bilah alat – Bilah alat penampil PDF ini memungkinkan audiens memperbesar atau memperkecil dan pergi ke halaman berikutnya atau sebelumnya. Anda dapat memiliki bilah alat di bagian atas, bawah, atau keduanya.
- Bilah Alat – Anda dapat memilih apakah Anda ingin toolbar hanya terlihat ketika Anda mengarahkan mouse ke dokumen atau tidak.
Sekarang ini adalah pengaturan universal. Tetapi bagaimana jika Anda ingin mengubah pengaturan file tertentu? Nah, Anda bisa melakukannya dengan bantuan kode pendek. Berikut ini sebuah contoh:
[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width=”500″ toolbar=”top” toolbarfixed=”on”]
Pada contoh di atas, lebarnya diatur ke 500 px, lokasi bilah alat diatur ke atas, dan bilah alat akan diperbaiki. Anda juga dapat mengatur toolbar di bagian bawah dan toolbar tetap ke mati.
Plugin ini juga memiliki versi premium yang menawarkan fitur seperti tombol unduh, melihat dan mengunduh pelacakan, pengguliran halaman terus menerus dan tautan terbuka di jendela baru.
Langkah 3: sematkan file PDF ke dalam posting atau halaman Anda
Setelah selesai dengan pengaturan, Anda dapat mulai melakukan pekerjaan kotor. Sekarang, apakah Anda menggunakan Editor Klasik atau Editor Gutenberg, Anda dapat dengan mudah menggunakan plugin ini untuk mendapatkan hasil yang diinginkan.
Jika Anda menggunakan Editor klasikMenyematkan file PDF mirip dengan apa yang akan Anda lakukan untuk gambar atau video.
Pertama, buat posting baru atau buka yang sudah ada, lalu klik tombol Tambah Media. Sekarang unggah file PDF Anda, klik tombol Sisipkan di pos dan kode pendek akan ditambahkan ke pos Anda.
Itu saja, sekarang Anda dapat melihat pratinjau posting Anda untuk memeriksa apakah itu berfungsi dengan baik atau tidak.
Apa yang terjadi Editor Gutenberg? Yah, plugin PDF Embedder hadir dengan blok tertentu. Jadi buat posting baru dan klik ikon Tambahkan Blok. Kemudian cari blok Embedder PDF dan pilih.
Terakhir, klik pada blok untuk memilih (atau mengunggah) file PDF Anda dan pekerjaan Anda selesai.
Ini adalah hasil akhir, terlepas dari editor yang Anda gunakan:
Plugin populer penampil PDF
Meskipun plugin PDF Embedder berfungsi dengan baik, selalu ada baiknya untuk memiliki beberapa alternatif. Biarkan saya sekarang membagikan beberapa plugin penampil PDF gratis dan premium, tanpa urutan tertentu:
Penampil PDF untuk WordPress
Dengan lebih dari 3900 penjualan, penampil WordPress PDF adalah plugin penampil PDF yang dijual di CodeCanyon. Ini adalah plugin yang sepenuhnya responsif dan kompatibel multi-browser. Plugin ini memungkinkan Anda untuk mengaktifkan atau menonaktifkan opsi seperti mencetak, mengunduh, memperbesar, meramban halaman, dan berbagi di jejaring sosial. Anda juga dapat menggunakan Google Analytics dengan WordPress untuk melacak jumlah pengunjung yang membaca file PDF Anda.
Google Drive Embedder
Google Drive Embedder adalah plugin gratis yang memungkinkan Anda untuk mengakses Google Drive dari dasbor WordPress Anda dan menyematkan PDF, dokumen Word, atau spreadsheet di pos atau halaman Anda. Namun, untuk menggunakan plugin ini, Anda juga harus menginstal Google Apps Login: tujuan plugin ini adalah untuk menghubungkan Google Drive Anda ke situs WordPress Anda.
Penampil PDF Algori
Mencari plugin blok Gutenberg untuk menanamkan file PDF? Anda dapat mencoba plugin Algori PDF Viewer. Plug-in gratis ini kompatibel dengan semua browser web seperti Google Chrome, Firefox, Safari, Opera dan Internet Explorer 11. Ini memungkinkan Anda untuk mengunggah banyak file pada satu halaman dan mendukung mode presentasi.
Plugin Real3D FlipBook WordPress
Seperti namanya, Real3D FlipBook adalah plugin flipbook 3D responsif dan taktil untuk menampilkan file dan gambar PDF. Ini telah dikembangkan menggunakan HTML5 dan tidak memerlukan penggunaan Flash. Anda dapat menyesuaikan pengaturan seperti kecepatan pan, suara pan, level zoom, dan sudut kamera. Plugin ini juga kompatibel dengan mode lightbox dan layar penuh.
Masukkan dokumen lagi
Embed Any Document Plus adalah plugin unik yang memungkinkan Anda untuk dengan mudah mengunggah dan menyematkan file dokumen (PDF, Word, PPT, Excel, dll.) Dengan mudah di situs web WordPress. Plugin menambahkan tombol ‘Tambah Dokumen’ di atas editor visual. Ini akan membuka jendela sembulan EAD Plus dari mana Anda dapat memilih font untuk dokumen Anda. Ini juga terintegrasi erat dengan layanan cloud Google Drive, Dropbox, dan Box.com. Anda dapat tetap berada di dalam situs WordPress Anda dan mengunggah file ke layanan cloud dan menyematkannya langsung dari sana.
Setelah mengunggah atau memilih dokumen, Anda ingin menyematkan, Anda juga akan memiliki opsi untuk memilih layanan dokumen yang ingin Anda pilih untuk menyematkan file Anda. Plugin akan mengenali format file secara otomatis dan menyarankan pemirsa. Pemirsa dapat menangani file dengan ukuran maksimum 5 hingga 8 MB. Untuk file yang lebih besar, pengembang merekomendasikan untuk mengunggahnya ke Google Drive dan memasukkannya dari sana.
Cara menanamkan file PDF tanpa plugin
Nah jika Anda salah satu dari mereka yang selalu mencari solusi tanpa plugin maka bagian ini adalah untuk Anda. Kami tentu saja dapat menyematkan file PDF di posting dan halaman WordPress tanpa menginstal plugin lain.
Idenya sederhana: Anda harus mengunggah file PDF ke akun Google Drive Anda dan kemudian menggunakan kode iframe untuk menyematkan file itu di situs Anda. Meskipun metode ini aman, satu-satunya masalah adalah ia menggunakan iframe.
Langkah 1: Buka Google Drive dan masuk ke akun Anda.
Langkah 2: Unggah file PDF yang ingin Anda masukkan ke posting WordPress Anda di sini. Untuk melakukannya, klik Baru di bilah sisi kiri akun Google Drive Anda, pilih Unggah file dan unggah file dari komputer lokal Anda.
Langkah 3: Setelah file diunggah ke drive Anda, klik dua kali untuk melihat pratinjau file. Sekarang, klik pada 3 titik vertikal (Tindakan Lainnya) yang ada di sudut kanan atas dan pilih Buka di jendela baru.
Langkah 4: Di jendela baru, klik Tindakan Lainnya (3 titik vertikal di sudut kanan atas) dan pilih Bagikan.
Langkah 5: Jendela sembul yang disebut “Bagikan dengan orang lain” akan terbuka. Di sini, klik tautan Dapatkan untuk berbagi; apa yang dilakukannya adalah memastikan bahwa siapa saja yang memiliki tautan ke file PDF dapat melihatnya. Jika Anda tidak melakukan ini, file akan tetap pribadi dan tidak akan terlihat oleh audiens situs web Anda.
Langkah 6: Jika Anda tidak ingin pengunjung mengunduh atau mencetak file dan juga menonaktifkan fitur salin teks, klik Advanced di jendela sembul yang sama. Periksa opsi yang mengatakan, “Kosongkan opsi unduh, cetak, dan salin untuk komentator dan pemirsa,” dan klik Selesai.
Langkah 7: Sekarang adalah waktu untuk mendapatkan kode sematan yang akan kami gunakan dalam posting kami. Untuk mendapatkannya, kembali klik Tindakan Lainnya, pilih Sisipkan Item dan salin kode dari iframe.
Langkah 8: Buka Dasbor WordPress Anda dan buat atau edit pos atau halaman tempat Anda ingin menyematkan file PDF. Sekarang jika Anda menggunakan Editor klasik, cukup buka tab Teks dan tempel kode:
oleh Editor Gutenberg, Anda perlu menambahkan blok baru, mencari HTML khusus, dan akhirnya menambahkan kode iframe di blok HTML khusus:
Langkah 9: Itu dia, sekarang pratinjau posting atau halaman Anda untuk memeriksa file PDF tertanam Anda.
Catatan kaki tentang cara menanamkan file PDF di WordPress
WordPress memungkinkan Anda untuk menautkan ke file PDF Anda, tetapi tidak menanamkannya. Namun, tutorial ini menyelesaikan masalah itu. Ini menunjukkan bagaimana Anda dapat menanamkan file PDF Anda ke dalam posting atau halaman Anda, seperti halnya gambar dan video Anda, dengan atau tanpa menggunakan plugin.
Apakah Anda pernah menyematkan file PDF di situs web Anda menggunakan metode apa pun? Apakah Anda memiliki plugin alternatif dan berpikir itu lebih baik daripada yang disebutkan dalam artikel ini? Biarkan saya tahu pendapat Anda di bagian komentar.