Hướng dẫn code search wordpress - mã tìm kiếm wordpress
|
3 năm trước, Code theme wordpress, 1909 Lượt xem1909 Lượt xem Show
Hôm nay! tranh thủ làm lại cái page tìm kiếm tranh thủ viết thêm bài mới cho mọi người ạ!
Bước 1: Tạo trang search.php ngang hàng với thư mục trong website của bạnsearch.php ngang hàng với thư mục trong website của bạn Code cho trang search.phpsearch.phpcode css code cssinput#s {
width: 83%;
height: auto;
margin: 10px 0px;
}
@media screen and (max-width: 950px)
{
input#s {
width: 71%;
height: auto;
margin: 10px 0px;
}
}
button.tim-tintuc {
background: #4285f4;
color: #fff;
font-size: 16px;
padding: 6px 20px;
font-weight: bold;
}Code form tìm kiếm
Tiếp tục seri về search trong wordpress hôm nay mình sẽ hướng dẫn cho bạn một chức năng mới và được rất nhiều người yêu cầu đó là bộ search cha con trong wordpress.search cha con trong wordpress. Phong cách search này rất được nhiều người sử dụng để làm trong các site bất động sản ví dụ như chọn Tỉnh thành phố => show các huyện của tỉnh đó. Hay là chọn huyện => show ra xã phường… Chuẩn bị dữ liệu và phân tích bài toánMình sẽ sử dụng taxonomy để tạo ra danh mục gồm các quận huyện ở Đà Nẵng, trong quận huyện đó sẽ có các xã và phường nhé. Để biết cách tạo taxonomy các bạn xem vài viết: Tạo taxonomy trong wordpress Mình sẽ tạo là một taxomony là khu-vuc có các Quận/Huyện trong Quận/Huyện thì là có các Xã/Phường. Chúng ta sẽ làm chức năng chọ quận huyện sẽ show ra xã phường 😀khu-vuc có các Quận/Huyện trong Quận/Huyện thì là có các Xã/Phường. Chúng ta sẽ làm chức năng chọ quận huyện sẽ show ra xã phường 😀 Tạo form search cha con trong wordpressĐây sẽ là pha xử lý đi vào lòng người kk Tạo form search htmlCác bạn dáng đoạn code html sau vào khu vực mà các bạn muốn hiện thì form search nha. Đây chỉ là code html thô chưa được css nên show ra ngoài giao diện sẽ không đẹp các bạn có thể css thêm để nó oke hơn nhé.
ChọnQuận/Huyện
$cates=get_categories($args);foreach($catesas$cate){ ?>
ChọnQuận/Huyệnview-source sẽ thấy đoạn html được sinh ra như sau: 'hide_empty'=>0, 'taxonomy'=>'khu-vuc',datakhuvuc, phía trong nó chứa dữ liệu option value đây là các giá trị con của từng thằng cha. Việc tiếp theo là viết 1 đoạn jquery khi chọn thằng cha trong form thì dựa vào slug mà lấy dữ liệu tương ứng ở đây để đẩy vào thẻ select Xã/Phường. 'parent'=>0jquery xử lý vấn đề này như sau: Các bạn chèn đoạn js vào footer.php, trên thẻ body đóng nha ( |
