Teks memenangi t membalut hosting wordpress
Dicatat oleh Bhagwad Park pada 20 Mei, 2014 | 4 Comments
Satu jawatan WordPress baik adalah lebih banyak daripada dinding teks. Ia mengandungi konteks, imej, blockquotes, Pullquotes, dan pelbagai media visual lain untuk berpecah kandungan ke dalam ketulan mudah dicerna, menjadikannya lebih mudah untuk membaca dan kurang menakutkan. Adalah penting untuk meletakkan objek dengan betul walaupun dan untuk memastikan bahawa mereka patut dalam dengan lancar dengan seluruh jawatan itu. Idea ini adalah untuk mereka menambah artikel itu, tidak menarik perhatian pembaca untuk penempatannya. Ia perlu berasa semula jadi seolah-olah ia hanya "kepunyaan". Untuk tujuan ini, kita perlu tahu bagaimana untuk betul balut teks di sekitar objek sama ada imej, atau iframe. WordPress menyediakan satu kaedah mudah untuk meletakkan imej tepat tetapi kita perlu melakukan sedikit coding untuk mendapatkan rupa yang betul dan rasa untuk objek lain.
menjajarkan Images
Sejak imej dan gambar adalah bentuk yang paling biasa objek dalam sesuatu jawatan, untuk membalut teks di sekitar imej dalam WordPress bukan kepalang mudah. Pastikan anda menjalankan versi yang paling baru-baru WordPress, dan dalam editor visual di atas ikon WYSIWYG anda akan mendapati butang "Tambah Media" seperti yang ditunjukkan di bawah.
Klik ini akan membolehkan anda untuk memuat naik imej baru atau memilih salah satu dari perpustakaan yang sedia ada. Setelah anda memilih ia, butir-butir gambar akan muncul di sebelah kanan. Tatal ke bawah dan anda boleh melihat bahagian yang disebut "Lampiran Tetapan Paparan" seperti yang ditunjukkan di bawah.
Hanya pilih sama ada anda mahu imej untuk muncul di kiri, kanan, atau pusat. Jika anda tidak memilih apa-apa, imej yang akan diletakkan ke dalam HTML tanpa sebarang penjajaran. Ia mudah!
Menjajarkan Objek lain
Manakala teks membungkus sekitar imej adalah cukup mudah, bagaimana jika anda mempunyai elemen adat seperti iFrame yang? Beberapa alat kecil dan widget memberikan anda satu coretan kod untuk meletakkan ke dalam HTML jawatan WordPress anda dan tanpa penjajaran yang betul, ia akan kelihatan dahsyat. Terdapat dua perkara yang kita perlu menjaga:
Objek Penempatan
Katakanlah anda mempunyai coretan iFrame dalam
Anda boleh melihat dengan jelas bagaimana ini diletakkan di dalam gambar di bawah:
Ini meletakkan iFrame pada bahagian kiri dan ayat serta-merta selepas ia dalam HTML akan mengalir di sekitarnya ke kanan.
Melaraskan Margin
Malangnya ini masih tidak kelihatan betul. Ya, objek itu kelihatan kiri dengan susunan teks di sekelilingnya, tetapi teks yang terlalu dekat dengan tepi. prinsip-prinsip reka bentuk yang baik memberitahu kita bahawa kita perlu membuat beberapa margin di atas, di bawah, dan di sebelah kanan untuk imej kiri sejajar dan di sebelah kiri untuk orang-orang kanan sejajar.
Katakan kita mahu 10px margin ke kanan dan 22px margin di bahagian atas. Tambah kod berikut sejurus selepas pembukaan
Apabila diletakkan ke dalam iFrame itu didapati seperti ini:
Anda boleh menyimpan pratonton artikel sehingga anda mendapat margin tepat. Berikut adalah bagaimana ia akan kelihatan seperti akhirnya:
Seperti yang anda lihat, imej adalah kedua-dua betul sejajar ke kiri serta baik empuk dengan jarak untuk membuat ia kelihatan semula jadi sebahagian daripada jawatan itu tanpa melihat hodoh. Anda boleh menggunakan teknik ini untuk bekerja dengan mana-mana objek terbenam, bukan hanya iFrames. Sama ada gambar atau kod adat, ia adalah penting untuk memastikan mereka sesuai dengan lancar ke dalam kandungan anda.
Masukkan URL yang di bawah untuk mengetahui sekarang:
Mengenai Pengarang
Bhagwad Park adalah seorang penulis teknikal dari India dan kini menetap di Florida. Dia mengambil minat yang mendalam dalam dunia IT, awan, dan juga mengekalkan blog memberi tumpuan kepada hak asasi manusia di negara membangun.