Hướng dẫn chèn video trên youtube vào website
25/12/2019, 25/12/2019 9:06 sáng
Hướng dẫn các bạn cách chèn video vào trong wordpress 1 cách chi tiết nhất, các bạn có thể tham khảo nhiều cách khác nhau, xin cảm ơn
Hướng dẫn code trang tìm kiếm trong theme wordpress
Code theme wordpress, 28/11/2019, 29/11/2019, 9:56 sáng
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ạn
Code cho trang search.php
|
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> |
code css
|
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; } |
Tag: code trang search wordpress, code trang tìm kiếm wordpress, ode trang tìm kiếm, trang search theme wordpress
Các bài viết cùng chuyên mục
Tích hợp fancybox hiệu ứng phóng to ảnh vào website wordpress
02/12/2019, 23/01/2020 6:30 sáng
FancyBox là gì? FancyBox là một công cụ để hiển thị hình ảnh, nội dung html và đa phương tiện trong một “hộp đèn” kiểu Mac nổi trên đầu trang web. Nó được xây dựng bằng thư viện jQuery . Được cấp phép theo cả giấy phép MIT và GPL Xin chào các bạn hôm nay tiện tích hợp […]
Tích hợp fancybox hiệu ứng phóng to ảnh vào website wordpress
02/12/2019, 23/01/2020 6:30 sáng
FancyBox là gì? FancyBox là một công cụ để hiển thị hình ảnh, nội dung html và đa phương tiện trong một “hộp đèn” kiểu Mac nổi trên đầu trang web. Nó được xây dựng bằng thư viện jQuery . Được cấp phép theo cả giấy phép MIT và GPL Xin chào các bạn hôm nay tiện tích hợp […]
