Cara menggunakan oembed php

Apakah Anda ingin membatasi lebar oEmbeds di WordPress?

WordPress secara otomatis menyematkan konten pihak ketiga seperti video YouTube, Tweet, atau posting Facebook. Namun, terkadang penyematan mungkin terlalu lebar dan mengacaukan tata letak halaman Anda.

Pada artikel ini, kami akan menunjukkan kepada Anda cara mengatur oEmbed max-width di WordPress sehingga Anda dapat memiliki kontrol lebih besar atas tata letak situs Anda.

Mengapa Memperbaiki Lebar Maksimum OEmbed di WordPress?

WordPress memungkinkan Anda untuk secara otomatis menyematkan konten dari situs web pihak ketiga tertentu ke dalam posting dan halaman Anda menggunakan teknologi yang disebut oEmbed.

Ini memungkinkan Anda untuk dengan mudah menyematkan video YouTube, Postingan Facebook, tweet, dan banyak jenis konten lainnya di situs web Anda. Konten ini tidak dihosting di . Anda Situs web WordPress. Sebaliknya, itu ditampilkan langsung dari situs pihak ketiga ini.

WordPress cukup bagus dalam menyesuaikan lebar konten yang disematkan secara otomatis ke konten situs web Anda atau area bilah sisi.

Namun, terkadang konten yang disematkan ini mungkin terlalu lebar dan tumpang tindih dengan area konten situs web Anda, seperti pada contoh di bawah ini.

Untuk memperbaikinya, Anda harus secara eksplisit memberi tahu WordPress untuk menggunakan batas lebar maksimum untuk penyematan pihak ketiga. Sayangnya, tidak ada opsi di pengaturan WordPress untuk melakukan itu.

Karena itu, mari kita lihat cara mengatur lebar maksimal oEmbed di WordPress dengan mudah tanpa merusak apa pun.

Kami akan membahas 4 metode berbeda, dan Anda dapat memilih salah satu yang paling sesuai dengan kebutuhan Anda:

Setel lebar oEmbed dengan kode pendek WordPress
Setel lebar oEmbed dengan Blok Embed WordPress
Setel lebar maksimal oEmbed dengan CSS
Setel lebar maks oEmbed dengan filter WordPress (Metode Kode)

Metode 1. Gunakan Kode Pendek Sematkan di WordPress

Metode ini lebih mudah dan bekerja dengan sangat baik untuk mengatur lebar maksimal untuk penyematan video di WordPress.

Alih-alih menempelkan URL atau menggunakan blok YouTube, Anda akan menggunakan Kode pendek memblokir. Di dalamnya, Anda perlu menggunakan kode pendek embed dan menyertakan parameter lebar dan tinggi.

Jangan ragu untuk mengubah nilai lebar dan tinggi sesuai kebutuhan Anda, dan ganti URL semat ke semat Anda sendiri.

Anda sekarang dapat melihat pratinjau posting atau halaman Anda dan melihat tindakan penyematan.

Kode pendek embed serta parameter lebar dan tingginya tidak berfungsi untuk semua penyedia oEmbed. Misalnya, Anda tidak dapat menggunakannya untuk mengatur tinggi dan lebar a Penyematan Giphy di WordPress.

Dalam hal ini, Anda dapat mencoba salah satu metode alternatif yang disebutkan di bawah ini.

Metode 2. Gunakan Blok Sematan di WordPress

NS editor WordPress default dilengkapi dengan beberapa blok embed untuk penyedia layanan oEmbed yang berbeda. Anda dapat menggunakannya untuk menyematkan konten di berbagai area posting dan halaman Anda.

Beberapa blok ini juga memungkinkan Anda untuk mengubah perataan embed dan mengatur lebar konten menjadi lebar atau lebar penuh.

Anda dapat mencoba menggunakan opsi ini untuk melihat apakah ini memperbaiki masalah lebar maksimum untuk penyematan.

Metode 3. Gunakan CSS untuk Mengatur Lebar Maks untuk Sematan di WordPress

Secara default, WordPress secara otomatis menambahkan kelas CSS ke berbagai area posting dan halaman Anda.

Itu juga menambahkan beberapa kelas CSS untuk menyematkan blok. Kelas CSS ini dapat digunakan untuk mengatur lebar maksimum untuk penyematan di situs web WordPress Anda.

Untuk mengetahui kelas CSS mana yang perlu Anda targetkan, cukup sematkan konten di postingan atau halaman, lalu pratinjau di browser Anda. Klik kanan dengan mengarahkan mouse ke konten yang disematkan lalu pilih alat Inspeksi.

Anda akan dapat melihat semua kelas CSS ditambahkan ke elemen yang disematkan. Anda dapat menggunakan kelas ini untuk menetapkan lebar maksimum untuk jenis penyematan ini.

Misalnya, jika Anda ingin mengatur lebar maksimum untuk semua penyematan, Anda dapat menggunakan yang berikut: CSS khusus.

.wp-block-embed { max-width: 900px!important; }

Anda juga dapat menargetkan penyedia oEmbed tertentu dengan menggunakan kelas .wp-block-embed-providername. Misalnya, jika Anda ingin menetapkan lebar maksimum hanya untuk penyematan Pinterest, Anda dapat menggunakan CSS khusus berikut.

.wp-block-embed-pinterest { max-width: 900px!important; }

Metode 4. Atur oEmbed Max Width Menggunakan Filter WordPress

Metode terakhir ini mengharuskan Anda untuk menambahkan kode khusus ke situs WordPress Anda. Jika Anda belum pernah melakukan ini sebelumnya, lihat panduan kami di cara mudah menambahkan cuplikan kode khusus di WordPress.

Untuk metode ini, kita akan menambahkan kode kita sendiri ke WordPress untuk mengatur lebar default untuk oEmbeds. Cukup tambahkan kode berikut ke file functions.php tema Anda atau Cuplikan Kode pengaya.

add_filter(’embed_defaults’, ‘wpbeginner_embed_defaults’); function wpbeginner_embed_defaults() { return array( ‘width’ => 400, ‘height’ => 280 ); }

Jangan lupa untuk menyesuaikan atribut tinggi dan lebar dengan kebutuhan Anda sendiri.

Masalah dengan metode ini adalah metode ini hanya menerapkan atribut lebar jika konten yang disematkan tidak memiliki definisi ‘lebar’. Jika kode embed sudah menyertakan lebar, maka metode ini mungkin tidak berfungsi.

Kiat Bonus

Jika Anda secara teratur menyematkan konten dari platform media sosial ke situs WordPress Anda, maka Anda harus mulai menggunakan Hancurkan Balon.

Ini adalah plugin media sosial terbaik untuk WordPress dan memungkinkan Anda untuk dengan mudah menyematkan umpan media sosial khusus di WordPress.

Ini mendukung penyematan media sosial populer seperti YouTube, Twitter, dan banyak lagi. Ini juga memungkinkan Anda untuk menyematkan konten Facebook dan Instagram, yang tidak didukung oleh WordPress.

Lebih penting lagi, semua umpan media sosial responsif seluler dan berfungsi dengan tema WordPress apa pun.

Kami harap artikel ini membantu Anda mempelajari cara mengatur lebar maks oEmbed di WordPress. Anda mungkin juga ingin melihat lengkap kami lembar contekan media sosial atau perbandingan ahli kami tentang perangkat lunak obrolan langsung terbaik untuk bisnis kecil.

Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Indonesia dan Facebook.

.

Sumber Artikel