๐Ÿ‘‰ Dasar Alignments Imej WordPress Dijelaskan - WinningWP

Alexa Rank – Screenshot

Subjek menyelaraskan imej adalah salah satu yang biasanya disalahpahami oleh pemula WordPress. Apabila anda pergi untuk menambahkan imej pada kandungan anda (di dalam salah satu jawatan atau muka surat) WordPress menawarkan empat cara lalai untuk menyelaraskan imej tersebut: menyelaraskan 'Kiri', selar 'Pusat', selaraskan 'Kanan' dan selaraskan 'Tiada' *.

Mari kita perhatikan setiap ini seterusnya:

1. Align Kiri

Imej yang diberikan penjajaran kiri akan ditolak ke sebelah kiri bahagian halaman tempat ia duduk (seperti sempadan kiri halaman WordPress halaman kandungan anda), dan kandungan lain (seperti teks) akan membungkus sekitar tiga sempadannya yang lain – mengisi kawasan itu di sebelah kanan tempat letaknya gambar.

Contoh:

Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pengecualian ini tidak dapat diterima oleh orang lain, kerana mereka mempunyai pekerjaan yang sangat penting dalam pekerjaan mereka. Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Ini adalah cara yang paling mudah untuk menjalankan kerja-kerja latihan yang dilakukan oleh pelanggan untuk mendapatkan komitmen yang baik. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

2. Align Center

Sekiranya anda ingin imej anda terpusat dalam bahagian halaman tempat ia duduk (iaitu dengan jumlah jarak yang sama antara pinggir kawasan kandungan dan sempadan kiri dan kanannya), pilih penjajaran 'Tengah'. Tidak seperti penjajaran 'Kiri' yang disebutkan di atas, mana-mana kandungan jiran (seperti teks) tidak akan membungkus imej – sebaliknya, diletakkan sama ada di atas atau di bawah imej (bergantung di mana dalam teks yang anda pilih untuk memasukkan kata imej).

Contoh:

Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pengecualian ini tidak dapat diterima oleh orang lain, kerana mereka mempunyai pekerjaan yang sangat penting dalam pekerjaan mereka.

3. Align Right

Dengan menjajarkan imej yang betul, seperti yang anda harapkan, hampir terbalik dari kiri menjajarkan imej – imej akan didorong ke sebelah kanan bahagian halaman tempat ia duduk (iaitu batas sebelah kanan anda WordPress memuat kandungan halaman), dan mana-mana kandungan lain (seperti teks, dll) akan membungkus tiga sempadannya yang lain: dengan itu mengisi kawasan di sebelah kiri.

Contoh:

Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pengecualian ini tidak dapat diterima oleh orang lain, kerana mereka mempunyai pekerjaan yang sangat penting dalam pekerjaan mereka. Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Ini adalah cara yang paling mudah untuk menjalankan kerja-kerja latihan yang dilakukan oleh pelanggan untuk mendapatkan komitmen yang baik. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

4. Align None

Imej-imej yang tidak mempunyai penjajaran yang diberikan kepada mereka (dengan memperuntukkan mereka penjajaran 'Tiada'), akan duduk betul-betul di tempat yang anda tentukan mereka – iaitu jika anda memilih untuk memposisikan imej yang diberikan penjajaran 'Tidak' dalam perenggan teks (lihat contoh berikut di bawah), ia akan diletakkan seiring dengan teks itu, yang akan menghasilkan teks untuk kedua-dua kiri dan kanan imej (dengan mengandaikan imej itu tidak sama lebar – atau lebih luas – daripada kawasan di mana ia duduk **). Walau bagaimanapun, dengan mengelirukan, imej yang mempunyai BOTH telah diberikan penjajaran 'Tiada' DAN duduk dalam perenggannya sendiri (iaitu pada baris baru dalam editor WordPress dan / atau khusus dalam tag HTML 'p') akan diletakkan di sebelah kiri dari kawasan di mana ia berada (dengan cara yang serupa dengannya jika ia telah diselaraskan) tetapi tanpa apa-apa teks di sebelah kanannya. Mengapa? Kerana imej tidak mempunyai penjajaran khusus (atau, dalam istilah 'teknologi': tidak ada terapung kiri atau kanan tertentu) yang terletak dalam perenggannya sendiri (tanpa elemen lain dalam paragraf yang sama) akan dipisahkan dari kedua-dua sebelumnya dan mengikuti kandungan dengan baris ruang putih yang telah ditetapkan – dengan cara yang sama seperti mana perenggan lain akan!

