Đây là một mã nguồn mở PHP với chức năng là crop và scale hình ảnh với các định dạng phổ biến như (JPG, PNG, GIF). Timthumb rất dễ dàng để sử dụng cho blog, website và một vài ứng dụng khác. Timthumb được phát triển bới Tim và Darren Hoyts, và nó đã liên tục nâng cấp các phiên bản để chữa lỗi, và thêm các tính năng mới.

Cách hoạt động: timthumb cung cấp cho bạn một function có sẵn, bạn chỉ việc cung cấp các tham số và nó sẽ tự động thay đổi kích thức ảnh của bạn một cách tự động.
Timthumb đang được sử dụng rộng rãi đặc biệt là các nhà phát triển website trên nền CMS WordPress.

Điều đâu tiên mà bạn cần làm đó là phải download file timthumb.php về máy của mình để sử dụng. Bạn có thể download tại đây: http://timthumb.googlecode.com/svn/trunk/timthumb.php

Sau đó để có thể sử dụng nó bạn phải có 1 cái localhost để chạy php. Và bạn cần 1 tấm hình để có thao tác được với các chức năng đơn giản của timthumb. Và cuối cùng là một tạo folder cache nằm cùng cấp với file timthumb.php.

Cấu trúc của timthumb thì như thế này:

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300&amp;q=50" />

Giải thích các kí hiệu:

• link_hinh_anh.jpg – đường dẫn hình ảnh theo định dạng http://domain.com/hinhanh.jpg
• w=300 – tức là width (chiều dài) của ảnh bằng 300px
• h=300 – tức là height (chiều cao) của ảnh bằng 300px
• q=50 – tức quality (chất lượng) của ảnh bằng 50% so với ảnh góc.

Tuy nhiên các bạn cũng có thể không cần phải dùng hết cả các tham số truyền ở trên.
- Nếu chỉ có width không thì nó sẽ tự động scale height hình cho hợp với chiều dài của hình và ngược lại.

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300" />

- Nếu bạn để cả height và width thì nó sẽ vừa scale và crop hình của bạn lại cho phù hợp với width và height mà bạn chọn.

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300" />

- Nếu các bạn ko để cả width height và quality thì nó sẽ để mặc định là width:100px; height:100px; quality:90%. Các bạn cũng có thể tìm và tùy chỉnh trong file timthumb.php các chỉ số mặc định trên.

<img src="timthumb.php?src=link_hinh_anh.jpg" />

Trước tiên, bạn phải bật chức năng Featured Image bằng cách vào file functions.php của wordpress và thêm đoạn code sau:

 add_theme_support( 'post-thumbnails' );

Sau đó là chúng ta sẽ viết 1 hàm để lấy link của file Featured Image mà chúng ta add vào bài viết.

function get_featured_img($post_id){
$img_id = get_post_thumbnail_id($post_id); // lấy id của hình
$images=wp_get_attachment_image_src( $img_id, false, false ); // lấy link hình featured
return $images[0]; // 0: link hình ; 1: width ; 2: height
}

Tiếp theo, chúng ta sẽ viết thêm 1 hàm nữa để sử dụng timthumb với các tùy chỉnh width; height; quality; alt

function thumb_img($post_id,$h,$w,$q,$alt){
echo '<img align="middle" src="';
echo bloginfo('template_url');
echo '/timthumb.php?src='.get_featured_img($post_id).'&amp;h='.$h.'&amp;w='.$w.'&amp;q='.$q.'" alt="'.$alt.'" />';
}

Cuối cùng, để sử dụng thì chỉ việc gọi function thumb_img() ra thôi.
Ví dụ như trong vòng lập Loop ở file single.php hay index.php thì chúng ta có thể gọi nó ra như thế này:

<?php $my_query = new WP_Query('posts_per_page=10');
if ( have_posts() ) : while ($my_query->have_posts()) : $my_query->the_post(); ?> 

<?php thumb_img($post->ID,'670','150','70',get_the_title()); ?>
// $post->ID tương ứng với post id của bài viết.
// 670 tương ứng với chiều dài.
// 150 tương ứng với chiều cao.
// 70 tương ứng với chất lượng hình ảnh.
// get_the_title() lấy title của bài viết
<?php endwhile; else: ?>
<?php endif; ?>

Download TimThumb Example

Vậy là chúng ta đã hoàn thành việc sử dụng featured image và timthumb. Hi vọng các bạn sẽ làm được thành công. Ngoài ra còn các các cách khác để sử dụng featured image làm thumbnail, các bạn có thể tham khảo.

• Tạo Thumbnail không dùng Custom Field
• Thumbnail sử dụng Custom Field
• WordPress – Post Thumbnail
• Tạo WordPress theme – Sidebar và Thumbnail

Tuy nhiên, nó cũng có những thiếu sót, trong editor, như là không có thẻ p, hay thẻ h1, h2,…h6. Và trong tutorial hôm nay thì mình sẽ hướng dẫn các bạn cách edit để có thể dể dàng add những button với những dòng code hiển thị mà bạn mong muốn.

Thời lượng: 10 phút
File Size: 70 MB
Screen size: HD 720p
Download Mp4: Mediafire
Youtube:http://www.youtube.com/watch?v=QSvteX1kqo4
Vimeo:http://vimeo.com/34830243

Cách sử dụng:

• Cài đặt và kích hoạt plugin bình thường như những plugin khác.

• Trong trang admin, chọn Themes/Giao diện chọn Title Image và thiết lập cấu hình mặc định cho file ảnh xuất ra.

• Nếu muốn xuất ra hình ảnh chỗ nào thì ta đặt function sau ở chỗ phù hợp:

if (function_exists('title_image'))
title_image('Plugin chuyển tiêu đề bài viết sang ảnh');
else
echo "Plugin chuyển tiêu đề bài viết sang ảnh";

• Nếu muốn plugin trả về địa chỉ hình ảnh ta gọi function với tham số như sau:

$src = title_image('Plugin chuyển tiêu đề bài viết sang ảnh', false);

• Cài đặt thêm font mới bằng cách upload file font vào thư mục plugins/title-image/fonts (sẽ hỗ trợ chức năng upload sau ) .

Giải thích tham số:

title_image($title, $echo = true, $size = 0, $textcolor = '',

$bgcolor = '', $font_name = '')

- $title (string): chuỗi cần xuất ra file ảnh.

- $echo (true/false): có xuất ra tag img hay không? true: xuất ra tag img, false: trả về địa chỉ file ảnh.

- $size (int): kích thước font chữ.

- $textcolor (string): mã màu cho chữ vd: ’000000′.

- $bgcolor (string): mã màu nền cho file hình ảnh vd: ‘ffffff’.

- $font_name (string): tên đầy đủ font chữ vd: verdana.ttf

Chú ý:

• Plugin sẽ lưu cache các file hình ảnh tại thư mục plugins/title-image/temp nhằm giúp tải trang nhanh hơn.
• Nên cấp quyền cho thư mục temp với mã cmod: 755

Link download:  http://www.mediafire.com/?ft3d7cik2h62ynx

Thời lượng: 16 phút
Download định dạng .mp4 chất lượng cao : MediaFire
Dung lượng: 10MB

Thời lượng: 5:30

Download định dạng .mp4 chất lượng cao :MediaFire

Dung lượng: 11 MB

Code dùng trong Video

Ban đầu bạn mở file functions.php trong theme của bạn ra và thêm dòng này vào trên cùng.

add_theme_support('post-thumbnails');
//nếu bạn muốn chỉ dùng với post
add_theme_support('post-thumbnails', array('post'));
//Nếu bạn muốn chỉ dùng với page
add_theme_support('post-thumbnails', array('page'));

Tiếp theo bạn mở file single.php hoặc index.php và thêm đoạn mã sau vào TRONG WordPress Loop.

