Banyak
Tema WordPress tidak termasuk fungsi untuk menyelaraskan gambar,
sesuatu yang saya temukan sangat aneh dan tidak memiliki penjelasan
untuk. Maksudku,
mereka telah menulis kode untuk seluruh tema yang akan diambil mereka
hari untuk melakukan, meninggalkan beberapa baris tambahan yang akan
membuat hidup lebih mudah bagi mereka yang menggunakan tema benar-benar
di luar saya. Ini tema yang Anda lihat sekarang adalah persis seperti itu. Tidak ada fungsi untuk saya untuk menelepon ketika saya ingin menyelaraskan gambar.
Jika Anda menyelaraskan gambar secara manual dan Anda tidak memiliki pengetahuan untuk memberikan gambar yang bantalan yang tepat, gambar dan teks akan tetap bersama-sama membuat tata letak seluruh pos terlihat sangat jelek dan amatir. Sebelum aku pergi menggali tentang cara untuk mengatasi hal ini, saya gunakan untuk mengedit gambar untuk memberikan perbatasan putih sebelum meng-upload gambar ke posting saya. Setidaknya dengan cara ini, ada beberapa ruang antara gambar dan teks. Kemudian saya belajar bagaimana hal itu bisa dilakukan oleh kode css beberapa dimasukkan ke stylesheet tema saya.
Seperti biasa, sebelum mencoba main-main dengan tema stylesheet Anda, kembali ke atas terlebih dahulu. Cukup buka php Stylesheet Anda dalam editor tema Anda, pilih semua dan menyalinnya ke notepad. Pastikan bahwa salinan aman sampai Anda yakin modifikasi yang telah Anda lakukan apa-apa sebelum membuangnya. Jika entah bagaimana, Anda mengacaukan, hanya menyalin kode-kode asli dan paste kembali benar-benar dan Anda akan mengembalikan semuanya ke keadaan sebelumnya itu. Itulah bagaimana saya melakukan hal-hal ketika saya memodifikasi setiap tema yang datang dengan cara saya.
Sekarang, untuk menambahkan kode untuk membuat keselarasan gambar Anda lebih rapi dan elegan, pergi ke Dashboard - Presentasi - Editor Theme - Stylesheet. Ini selalu php default ketika Anda membuka Editor Theme Anda tetap.
Dalam css gaya. paste di bawah kode ini:
img.alignright {float: right;jelas: right;margin: 5px 5px 10px 10px;background: # fff;padding: 2px;border: 2px solid # ffffff;}
img.alignleft {float: left;jelas: kiri;margin: 5px 5px 5px 5px;background: # fff;padding: 2px;border: 2px solid # ffffff;}
img.centered {display: block;padding: 2px;margin: 0 auto auto 20px;border: 1px solid # ffffff;float: none;clear: both;}
Ini dapat pergi ke mana pun, tapi pastikan Anda tidak membuangnya beberapa tempat di antara baris. Css kode biasanya berakhir dengan tanda}, sehingga memasukkan kode-kode setelah itu tanda dan tempat di antara setiap ini {atau} ini menandatangani. Juga akan lebih baik untuk memasukkan setelah setiap fungsi secara keseluruhan. Misalnya, dari kode di atas, Anda melihat ada 3 fungsi yang dapat Anda hubungi untuk menyelaraskan gambar Anda. Seperti bijaksana, juga akan ada banyak fungsi untuk bagian lain dari tema juga, seperti header, isi posting, dan sebagainya. Masukkan setelah akhir semua kode untuk fungsi itu.
Anda dapat mengedit kode jika Anda ingin. Melihat kode-kode, sarana img.alignright apa yang akan terjadi jika Anda ingin gambar yang akan selaras ke kanan Anda. Margin, latar belakang, bantalan dan perbatasan semuanya telah ditetapkan. Jika Anda ingin perbatasan Anda dalam warna lain, Anda dapat mengubah kode warna. Jika Anda memiliki tangan gatal dan pikiran ingin tahu seperti saya, hanya percobaan sekitar dan melihat apa yang terjadi. Ini tidak akan membunuh Anda. Anda memiliki cadangan ingat?
Setelah memasukkan kode, klik "Update File," dengan asumsi Anda telah mengubah atribut file Anda ke "ditulis". Lain Anda tidak akan melihat "Update File" pilihan pada bagian bawah halaman Anda.
Sekarang Anda dapat menyesuaikan gambar Anda dengan mudah dengan memberinya sebuah "kelas". Misalnya, jika Anda ingin gambar Anda menjadi melayang ke kiri dengan semua teks yang baik di sekitarnya, Anda menetapkan class = "alignleft" fungsi untuk gambar. Jika Anda di sebelah kanan, menetapkan class = "alignright". Demikian juga untuk terpusat. Bila Anda menetapkan kode ini, pastikan Anda mengejanya dengan benar dan mirip dengan kode-kode yang dimasukkan ke stylesheet Anda hanya sekarang. Lihat kucing di sebelah kanan, itu baik ditempatkan.
Kode terlihat seperti ini dalam bentuk mentah. Surat-surat dalam bijih hitam fungsi bahwa Anda harus menetapkan ke gambar.
Jika Anda menyelaraskan gambar secara manual dan Anda tidak memiliki pengetahuan untuk memberikan gambar yang bantalan yang tepat, gambar dan teks akan tetap bersama-sama membuat tata letak seluruh pos terlihat sangat jelek dan amatir. Sebelum aku pergi menggali tentang cara untuk mengatasi hal ini, saya gunakan untuk mengedit gambar untuk memberikan perbatasan putih sebelum meng-upload gambar ke posting saya. Setidaknya dengan cara ini, ada beberapa ruang antara gambar dan teks. Kemudian saya belajar bagaimana hal itu bisa dilakukan oleh kode css beberapa dimasukkan ke stylesheet tema saya.
Seperti biasa, sebelum mencoba main-main dengan tema stylesheet Anda, kembali ke atas terlebih dahulu. Cukup buka php Stylesheet Anda dalam editor tema Anda, pilih semua dan menyalinnya ke notepad. Pastikan bahwa salinan aman sampai Anda yakin modifikasi yang telah Anda lakukan apa-apa sebelum membuangnya. Jika entah bagaimana, Anda mengacaukan, hanya menyalin kode-kode asli dan paste kembali benar-benar dan Anda akan mengembalikan semuanya ke keadaan sebelumnya itu. Itulah bagaimana saya melakukan hal-hal ketika saya memodifikasi setiap tema yang datang dengan cara saya.
Sekarang, untuk menambahkan kode untuk membuat keselarasan gambar Anda lebih rapi dan elegan, pergi ke Dashboard - Presentasi - Editor Theme - Stylesheet. Ini selalu php default ketika Anda membuka Editor Theme Anda tetap.
Dalam css gaya. paste di bawah kode ini:
img.alignright {float: right;jelas: right;margin: 5px 5px 10px 10px;background: # fff;padding: 2px;border: 2px solid # ffffff;}
img.alignleft {float: left;jelas: kiri;margin: 5px 5px 5px 5px;background: # fff;padding: 2px;border: 2px solid # ffffff;}
img.centered {display: block;padding: 2px;margin: 0 auto auto 20px;border: 1px solid # ffffff;float: none;clear: both;}
Ini dapat pergi ke mana pun, tapi pastikan Anda tidak membuangnya beberapa tempat di antara baris. Css kode biasanya berakhir dengan tanda}, sehingga memasukkan kode-kode setelah itu tanda dan tempat di antara setiap ini {atau} ini menandatangani. Juga akan lebih baik untuk memasukkan setelah setiap fungsi secara keseluruhan. Misalnya, dari kode di atas, Anda melihat ada 3 fungsi yang dapat Anda hubungi untuk menyelaraskan gambar Anda. Seperti bijaksana, juga akan ada banyak fungsi untuk bagian lain dari tema juga, seperti header, isi posting, dan sebagainya. Masukkan setelah akhir semua kode untuk fungsi itu.
Anda dapat mengedit kode jika Anda ingin. Melihat kode-kode, sarana img.alignright apa yang akan terjadi jika Anda ingin gambar yang akan selaras ke kanan Anda. Margin, latar belakang, bantalan dan perbatasan semuanya telah ditetapkan. Jika Anda ingin perbatasan Anda dalam warna lain, Anda dapat mengubah kode warna. Jika Anda memiliki tangan gatal dan pikiran ingin tahu seperti saya, hanya percobaan sekitar dan melihat apa yang terjadi. Ini tidak akan membunuh Anda. Anda memiliki cadangan ingat?
Setelah memasukkan kode, klik "Update File," dengan asumsi Anda telah mengubah atribut file Anda ke "ditulis". Lain Anda tidak akan melihat "Update File" pilihan pada bagian bawah halaman Anda.
Sekarang Anda dapat menyesuaikan gambar Anda dengan mudah dengan memberinya sebuah "kelas". Misalnya, jika Anda ingin gambar Anda menjadi melayang ke kiri dengan semua teks yang baik di sekitarnya, Anda menetapkan class = "alignleft" fungsi untuk gambar. Jika Anda di sebelah kanan, menetapkan class = "alignright". Demikian juga untuk terpusat. Bila Anda menetapkan kode ini, pastikan Anda mengejanya dengan benar dan mirip dengan kode-kode yang dimasukkan ke stylesheet Anda hanya sekarang. Lihat kucing di sebelah kanan, itu baik ditempatkan.
Kode terlihat seperti ini dalam bentuk mentah. Surat-surat dalam bijih hitam fungsi bahwa Anda harus menetapkan ke gambar.
.gif)
.gif)
0 komentar:
Posting Komentar