Cara Menggunakan iFrame yang Penting Diketahui Para Webmaster

On Sep 25, 2021

Zulfirman – Cara menggunakan iFrame sebagai media yang membuat karya lebih mudah dipahami. Pasti diantara Anda tidak asing lagi dengan IFrame. IFrame sendiri adalah komponen file HTML yang memungkinkan Anda untuk menyisipkan media lain baik itu video, musik ataupun dokumen ke dalam website.

Dalam file HTML penggunaan iframe ditandai dengan tag <iframe>, proses ini diberi nama embed iFrame. Dengan adanya iFrame maka pengunjung website akan lebih memahami maksud dan tujuan dari website yang mereka kunjungi.

Terdapat beberapa metode untuk memasukkan iFrame ke dalam website Anda, diantaranya adalah :

Memasukkan Iframe Secara Manual di WordPress

Cara pertama adalah dengan proses manual. Yang berarti Anda akan memasukkan elemen iFrame secara manual di halaman HTML. Cara untuk memasukkan iFrame sebenarnya cukup mudah, tinggal gunakan tag <iframe> lalu diikuti dengan link dari file yang telah Anda siapkan untuk diupload di belakangnya dan ditutup dengan tag <iframe>.

Sebagai contoh Anda ingin memasukkan video dari youtube, maka kodenya adalah <iframe src=”https://youtube.com”><iframe>. Link “youtube” di tengah dapat Anda ganti dengan file yang telah Anda siapkan sendiri.

Namun perlu diperhatikan bahwa Anda hanya dapat menyisipkan file dari website dengan protokol sejenis. Masih bingung? Begini, jika website Anda menggunakan https, maka file yang Anda masukkan harus berasal dari website yang menggunakan format https juga.

Menggunakan Menu Embed WordPress

Platform WordPress bisa digunakan untuk menyisipkan file iframe dari website lain dengan mudah. Cara menggunakan iFrame ini dengan memanfaatkan editor dari WordPress yaitu Gutenberg, tinggal menyisipkan embed yang ada pada menu embed dari WordPress.

Pada menu tambahan di halaman WordPress Block editor, pilih menu embed. Lalu silahkan pilih platform yang akan Anda gunakan untuk menyisipkan file, misalnya instagram. Selanjutnya paste link dari konten instagram yang akan Anda sisipkan pada kolom yang tersedia dan terakhir klik embed, maka file sudah berhasil disisipkan.

Membuat iFrame dengan Bantuan Plugin

Cara menggunakan iFrame selanjutnya adalah dengan bantuan plugin pada WordPress. Plugin sendiri adalah fitur tambahan untuk WordPress yang dapat didownload dan diinstall dari sumber lain sesuai kebutuhan.

Saat ini sudah banyak bertebaran plugin untuk memasukkan iFrame pada WordPress, salah satu yang paling terkenal adalah plugin iFrame. Plugin ini akan memudahkan Anda untuk memasukkan konten dari berbagai platform media seperti youtube, tiktok, instagram, dan lainnya secara instan.

Plugin ini juga memungkinkan untuk melakukan kustomisasi pada konten yang akan Anda tampilkan seperti frame border, transparency, hingga scroll bar. Caranya adalah dengan mengutak atik kode [iframe frameborder=”0″] untuk frame border, [iframe scrolling=”yes”] untuk scroll dan [iframe allowtransparency=”true”] untuk mengatur transparency.

Membuat iFrame dengan Kode Embed

Cara menggunakan iFrame yang terakhir adalah dengan kode embed. Caranya, buka video yang ingin Anda masukkan ke dalam website. Lalu klik pada tombol “bagikan”, nantinya akan muncul opsi untuk membagikan video dengan cara embedding.

Setelah Anda memilih embedding, youtube akan menampilkan sederetan kode, salinlah kode tersebut. Lalu masuk ke WordPress dan pilih bagian Block editor WordPress dan tempelkan kode yang telah Anda salin tadi pada kolom yang tersedia.Jangan lupa untuk memastikan Block editor sudah mengenal kode yang Anda masukkan sebagai custom HTML.

Itulah tadi pembahasan cara menggunakan iFrame. Salah satu manfaat iFrame adalah untuk menghemat ruang penyimpanan serta menghindari jeratan hak cipta ketika Anda memasukkan konten orang lain ke dalam website. Nah, sekarang waktunya Anda mencoba untuk memasukkan iFrame pada website Anda , selamat mencoba!