<?php the_post_thumbnail();?>
//Hoặc kiểm tra xem nó có tồn tại hay không trước khi in ra
<?php if(has_post_thumbnail()) {the_post_thumbnail();}?>

Cuối cùng bạn có thể style cho nó bằng CSS với class=’wp-post-image’

Câu trả lời đơn giản là ai cũng muốn phân loại những bài viết 1 cách sạch sẽ nhất, không muốn 1 bài viết về cái áo hiệu ABC lại đi nằm chung chỗ với 1 bài viết thuộc blog, nó khó quản lý, và tìm 1 bài viết nào đó để sửa cũng hơi lâu. Thay vì đó ta có thể tạo ra những “cái chuồng” , để nhốt chúng lại.

1. Khai báo một Custom Post Type

Để đăng ký với WP 1 post type mới ta nên khai báo trong file functions.php với cấu trúc tương tự như sau:

/*Custom post type*/
  add_action('init', 'create_product_post_type');
  function create_product_post_type(){
    register_post_type('product',
      array(
        'labels'  =>  array(
          'name'  =>  __('Product'),
          'singular_name' =>  __('Product'),
          'add_new' =>  __('Add New'),
          'add_new_item'  =>  __('Add New Product'),
          'edit'  =>  __('Edit'),
          'edit_item' =>  __('Edit Product'),
          'new_item'  =>  __('New Product'),
          'view'  =>  __('View Product'),
          'view_item' =>  __('View Product'),
          'search_items' =>  __('Search Products'),
          'not_found' =>  __('No Products found'),
          'not_found_in_trash'  =>  __('No Products found in Trash')
        ),
        'public'  =>  true,
        'show_ui' =>  true,
        'publicy_queryable' =>  true,
        'exclude_from_search' =>  false,
        'menu_position' => 20,
        'menu_icon' =>  get_stylesheet_directory_uri(). '/images/product.png',
        'hierarchical'  => false,
        'query_var' =>  true,
        'supports'  =>  array(
          'title', 'editor', 'comments', 'author', 'excerpt', 'thumbnail',
          'custom-fields'
        ),
        'rewrite' =>  array('slug'  =>  'product', 'with_front' =>  false),
        //'taxonomies' =>  array('post_tag', 'category'),
        'can_export'  =>  true,
        //'register_meta_box_cb'  =>  'call_to_function_do_something',
        'description' =>  __('Product description here.')
      )
    );
  }

Dòng 2: Thông báo cho WP biết khi tạo trang admin thì sẽ chạy nội dung trong hàm ‘create_product_post_type’.

Dòng 4: Hàm ‘register_post_type’ nằm trong file wp-includes/post.php, tham số đầu là tên của post type, vd: product, tham số thứ 2 là một array. 1 điều lưu ý là tên của post type và custom taxonomy chúng ta nên viết ký tự thường.

Dòng 7-18 : Định nghĩa lại các label xuất hiện trong trang quản lý Products

Dòng 22: Cho phép query các Product bằng hàm query_posts().

Dòng 24: Chọn vị trí xuất hiện của mục quản lý Products. Vị trí 20 là vị trí sau mục quản lý Pages

Dòng 25: Địa chỉ icon(16×16)

Dòng 26: Có được phân cấp cha con hay không.

Dòng 27: Biến để dùng trong phương thức GET, vd: mặc nhiên là ?product=…

Dòng 28: Khai báo các meta box cho trang add new hay edit 1 product như: comments, author, custom-field, thumbnail …

Dòng 32: Rewrite lại url khi query.

Dòng 34: Có thể xuất nội dung ra file xml.

Dòng 36: Diễn giải

2. Thêm custom taxonomy vào Products

Tôi đã có 1 bài viết giới thiệu về Custom taxonomy ở địa chỉ http://www.izwebz.com/wordpress/wordprescustom-taxonomies/.Để đăng ký các custom taxonomy cho post type product, code có cấu trúc tương tự như sau:

