{"id":988,"date":"2012-04-15T09:47:24","date_gmt":"2012-04-15T09:47:24","guid":{"rendered":"http:\/\/congnghepc.com\/2012\/04\/15\/su-dung-timthumb-tao-featured-image-trong-wordpress\/"},"modified":"2012-04-15T09:47:24","modified_gmt":"2012-04-15T09:47:24","slug":"su-dung-timthumb-tao-featured-image-trong-wordpress","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/su-dung-timthumb-tao-featured-image-trong-wordpress\/","title":{"rendered":"S\u1eed d\u1ee5ng Timthumb t\u1ea1o featured image trong wordpress"},"content":{"rendered":"

\n\ttimthumb.php<\/a> là m\u1ed9t mã ngu\u1ed3n m\u1edf PHP v\u1edbi ch\u1ee9c n\u0103ng là crop và scale hình \u1ea3nh v\u1edbi các \u0111\u1ecbnh d\u1ea1ng ph\u1ed5 bi\u1ebfn nh\u01b0 (JPG, PNG, GIF). Timthumb r\u1ea5t d\u1ec5 dàng \u0111\u1ec3 s\u1eed d\u1ee5ng cho blog, website và m\u1ed9t vài \u1ee9ng d\u1ee5ng khác. Timthumb \u0111\u01b0\u1ee3c phát tri\u1ec3n b\u1edbi Tim và Darren Hoyts, và nó \u0111ã liên t\u1ee5c nâng c\u1ea5p các phiên b\u1ea3n \u0111\u1ec3 ch\u1eefa l\u1ed7i, và thêm các tính n\u0103ng m\u1edbi.<\/p>\n

\n\tCách ho\u1ea1t \u0111\u1ed9ng: timthumb cung c\u1ea5p cho b\u1ea1n m\u1ed9t function có s\u1eb5n, b\u1ea1n ch\u1ec9 vi\u1ec7c cung c\u1ea5p các tham s\u1ed1 và nó s\u1ebd t\u1ef1 \u0111\u1ed9ng thay \u0111\u1ed5i kích th\u1ee9c \u1ea3nh c\u1ee7a b\u1ea1n m\u1ed9t cách t\u1ef1 \u0111\u1ed9ng.<\/p>\n

\n\tTimthumb \u0111ang \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ed9ng rãi \u0111\u1eb7c bi\u1ec7t là các nhà phát tri\u1ec3n website trên n\u1ec1n CMS WordPress.<\/p>\n

\n\tCÁCH S\u1eec D\u1ee4NG TIMTHUMB.PHP<\/h2>\n

\n\t\u0110i\u1ec1u \u0111âu tiên mà b\u1ea1n c\u1ea7n làm \u0111ó là ph\u1ea3i download file timthumb.php v\u1ec1 máy c\u1ee7a mình \u0111\u1ec3 s\u1eed d\u1ee5ng. B\u1ea1n có th\u1ec3 download t\u1ea1i \u0111ây: http:\/\/timthumb.googlecode.com\/svn\/trunk\/timthumb.php<\/p>\n

\n\tSau \u0111ó \u0111\u1ec3 có th\u1ec3 s\u1eed d\u1ee5ng nó b\u1ea1n ph\u1ea3i có 1 cái localhost \u0111\u1ec3 ch\u1ea1y php. Và b\u1ea1n c\u1ea7n 1 t\u1ea5m hình \u0111\u1ec3 có thao tác \u0111\u01b0\u1ee3c v\u1edbi các ch\u1ee9c n\u0103ng \u0111\u01a1n gi\u1ea3n c\u1ee7a timthumb. Và cu\u1ed1i cùng là m\u1ed9t t\u1ea1o folder cache n\u1eb1m cùng c\u1ea5p v\u1edbi file timthumb.php<\/strong>.<\/p>\n

\n\tC\u1ea5u trúc c\u1ee7a timthumb thì nh\u01b0 th\u1ebf này:<\/p>\n

\r\n<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300&amp;q=50" \/>\r\n<\/pre>\n
\n\tGi\u1ea3i thích các kí hi\u1ec7u<\/strong>:<\/p>\n
    \n
  • \n\t\tlink_hinh_anh.jpg – \u0111\u01b0\u1eddng d\u1eabn hình \u1ea3nh theo \u0111\u1ecbnh d\u1ea1ng http:\/\/domain.com\/hinhanh.jpg<\/li>\n
  • \n\t\tw=300 – t\u1ee9c là width (chi\u1ec1u dài) c\u1ee7a \u1ea3nh b\u1eb1ng 300px<\/li>\n
  • \n\t\th=300 – t\u1ee9c là height (chi\u1ec1u cao) c\u1ee7a \u1ea3nh b\u1eb1ng 300px<\/li>\n
  • \n\t\tq=50 – t\u1ee9c quality (ch\u1ea5t l\u01b0\u1ee3ng) c\u1ee7a \u1ea3nh b\u1eb1ng 50% so v\u1edbi \u1ea3nh góc.<\/li>\n<\/ul>\n
    \n\tTuy nhiên các b\u1ea1n c\u0169ng có th\u1ec3 không c\u1ea7n ph\u1ea3i dùng h\u1ebft c\u1ea3 các tham s\u1ed1 truy\u1ec1n \u1edf trên.<\/p>\n
    \n\t– N\u1ebfu ch\u1ec9 có width không thì nó s\u1ebd t\u1ef1 \u0111\u1ed9ng scale height hình cho h\u1ee3p v\u1edbi chi\u1ec1u dài c\u1ee7a hình và ng\u01b0\u1ee3c l\u1ea1i.<\/p>\n
    \r\n<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300"\/><\/pre>\n
    \n\t– N\u1ebfu b\u1ea1n \u0111\u1ec3 c\u1ea3 height và width thì nó s\u1ebd v\u1eeba scale và crop hình c\u1ee7a b\u1ea1n l\u1ea1i cho phù h\u1ee3p v\u1edbi width và height mà b\u1ea1n ch\u1ecdn.<\/p>\n
    \r\n<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300" \/><\/pre>\n
    \n\t– N\u1ebfu các b\u1ea1n ko \u0111\u1ec3 c\u1ea3 width height và quality thì nó s\u1ebd \u0111\u1ec3 m\u1eb7c \u0111\u1ecbnh là width:100px; height:100px; quality:90%. Các b\u1ea1n c\u0169ng có th\u1ec3 tìm và tùy ch\u1ec9nh trong file timthumb.php các ch\u1ec9 s\u1ed1 m\u1eb7c \u0111\u1ecbnh trên.<\/p>\n
    \r\n<img src="timthumb.php?src=link_hinh_anh.jpg" \/>\r\n<\/pre>\n
    \n\tTIMTHUMB.PHP & FEATURED IMAGE CHO WORDPRESS<\/h2>\n
    \n\tTr\u01b0\u1edbc tiên, b\u1ea1n ph\u1ea3i b\u1eadt ch\u1ee9c n\u0103ng Featured Image b\u1eb1ng cách vào file functions.php c\u1ee7a wordpress và thêm \u0111o\u1ea1n code sau:<\/p>\n
    \r\nadd_theme_support('post-thumbnails');<\/pre>\n
    \n\tSau \u0111ó là chúng ta s\u1ebd vi\u1ebft 1 hàm \u0111\u1ec3 l\u1ea5y link c\u1ee7a file Featured Image <\/strong>mà chúng ta add vào bài vi\u1ebft.<\/p>\n
    \r\nfunction get_featured_img($post_id){\r\n  $img_id = get_post_thumbnail_id($post_id); \/\/ l\u1ea5y id c\u1ee7a hình\r\n  $images=wp_get_attachment_image_src( $img_id, false, false ); \/\/ l\u1ea5y link hình featured\r\n  return $images[0]; \/\/ 0: link hình ; 1: width ; 2: height\r\n}<\/pre>\n
    \n\tTi\u1ebfp theo, chúng ta s\u1ebd vi\u1ebft thêm 1 hàm n\u1eefa \u0111\u1ec3 s\u1eed d\u1ee5ng timthumb v\u1edbi các tùy ch\u1ec9nh width; height; quality; alt<\/strong><\/p>\n
    \r\nfunction thumb_img($post_id,$h,$w,$q,$alt){\r\n  echo '<img align="middle" src="';\r\n  echo bloginfo('template_url');\r\n  echo '\/timthumb.php?src='.get_featured_img($post_id).'&amp;h='.$h.'&amp;w='.$w.'&amp;q='.$q.'" alt="'.$alt.'" \/>';\r\n}<\/pre>\n
    \n\tCu\u1ed1i cùng, \u0111\u1ec3 s\u1eed d\u1ee5ng thì ch\u1ec9 vi\u1ec7c g\u1ecdi function thumb_img() ra thôi.<\/p>\n
    \n\tVí d\u1ee5 nh\u01b0 trong vòng l\u1eadp Loop \u1edf file single.php hay index.php thì chúng ta có th\u1ec3 g\u1ecdi nó ra nh\u01b0 th\u1ebf này:<\/p>\n
    \r\n<?php $my_query = new WP_Query('posts_per_page=10');\r\n  if ( have_posts() ) : while ($my_query->have_posts()) : $my_query->the_post(); ?>\r\n   <?php thumb_img($post->ID,'670','150','70',get_the_title()); ?>\r\n   \/\/ $post->ID t\u01b0\u01a1ng \u1ee9ng v\u1edbi post id c\u1ee7a bài vi\u1ebft.\r\n   \/\/ 670 t\u01b0\u01a1ng \u1ee9ng v\u1edbi chi\u1ec1u dài.\r\n   \/\/ 150 t\u01b0\u01a1ng \u1ee9ng v\u1edbi chi\u1ec1u cao.\r\n   \/\/ 70 t\u01b0\u01a1ng \u1ee9ng v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng hình \u1ea3nh.\r\n   \/\/get_the_title() l\u1ea5y title c\u1ee7a bài vi\u1ebft\r\n <?php endwhile; else: ?>\r\n<?php endif; ?><\/pre>\n
    \n\tV\u1eady là chúng ta \u0111ã hoàn thành vi\u1ec7c s\u1eed d\u1ee5ng featured image và timthumb. Hi v\u1ecdng các b\u1ea1n s\u1ebd làm \u0111\u01b0\u1ee3c thành công. Ngoài ra còn các các cách khác \u0111\u1ec3 s\u1eed d\u1ee5ng featured image làm thumbnail, các b\u1ea1n có th\u1ec3 tham kh\u1ea3o.<\/p>\n","protected":false},"excerpt":{"rendered":"
    \n\t\"S\u1eedbài vi\u1ebft này mình s\u1ebd h\u01b0\u1edbng d\u1eabn các b\u1ea1n k\u1ebft h\u1ee3p gi\u1eefa timthumb và featured image \u0111\u1ec3 t\u1ea1o ra nh\u1eefng hình \u1ea3nh thumbnail hay s\u1eed d\u1ee5ng trong bài vi\u1ebft v\u1edbi kích th\u01b0\u1edbc có th\u1ec3 tùy ch\u1ec9nh m\u1ed9t cách tho\u1ea3i mái.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[143],"tags":[],"class_list":["post-988","post","type-post","status-publish","format-standard","hentry","category-thu-thuat-wordpress"],"views":454,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=988"}],"version-history":[{"count":0,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/988\/revisions"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}