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 ạ!
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<div id="searchResults"> <?php if(have_posts()) : while(have_posts()) : the_post() ?> <div class="search"> <div class="post"> <div class="post-image"> <a href="<?php echo the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_post_thumbnail(); ?> </a> </div> <div class="post-info"> <a href="<?php echo the_permalink(); ?>" title="<?php the_title(); ?>"><h3><?php the_title(); ?></h3></a> <div class="location">Ngày đăng: <i><?php the_time('d/m/Y'); ?></i>, Update: <?php the_modified_time('d/m/Y'); ?> Vào lúc: <?php the_modified_time(); ?> </div> <p><?php the_excerpt(); ?> </p> </div> </div> </div> <?php endwhile; else: ?> <p>Từ khóa bạn tìm không thấy vui lòng thử lại.</p> <?php endif; ?> </div> |
Code form tìm kiếm
|
1 2 3 4 5 6 |
<div class ="timkiem-right"> <form action="<?php echo get_home_url(); ?>/" method="get"> <input type="text" id="s" name="s" class="form-control" value="" placeholder="Bạn muốn tìm gì?"> <button type="submit" class ="tim-tintuc">Tìm ngay</button> </form> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
input#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; } |
Xin chào tất cả các bạn! hôm nay tiện làm cho khách cái video trên facebook nên tiện viết bài hướng dẫn các bạn cách chèn video trên facebook luôn, cũng như youtube, facebook cũng cho các bạn chèn video của mình lên website bằng cách chèn Embed video, hôm nay netweb.vn sẽ hướng dẫn bạn […]
Hi chào các bạn! hôm này làm dự án khách hàng đụng cái không upload được hình đuôi .WebP, hôm nay mình sẽ hướng dẫn các bạn thực hiện khá đơn giản nhé! Làm thế nào về việc trực tiếp tải hình ảnh WebP lên WordPress? Điều này thật dễ dàng. Chỉ cần thêm một số dòng […]