add_action('init', 'create_product_taxonomies');
  function  create_product_taxonomies(){
    register_taxonomy('brand', 'product', array(
      'hierarchical'  =>  true,
      'labels'  =>  array(
          'name'  =>  __('Brand'),
          'singular_name' =>  __('Brand'),
          'add_new' =>  __('Add New'),
          'add_new_item'  =>  __('Add New Brand'),
          'new_item'  =>  __('New Brand'),
          'search_items' =>  __('Search Brands'),
        ),
    ));
    register_taxonomy('size', 'product', array(
      'hierarchical'  =>  false,
      'labels'  =>  array(
          'name'  =>  __('Size'),
          'singular_name' =>  __('Size'),
          'add_new' =>  __('Add New'),
          'add_new_item'  =>  __('Add New Size'),
          'new_item'  =>  __('New Size'),
          'search_items' =>  __('Search Sizes'),
        ),
    ));

    register_taxonomy('price', 'product', array(
      'hierarchical'  =>  false,
      'labels'  =>  array(
          'name'  =>  __('Price'),
          'singular_name' =>  __('Price'),
          'add_new' =>  __('Add New'),
          'add_new_item'  =>  __('Add New Price'),
          'new_item'  =>  __('New Price'),
          'search_items' =>  __('Search Prices'),
        ),
    ));
  }

Dòng 3: Đăng ký 1 custom taxonomy tên là brand, và post type là product và có phân cấp.

Tương tự đăng ký thêm 2 taxonomy size và brand. Về cơ bản với 2 code ở trên ta đã có một custom post type theo ý mình. Hãy thử tạo product, query_posts(), hiển thị lên trang xem như thế nào? .

3. Hiển thị bài post

Với bài post mặc định thì khi được load WP sẽ dùng template file là single.php để hiển thị nội dung. Nhưng với custom post type thì ta phải khai báo một file có định dạng single-tên-custom-post-pype.php (vd: single-product.php với product là tên  custom post type). Trong file này ta có thể xài vòng loop bình thường mà ai xài WP cũng thuộc lòng

if (have_posts()){
  while (have_posts()){
  the_post();
//xuất nội dung của post ở đây.
}
}else{
echo "No posts found";
}

Từ dòng 4 trở đi thì ta có thể xài các template tag mặc định của WP để kéo nội dung của custom post type ra.

4. Trình bày danh sách dạng archive.php

Phiên bản hiện tại của WP là 3.0.3, với phiên bản này thì WP không hỗ trợ archive cho custom post type. Theo lời giới thiệu của một số developer đang làm core của WP thì phiên bản 3.1 mới có hỗ trợ chức năng này. Tuy nhiên hiện tại thì có 2 plugins hỗ trợ ta làm việc này. Một trong số chúng mà tôi thấy dễ xài là Simple Custom Post Type Archives, sau khi kích hoạt plugin này thì ta phải tạo file dạng: type-tên-custom-post-type.php (vd: type-product.php) và lưu ở thư mục theme.

Nội dung file ta có thể sử dụng vòng loop để hiển thị danh sách các bài post bình thường như file archive.php

5. query_posts với custom post type

Đoạn code sau sẽ thực hiện truy vấn những bài post thuộc post type là product, có title hoặc content chứa chữ izwebz, và số post hiển thị là 10

//function dùng để filter
function filter_where($where = '') {
  //post_title, post_content like '%izwebz%'
  $text = 'izwebz';
  $where .= " AND (post_title like '%$text%' OR post_content like '%$text%')";
return $where;
}
// đăng ký filter với WP
add_filter('posts_where', 'filter_where');
$paged = (get_query_var('paged')) ? get_query_var('paged') : 0;
$args = array('post_type' =>  'product', 'paged' => $paged,'showposts' =>  10 );
query_posts($args);
if(have_posts()){
   while(have_posts()){
     the_post();
     //xuất nội dung ở đây
   }
}else{
   echo "No products found";
}
//nhớ reset query sau khi xai query_posts()
wp_reset_query();

Dòng 9: Đăng ký filter với WP. Đây là 1 kỹ thuật hook cực hay của WP. Nếu sau bài viết này chưa có ai giới thiệu về hook thì tôi xin tình nguyện giới thiệu chúng trong bài tiếp theo \:D/.