Contoh:

Anda boleh memilih untuk menyimpan, menyimpan dan menyimpan maklumat, tetapi anda juga boleh menggunakan kata laluan dan cara untuk menggunakannya. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Pengecualian ini tidak dapat diterima oleh orang lain, kerana mereka mempunyai pekerjaan yang sangat penting dalam pekerjaan mereka.

Jadi apa yang sebenarnya berlaku di sini?

Mengapa semua ini berlaku? Ini sebenarnya disebabkan oleh bahasa komputer yang digunakan untuk menyampaikan pembentangan (susunatur, dimensi, warna, dan sebagainya) elemen web, yang dikenali sebagai Cascading Style Sheets – atau 'CSS' untuk pendek. Pada dasarnya, setiap kali anda menetapkan, katakan, penjajaran kiri pada imej dalam jawatan atau halaman, sebagai contoh, WordPress menambahkan nama kelas HTML "alignleft" kepada imej tersebut, yang kemudiannya memaksa imej untuk merujuk set tertentu arahan CSS yang telah ditetapkan yang menyatakannya di mana ia perlu duduk di halaman – mudah! Begitu juga, bagi setiap penjajaran lain yang disebutkan, WordPress memberikan nama kelas yang berlainan – seperti 'aligncenter' (untuk imej menjadi keselarasan berpusat), 'alignright' (untuk imej sejajar dengan betul) dan 'alignnone' (untuk imej yang untuk tidak mempunyai penjajaran tertentu ditugaskan) – bahawa setiap rujukan berbeza set perintah CSS.

Diakui (sayangnya), idea membungkus kepala di sekeliling dunia perintah CSS dapat menjadi lebih menakutkan bagi pengguna WordPress rata-rata; Walau bagaimanapun, jika anda berminat untuk mengetahui lebih lanjut mengenai mereka, mereka akan dengan cepat membolehkan anda mendapatkan tahap kebebasan yang baru ketika datang ke styling kandungan anda – atau bahkan seluruh laman web anda! Jika anda berminat untuk belajar, lihat post sebelumnya kami di mana yang terbaik untuk belajar tentang CSS dalam talian – atau, secara alternatif, cuma beralih ke Google yang baik dan pergi liar! ;)

Ringkasan

Oleh itu, anda mempunyainya: penjajaran imej dijelaskan! Pendek kata: gunakan penjajaran kiri apabila anda mahu imej duduk di sebelah kiri dan elemen lain (seperti teks dan lain-lain) untuk membelokkannya ke kanan; gunakan penjajaran pusat apabila anda mahu imej duduk di tengah / tengah kandungan anda tanpa unsur-unsur lain pada kedua-dua sisi; gunakan jajaran yang betul apabila anda mahu imej duduk di sebelah kanan dan elemen web jiran lain untuk membelokkannya ke kiri; dan gunakan penjajaran 'tiada' jika anda mahu imej anda duduk tepat di mana anda memilih untuk meletakkannya berbanding dengan elemen jirannya (iaitu teks dll) – DAN akhirnya, jika anda mahu imej berada di sebelah kiri kandungan -ada dalam mana ia tinggal TETAPI tidak mahu mana-mana teks dan sebagainya muncul di sebelah kanannya, menyerahkan imej penjajaran 'Tiada' dan pastikan ia duduk dalam perenggan peribadi sendiri!

* melalui menu lungsur yang terdapat di bahagian bawah sebelah kanan 'Pustaka Media' WordPress, di bawah 'Tetapan Paparan Lampiran' header.

** di mana teks yang biasanya akan duduk di sebelah mana-mana pihak tidak mempunyai tempat lain selain daripada di atas atau di bawah imej – perhatikan bahawa kes sedemikian sering boleh menyebabkan kekeliruan antara kesemua empat penjajaran kerana tanpa ruang untuk mana-mana teks / elemen pada kedua-dua sisi imej itu pada dasarnya tidak akan membuat perbezaan yang penjajaran yang anda pilih untuk digunakan!

Berguna?

Tonton video itu: Berapa Lama Ini Membawa Peringkat Di Google (Jawapan Yang Sebenar)

Like this post? Please share to your friends:
Tinggalkan Balasan

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: