Modifikasi gaya pencarian wordpress

Penempatan permukaan bagian 份 版 wordpress selesai beberapa penyesuaian sebelum surga,乎 因 masalah yang sama untuk waktu analisis saat ini setelah 来 发,Akan menyebabkan penyajian fungsi "Search" adalah sedikit berbeda,Lebih lanjut mencatat bahwa kolom pencarian default tidak terlalu baik,Awalnya hanya ingin mengambil "pencarian" menghapus kata,Internet melihat beberapa desain,disajikan dengan cara yang berbeda。
 

Asli gaya Yang dimodifikasi

metode modifikasi:

Tambahkan kode berikut di style.css

/** Cari gadget **/
masukan # s {  
lebar:190px;  
tinggi: 22px;  
*batas: 10px 0 0 0;  
*+batas: 10px 0 0 0;  
lapisan: 1px;  
batas:1px solid # ccc
}  
masukan # searchsubmit {  
latar belakang:url(images / go.gif) no-ulangi;
lebar:15px;  
tinggi:15px;  
batas:tidak ada;  
kursor:pointer;  
text-indent:-10000px;  
}  
.kotak {  
*tinggi:100%;  
*+tinggi:100%;  
}  
.layar-pembaca-teks {  
menampilkan: tidak ada;  
}

Yang go.gif membuang bawah direktori tema,Parameter di dalamnya bisa disesuaikan dengan kebutuhan。

 


 

Selain mengubah presentasi,Tiba di sisi kolom tema shifter atas 边 栏 边 的 从右 搜寻 Wa umpan balik yang kami,Bagian ini dapat diimplementasikan dengan cara berikut:

Buka tema header.php

Untuk mengetahui sintaks dari kolom tema,Aku, misalnya,Ini mungkin

<?php wp_list_pages('depth=1&title_li='); ?>

Diikuti oleh

<div id = "kanan cari"><?php get_search_form() ?></div>

接着 开启 style.css,Tambahkan sintaks berikut

#kanan pencarian { batas:15px 10px 0 0; mengapung:tepat; }

Nilai pengaturan dapat disesuaikan dengan tata letak。Jadi,akan menjadi seperti ini:

sumber:

Ubah Wordpress standar pencarian gaya gadget | Robin

Arras 1.5.1.2: Akan memindahkan kotak pencarian untuk Top-sisi kanan Menu yang « Wordpress 研究者 日记

Tinggalkan Komentar

Harap dicatat: Moderasi komentar diaktifkan dan dapat menunda komentar Anda. Tidak perlu mengirimkan kembali komentar Anda.