5. Lời kết

Custom post type đã mở ra cho người lập trình hướng WP một lối xây dựng cách quản lý bài viết rất riêng, không phụ thuộc quá vào cách quản lý Posts bình thường. Nếu có thắc mắc về bài viết thì mọi người hãy để lại comment để cộng đồng izwebz giúp đỡ. Hy vọng bài viết mang lại chút kiến thức mới cho mọi người. Cảm ơn đã đọc bài viết

Các bác có thể tham khảo API WP ở đây:

http://codex.wordpress.org/Function_Reference/register_post_type

http://codex.wordpress.org/images/1/18/Template_Hierarchy.png

Đặc biệt khi bạn phát triển theme để bán cho khách hàng và khách hàng của bạn không biết gì về code. Bạn có thể tạo ra shortcode và họ có thể chèn những gì họ muốn một cách rất đơn giản mà không phải đả động đến code. Khi sử dụng shortcode bạn phải ở trong phần soạn thảo HTML và chèn vào đoạn shortcode mong muốn.

Trong video trước chúng ta đã học về những bước cơ bản để tạo một WordPress Plugin, trong video này chúng ta sẽ học cách tạo shortcode. Bạn có thể tham khảo thêm về shortcode tại trang WordPress Codex: Shortcode API và Google Maps API.

Thời lượng: 18 phút

Download định dạng .mp4 chất lượng cao: Mediafire

Dung lượng: 31 MB

Đoạn code trong video

<?php

/*
Plugin Name: Google Maps Shortcode
Plugin URI: http://www.izwebz.com/plugin
Description: Display Google maps Shortcode
Version: 1.0
Author URI: http://www.izwebz.com
*/

function iz_google_maps($atts, $content=null) {
    extract(shortcode_atts(array(
        'title' => 'My location',
        'address' => '1600 NW 122 Oklahoma City, OK'
    ),$atts));
    return "<h2>{$title}</h2>
    <img src='http://maps.google.com/maps/api/staticmap?zoom=14&size=300x300&sensor=false&center={$address}' alt='my location' />";
}

add_shortcode('google_map','iz_google_maps');

?>

Câu trả lời có thể là chúng ta chỉ muốn biết cách tạo ra một Plugin như thế nào. Hoặc những Plugin miễn phí không thỏa mãn những yêu cầu của bạn về một Plugin. Cho dù mục đích của bạn là như thế nào đi chăng nữa, thì việc học cách tạo một Plugin cho WordPress không khó như bạn tưởng. Trong video này tôi sẽ hướng dẫn bạn những bước cơ bản nhất để tạo ra một WordPress Plugin từ vạch xuất phát.

Thời lượng: 26:30

Download định dạng .mp4 chất lượng cao :Mediafire

Dung lượng: 34 MB/ phần

Link trong Video: Adam Brown

Mô hình Action và Filter hook của WordPress

Những Filter hooks phổ biến

• the_content: thay đổi nội dung của post hoặc page trước khi hiển thị nó.
• the_content_rss: thay đổi nội dung của post hoặc page cho RSS.
• the_title: thay đổi nội dung tiêu đề của post hoặc page trước khi hiển thị nó.
• comment_text: thay đổi nội dung của comment trước khi hiển thị nó.
• wp_title: thay đổi nội dung của thẻ <title> trước khi hiển thị nó.
• get_categories: thay đổi nội dung của list tạo ra bởi hàm get_categories.
• the_permalink: thay đổi cấu trúc URL của đường liên kết.

Những Action hooks phổ biến

