Pengaturan Penyelarasan Gambar WordPress – Dijelaskan!

Subjek menyelaraskan gambar adalah salah satu yang biasanya disalahpahami oleh pemula WordPress. Ketika Anda pergi untuk menambahkan gambar ke konten Anda (dalam posting atau halaman) WordPress menawarkan empat cara default untuk menyelaraskan gambar tersebut: menyelaraskan ‘Kiri’, menyelaraskan ‘Tengah’, meluruskan ‘Kanan’, dan menyelaraskan ‘Tidak ada’.


Mari kita lihat masing-masing ini secara bergantian:

1. Sejajarkan ke Kiri

Sebuah gambar yang telah diberi perataan kiri secara efektif akan didorong ke kiri bagian halaman di mana ia duduk (seperti batas kiri posting WordPress Anda dari konten halaman), dan konten lainnya (seperti teks) akan membungkus tiga perbatasan lainnya – mengisi area di sebelah kanan tempat gambar berada.

Contoh:

Anda juga dapat menemukan berbagai warna, tergantung pada apa yang Anda inginkan, dan melakukan hal-hal lain yang berkaitan dengan labore dan dolore magna aliqua. Rata kiri Setelah itu, pilih warna di layar sentuh atau klik untuk melihat lebih banyak di bawah ini. Pengecualian untuk tempat kejadian bukan tempat tinggal Anda, kecuali di kota ini, Anda pasti akan melihat lebih banyak lagi. Anda juga dapat memilih dari semua yang Anda butuhkan, dan masih banyak yang lain, dan juga lebih baik untuk melakukan hal-hal lain dan juga melakukan hal-hal lain. Jika Anda menggunakan minimal video, ini adalah cara terbaik untuk bekerja dengan lebih baik dan lebih baik. Semua orang tahu warna dalam jumlah besar dalam waktu singkat dan cepat, dolore, eu, fugiat nulla pariatur.

2. Align Center

Jika Anda ingin gambar Anda terpusat di bagian halaman tempat ia duduk (mis. Dengan jumlah jarak yang sama antara tepi area konten dan batas kiri dan kanannya), pilih perataan ‘Tengah’. Tidak seperti penyelarasan ‘Kiri’ yang disebutkan di atas, konten tetangga (seperti teks) tidak akan membungkus gambar – sebaliknya, akan diposisikan di atas atau di bawah gambar (tergantung di mana teks yang Anda pilih untuk disisipkan kata gambar).

Contoh:

Anda juga dapat menemukan berbagai warna, tergantung pada apa yang Anda inginkan, dan melakukan hal-hal lain yang berkaitan dengan labore dan dolore magna aliqua. Align Center Setelah itu, pilih warna di layar sentuh atau klik untuk melihat lebih banyak di bawah ini. Pengecualian untuk lokasi yang bukan tempat tinggal, hanya di culpa qui officia tempat terbuka yang indah untuk Anda.

3. Rata Kanan

Menyejajarkan gambar dengan benar, seperti yang Anda harapkan, merupakan kebalikan dari menyejajarkan gambar dengan kiri – gambar akan didorong ke kanan bagian halaman di mana gambar itu berada (yaitu batas kanan tangan Anda). Posting WordPress konten halaman), dan konten lainnya (seperti teks, dll) akan membungkus di sekitar tiga perbatasan lainnya: dengan demikian mengisi area di sebelah kiri itu.

Contoh:

Anda juga dapat menemukan berbagai warna, tergantung pada apa yang Anda inginkan, dan melakukan hal-hal lain yang berkaitan dengan labore dan dolore magna aliqua. Gambar Rata Rata Setelah itu, pilih warna di layar sentuh atau klik untuk melihat lebih banyak di bawah ini. Pengecualian untuk tempat kejadian bukan tempat tinggal Anda, kecuali di kota ini, Anda pasti akan melihat lebih banyak lagi. Anda juga dapat memilih dari semua yang Anda butuhkan, dan masih banyak yang lain, dan juga lebih baik untuk melakukan hal-hal lain dan juga melakukan hal-hal lain. Jika Anda menggunakan minimal video, ini adalah cara terbaik untuk bekerja dengan lebih baik dan lebih baik. Semua orang tahu warna dalam jumlah besar dalam waktu singkat dan cepat, dolore, eu, fugiat nulla pariatur.

4. Sejajarkan Tidak Ada

