Meletakkan Teks Bersebelahan Video YouTube di WordPress

Meletakkan Teks Bersebelahan Video YouTube di WordPress

Walaupun WordPress membenarkan anda menambah video YouTube menggunakan kod embed HTML semasa membuat pos, video yang dimuat naik biasanya muncul di tengah skrin, meninggalkan ruang kosong di kedua sisi. Anda boleh memanfaatkan ruang tersebut dengan menempatkan teks di sebelah kiri atau kanan video. Untuk melakukannya, anda perlu menyisipkan kod float HTML di sekeliling kod embed.

Berikut ialah langkah-langkah ringkas:

1. Log masuk ke papan pemuka WordPress, klik Blog Saya dan pilih Pos di bawah blog yang dikehendaki.
2. Di dalam senarai pos, klik pautan Sunting pada pos yang ingin diubah.
3. Beralih ke tab Teh (Text) pada skrin penyuntingan.
4. Cari kod embed YouTube. Untuk menatalang video ke kiri dan menempatkan teks di sebelah kanan, letakkan <div style="float:left;margin:0 10px 5px 0;"> sebelum kod embed dan </div> selepas kod embed. Jika anda mahu video di sebelah kanan, gunakan <div style="float:right;margin:0 10px 5px 0;"> pada permulaan kod embed.
5. Ulangi proses ini untuk setiap kod embed dalam pos.
6. Klik Kemas kini di bahagian Terbitkan dan gunakan Pratonton Perubahan untuk menyemak hasil.

Tips Cepat

Gunakan Ctrl + F dan masukkan www.youtube.com untuk mencari kod embed dengan pantas. Kod biasanya dikelilingi oleh kurungan segi dan kelihatan seperti ini:
[youtube=https://www.youtube.com/watch?&w=560&h=315]

Amaran

Elakkan meletakkan ruang kosong antara kod float dan kod embed YouTube kerana ia boleh mengganggu penampilan.