• publish_post: gọi hàm khi bạn tạo một post mới.
• create_categories: gọi hàm khi một Category mới được tạo.
• switch_theme: gọi hàm khi thay đổi theme.
• admin_head: gọi hàm trong thẻ <head> của trang Admin.
• wp_head: gọi hàm trong thẻ <head> của theme.
• wp_footer: gọi hàm dưới phần footer của trang, thường nằm trên thẻ </body>.
• init: gọi hàm sau khi WordPress đã tải xong nội dung, nhưng trước khi nó gửi ra headers. Thường được dùng để tương tác với $_GET hoặc $_POST.
• admin_init: giống với init nhưng chỉ áp dụng với trang admin.
• user_register: gọi hàm khi có người đăng ký thành viên.
• comment_post: gọi hàm khi có người post comment.

Đây là một tính năng hay nhưng lại ít được biết đến của WordPress, có thể bởi vì ít có post nào dài đến mức mà phải cần phân trang. Nhưng như bạn thấy trên izwebz, loạt bài về jQuery có những post rất dài và làm chậm tốc độ load của trang. Trong bài này chúng ta sẽ học cách phân trang này ra để tạo ra các trang ngắn hơn. Bạn có thể xem ví dụ trước để hiểu chúng ta cần làm cái gì, bạn kéo xuống dưới cùng của post để thấy đoạn phân trang.

Để làm được việc này chính xác hơn, bạn cần chuyển sang chế độ soạn thảo mã HTML thay vì Visual. Sau đó bạn chền đoạn mã sau vào nơi bạn cần phân trang.

<!--nextpage-->

Trước khi bạn có thể xem được kết quả, bạn cần phải chỉnh sửa lại mã nguồn của nó một chút. Bạn hãy mở file single.php và thêm đoạn mã dưới đây vào trong vòng lặp Loop của WordPress.

<?php wp_link_pages(); ?>

Nếu bạn chỉ dùng hàm wp_link_pages() mà không có tham số thì nó sẽ cho ra dạng trang mặc định kiểu như: Pages: 1 2 3. Hoặc bạn cũng có thể thêm các tham số vào để tùy biến cho nó. Những tham số của nó như sau:

<?php $args = array(
    'before'           => '<p>' . __('Pages:'),
    'after'            => '</p>',
    'link_before'      => ,
    'link_after'       => ,
    'next_or_number'   => 'number',
    'nextpagelink'     => __('Next page'),
    'previouspagelink' => __('Previous page'),
    'pagelink'         => '%',
    'more_file'        => ,
    'echo'             => 1 ); ?>

before: (chuỗi) Chữ bạn muốn hiển thị trước các số trang. Mặc định là <p>Pages:
after: Chữ sẽ xuất hiện sau các số trang. Mặc định là </p>.
link_before và link_after: (chuỗi) Các ký tự xuất hiện trước hoặc sau số trang. Có thể bạn muốn các số trang phân cách nhau bằng dấu , hoặc | chẳng hạn.
next_or_number: (chuỗi) Bạn có hai lựa chọn là hiển thị số hoặc hiển thị chữ Next. Giá trị mặc định là number và next.

Ví dụ

Hiển thị số trang với thẻ p bao quanh

<?php wp_link_pages('before=<p><strong>Trang:</strong>&after=</p>&next_or_number=number&pagelink= %'); ?>

Hiển thị dưới dạng Next và Previous

<?php wp_link_pages('next_or_number=next');?>

Tham khảo thêm WordPress Codex

Bạn có thể xem thêm về cách sử dụng hàm này tại trang WordPress Codex

Taxonomy là gì?

• taxonomy là 1 cách để phân loại những bài viết trong wordpress, ví dụ các taxonomies mặc định của WP như: Categories, Post tags.
• Taxonomy vô cùng quan trọng trong việc thể hiện những bài post trong wp theo ý muốn của mình, ví dụ như 1 shop thời trang nhỏ như http://www.valentineyogurt.com/test/

Ứng dụng

Trong bài viết này mình có demo những gì mình đã viết ở địa chỉ http://www.valentineyogurt.com/test/, các bạn có thể login vào để thử, user: test, pass: 123456.

Cách sử dụng

- Mở file function.php trong thư mục theme của bạn, thêm đoạn code sau vào phần cuối file (nhớ là trước dấu ?>)

.