Gambar yang tidak memiliki perataan yang ditetapkan kepadanya (dengan mengalokasikannya perataan ‘Tidak Ada’), akan berada tepat di tempat Anda menemukannya – yaitu jika Anda memilih untuk memposisikan gambar yang ditetapkan perataan ‘Tidak Ada’ dalam paragraf teks (lihat contoh berikut di bawah), itu akan diposisikan sejajar dengan teks itu, yang akan menghasilkan ada teks di kiri dan kanan gambar (dengan asumsi gambar tidak sama lebar – atau lebih lebar – dari area di mana ia duduk **). Namun, secara membingungkan, sebuah gambar yang KEDUA telah diberi perataan ‘Tidak Ada’ DAN berada di dalam paragrafnya sendiri (yaitu pada baris baru di editor WordPress dan / atau secara khusus di dalam tag ‘p’ HTML) akan ditempatkan di sebelah kiri. dari area di mana ia berada (dengan cara yang mirip dengan itu jika itu dibiarkan selaras) tetapi tanpa teks di sebelah kanan itu. Mengapa? Karena gambar tidak memiliki perataan khusus (atau, dalam istilah teknologi: tidak ada ‘float’ kiri-atau-kanan tertentu) yang berada di dalam paragrafnya sendiri (tanpa elemen lain dalam paragraf yang sama) akan dipisahkan dari keduanya sebelumnya dan mengikuti konten dengan garis-garis ruang putih yang telah ditentukan – dengan cara yang hampir sama dengan paragraf lainnya!

Contoh:

Anda juga dapat menemukan berbagai warna, tergantung pada apa yang Anda inginkan, dan melakukan hal-hal lain yang berkaitan dengan labore dan dolore magna aliqua. Rata Tidak Ada Setelah itu, pilih warna di layar sentuh atau klik untuk melihat lebih banyak di bawah ini. Pengecualian untuk lokasi yang bukan tempat tinggal, hanya di culpa qui officia tempat terbuka yang indah untuk Anda.

Jadi apa yang sebenarnya terjadi di sini?

Mengapa ini semua terjadi? Ini sebenarnya semua karena bahasa komputer yang digunakan untuk mengekspresikan presentasi (tata letak, dimensi, warna, dll) elemen web, yang dikenal sebagai Cascading Style Sheets – atau singkatnya ‘CSS’. Intinya, setiap kali Anda menetapkan, misalkan, perataan kiri ke gambar di pos atau halaman, misalnya, WordPress menambahkan nama kelas HTML “alignleft” ke gambar tersebut, yang kemudian secara efektif memaksa gambar untuk merujuk ke set tertentu dari perintah CSS yang telah ditentukan yang memberitahukan di mana ia harus duduk di halaman – sederhana! Demikian pula, untuk masing-masing penyelarasan lain yang disebutkan, WordPress memberikan nama kelas yang berbeda – seperti ‘aligncenter’ (untuk gambar yang akan disejajarkan secara terpusat), ‘alignright’ (untuk gambar yang akan disejajarkan dengan benar) dan ‘alignnone’ (untuk gambar yang untuk tidak memiliki penyelarasan tertentu ditugaskan) – bahwa setiap referensi set yang berbeda dari perintah CSS.

Diakui (sayangnya), gagasan membungkus kepala Anda di sekitar dunia perintah CSS bisa lebih dari sedikit menakutkan bagi pengguna WordPress rata-rata; namun, jika Anda memiliki minat untuk mempelajari lebih lanjut tentang mereka, mereka akan dengan cepat memungkinkan Anda untuk mendapatkan tingkat kebebasan yang sama sekali baru dalam hal menata konten Anda – atau bahkan seluruh situs web Anda! Jika Anda tertarik untuk belajar, lihat pos kami sebelumnya tentang tempat terbaik untuk belajar CSS online – atau, alternatifnya, langsung saja ke Google yang baik dan menjadi liar! 😉

Ringkasan

Jadi begitulah: penyelarasan gambar dijelaskan! Singkatnya: gunakan perataan kiri ketika Anda ingin gambar diletakkan di sebelah kiri dan elemen lainnya (seperti teks, dll) untuk membungkusnya ke kanan; gunakan perataan tengah saat Anda ingin gambar diletakkan di tengah / tengah konten Anda tanpa elemen lain di kedua sisinya; gunakan perataan kanan saat Anda ingin gambar diletakkan di sebelah kanan dan elemen web tetangga lainnya untuk membungkusnya ke kiri; dan gunakan perataan ‘tidak ada’ jika Anda ingin gambar Anda diletakkan tepat di tempat yang Anda pilih untuk menempatkannya relatif terhadap elemen tetangganya (yaitu teks, dll.) – DAN terakhir, jika Anda ingin gambar diletakkan di sebelah kiri konten -area di mana ia berada TETAPI tidak ingin teks dll muncul di sebelah kanannya, tetapkan gambar sejajar ‘Tidak Ada’ dan pastikan itu duduk di paragraf pribadinya sendiri!

* melalui menu tarik-turun yang ditemukan di kanan bawah jendela WordPress ‘Media Library’, di bawah sub-header ‘Pengaturan Tampilan Lampiran’.

** dalam hal teks yang biasanya duduk di kedua sisi itu akan memiliki tempat lain selain dari di atas atau di bawah gambar – perhatikan bahwa kasus seperti itu sering dapat menyebabkan kebingungan antara keempat penyelarasan karena tidak ada ruang untuk yang lain teks / elemen di kedua sisi gambar itu pada dasarnya tidak akan membuat perbedaan penyelarasan yang Anda pilih untuk digunakan!

Berguna?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me