26 đoạn code hay dùng trong lập trình theme WordPress

518

Bài viết được sự cho phép của tác giả Võ Quang Huy

Đây là những đoạn code bạn sẽ dùng thường xuyên trong quá trình lập trình theme wordpress. Bạn chỉ cần hiểu tác dụng của nó như thế nào sau đó copy và dán nó để chạy thôi. Mình đã viết sẵn cho bạn rồi, không cần phài suy nghĩ chi nhiều nhé he he.

1.Code lấy bài viết mặt định

<!-- Get post mặt định -->
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<?php endwhile; else : ?>
<p>Không có</p>
<?php endif; ?>
<!-- Get post mặt định -->

Đoạn code đặt trong index sẽ lấy list bài viết mới nhất, Đặt trong category sẽ lấy danh sách bài viết của category đó, đặt trong single sẽ lấy nội dung của bài đó!.

2.Code lấy 10 bài viết mới nhất theo category

<!-- Get post News Query -->
<?php $getposts = new WP_query(); $getposts->query('post_status=publish&showposts=10&post_type=post&cat=1'); ?>
<?php global $wp_query; $wp_query->in_the_loop = true; ?>
<?php while ($getposts->have_posts()) : $getposts->the_post(); ?>

<?php endwhile; wp_reset_postdata(); ?>
<!-- Get post News Query -->
  • showposts=10 sẽ lấy 10 bài viết mới nhất
  • cat=1  chỉ lấy các bài viết có cat_id bằng 1
  Chia sẻ kinh nghiệm sử dụng trình duyệt web an toàn
  10 trang web hàng đầu để tìm hiểu WordPress

3.Code lấy danh sách chuyên mục

<!-- Get category -->
<?php $args = array( 
    'hide_empty' => 0,
    'taxonomy' => 'category',
    'orderby' => id,
    ); 
    $cates = get_categories( $args ); 
    foreach ( $cates as $cate ) { ?>
        <li>
            <a href="<?php echo get_term_link($cate->slug, 'category'); ?>"><?php echo $cate->name ?></a>
        </li>
<?php } ?>
<!-- Get category -->

Đây là đoạn code lấy danh sách các chuyên mục, ‘taxonomy’ => ‘category’ có nghĩa là lấy theo category.

4.Code tạo menu

Code này sẽ tạo 3 vị trí đặt menu như trên, Bỏ đoạn code nào vào file functions.php nhé

5.Code get menu

<?php wp_nav_menu( 
    array( 
        'theme_location' => 'main_nav', 
        'container' => 'false', 
        'menu_id' => 'header-menu', 
        'menu_class' => 'menu-main'
    ) 
); ?>

Đây là code get menu, chú ý ‘theme_location’ => ‘main_nav’,  đây là điểu kiệu chúng ta sẽ lấy menu nào, code này thường được chèn vào file header.php

6.Code tạo sidebar

Đây là code tạo ra 1 sidebar. Đặt code này vào file functions.php nhé!

7.Code get sidebar

Đây là code lấy sidebar ra ngoài, code này thường được đặt trong file sidebar.php

8.Code phân trang

<?php if(paginate_links()!='') {?>
<div class="quatrang">
    <?php
    global $wp_query;
    $big = 999999999;
    echo paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'prev_text' => __('«'),
        'next_text' => __('»'),
        'current' => max( 1, get_query_var('paged') ),
        'total' => $wp_query->max_num_pages
        ) );
    ?>
</div>
<?php } ?>

Code này thường chèn dưới đoạn code số 1 (Code get post mặt định)

9.Code crop ảnh úp lên media

Khi chèn đoạn code này vào file functions.php, hình ảnh upload lên media sẽ được từ động crop thành 4 kích thước như trên.

Đừng bỏ lỡ việc làm Front-End hấp dẫn trên TopDev!

10.Code lấy ảnh thumbnail

11.Code bài viết liên quan

Hiển thị bài viết liên quan theo tag

Hiển thị vài viết liên quan theo category

2 đoạn code này thường được đặt dưới nội dung bài viết, tức phần dưới của file single.php

12.Code tính lượt view cho bài viết

Đây là code tính lượt view cho bài viết. Code này được đặt trong file functions.php

Sử dụng: 

Chèn code này vào trong file single.php 

<?php
   setpostview(get_the_id());
?>

Hiển thị lượt view:

13.Code lấy nội dung bài viết rút gọn.

Đây là code lấy nội dung bài viết được chỉ định số từ nhất định. Cách dùng <?php echo teaser(30); ?>, Với được code trên mình sẽ lấy 30 từ đầu tiên trong bài viết!

14.Code lấy tất cả hình ảnh trong nội dung bài viết.

Chèn code này trong file functions.php, để hiển thị chúng ta dùng forech nó ra nhé!

15.Code lấy custom filed

16.Code like box facebook

<div class="widget">
    <h3>
        Bài viết xem nhiều
    </h3>
    <div class="content-w">
        <ul>
            <?php $getposts = new WP_query(); $getposts->query('post_status=publish&showposts=8&post_type=post&meta_key=views&orderby=meta_value_num'); ?>
            <?php global $wp_query; $wp_query->in_the_loop = true; ?>
            <?php while ($getposts->have_posts()) : $getposts->the_post(); ?>
                 <li>
                     <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
                 </li>
            <?php endwhile; wp_reset_postdata(); ?>
        </ul>
    </div>
</div>

Bạn có thể xem thêm:

Dev đừng bỏ lỡ Top tin tuyển dụng IT tại TopDev nhé!