// Custom taxonomy for Size
  register_taxonomy('Size', 'post',  array(
    'hierarchical' => true, 'label' => 'Size',
    'query_var' =>  true, 'rewrite' => true));

  // Custom taxonomy for Price
  register_taxonomy('Price', 'post',  array(
    'hierarchical' => false, 'label' => 'Price',
    'query_var'  => true, 'rewrite' => true));

  // Custom taxonomy for Brand
  register_taxonomy('Brand', 'post',  array(
    'hierarchical' => true, 'label' => 'Brand',
    'query_var'  => true, 'rewrite' => true));

function register_taxonomy($taxonomy, $object_type, $args = array()): có chức năng đăng ký 1 taxonomy mới.

$taxonomy: tên taxonomy (vd: Size).
$object_type: đối tượng mà taxonomy quản lý (vd: post, page, link, custom post type).
$args = array(): mảng các tham số như:
‘hierarchical’ => true | false: có được phân cấp như Categories hay không.
‘label’: Nhãn hiển thị trong option panel, vd: Size, Price, Brand. ..v..v.. các bạn có thể tham khảo tại đây: http://codex.wordpress.org/Function_Reference/register_taxonomy

Khi đăng ký xong hãy vào dashboard, vào mục Posts và hãy nhìn xem chúng ta có gì? Đó là 3 taxonomy với tên (Size, Price, Brand) vừa đăng ký ở trên. Chúng giống như quản lý Tags, hay là Categories vậy.

Hiển thị taxonomy: Mở file index.php, tìm đoạn code nơi xuất ra những bài post, thêm code dưới đây vào trong vòng loop:

//hiển thị hình ảnh sản phẩm
<?php if(has_post_thumbnail()):?>
 <div>
   <?php echo get_the_post_thumbnail($post->ID, 'post-thumbnail'); ?>"
 </div>
<?php endif;?>
//Hiển thị title
<h2 class="entry-title">
  <a href="<?php the_permalink(); ?>"      title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?>
  </a>
</h2>
<div>
 <?php echo get_the_term_list( $post->ID, 'Size', '<strong>Kích thước:</strong>', ', ', '' );?>
</div>
<div>
 <?php echo get_the_term_list( $post->ID, 'Brand', '<strong>Nhãn hiệu:</strong>', ', ', '' );?>
</div>
<div>
  <?php echo get_the_term_list($post->ID, 'Price', '<strong>Giá:</strong>', '', '');?>
</div>

function get_the_term_list($id = 0, $taxonomy, $before = ”, $sep = ”, $after = ”): hiện các taxonomy của bài viết này theo tên của taxonomy đã đăng ký.
$id: $post->ID, id hiện tại của 1 post.
$taxonomy: tên của taxonomy mình đã đăng ký, vd: Size, Price, Brand (lưu ý có phân biệt chữ hoa và thường).
$before: thẻ, ký tự trước khi xuất ra tên của taxonomy, vd: <strong>Giá:</strong>
$sep: dấu các giữa các taxonomy, vd dấy phẩy (,).
$after: thẻ, ký tự sau khi xuất ra tên của taxonomy, trong bài này mình để rỗng.

Giai đoạn cuối là post vài bài lên thử nghiệm và style css lại cho đẹp, trong demo này mình lấy theme 20 10 (twenty ten) mặc định cửa wp 3.0 và cũng không style lại cho giống shop thời trang lắm .

Kết luận

Theo mình thì taxonomy thực sự rất hay, và rất cần thiết cho việc tùy chỉnh wordpress làm việc theo ý mình. Mình đang có ý định viết 1 trang quản lý học sinh trên WP. Hy vọng sớm thành hiện thực. Tiện đây mình cũng xin giới thiệu luôn bài viết tiếp theo sẽ là Custom Post Type trong wp và sau nữa sẽ là một trang smallShop có sản phẩm, giỏ hàng và vài chi tiết khác. Nếu có thắc mắc hay đóng góp cải thiện thì mong các bạn comment ở bên dưới nha.