post image

Tạo WordPress Theme – Template Tags

Cuối cùng thì cũng đến lúc làm việc với PHP và biến giao diện chúng ta đã làm ở những bước trước thành Skin của WordPress hay nói khác hơn là một trang web động chạy trên nền tảng CMS là WordPress. Trong bài này tôi sẽ hướng dẫn bạn những Template cơ bản nhất của WordPress và cũng giới thiệu đến bạn “trái tim” của WordPress là The Loops.

Template Tags trong WordPress thực tế là những function đã được tạo sẵn và giúp cho quá trình làm skin cho WordPress không thể đơn giản hơn được nữa. Nếu bạn có kiến thức sẵn về PHP thì sẽ dễ dàng hơn, nhưng nếu bạn không biết nhiều gì về PHP thì bạn vẫn có thể học theo video này và làm được skin cho bạn. Tuy nhiên những video nâng cao sẽ hơi khó khăn nếu bạn hoàn toàn mới với PHP.

Thời lượng: 40:32

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

Dung lượng: 171 MB

Link trong Video: WordPress Template Tags

«

»

59 Comments

( Comment bài này )
  1. billy says:

    Chờ tut của bác đến mất ăn mất ngủ. Thank bác rất nhiều !!! Qua video nay em học được rất nhiều về Open Source Nếu có điều kiện bác hướng dẫn thêm về Joomla Theme bác nhé !!!

  2. Hjx, chờ dài cổ :D Cuối cùng hàng cũng ra lò !

  3. học hỏi says:

    anh dùng cách nào mà làm cho địa chỉ trang web ngắn lại và ko thấy phần mở rộng thế anh

  4. Thien than says:

    Cho anh lau qua nhung khong sao.
    Anh co the huong dan lam hai ngon ngu trong wordpress cho anh em hoc hoi khong.
    Cam on anh nhieu.

  5. kimsangyo says:

    Ủa sao em không coi được đoạn video vậy mấy Bác?

  6. nhtera says:

    @kimsangyo sao không coi được nhỉ .
    Tớ thì down về xong coi , có coi online 1 đoạn vẫn bình thường đấy chứ :D

  7. binh says:

    bạn ơi bạn có thể làm tut về joomla đc không bạn.Nếu bạn làm được thì quá hay ……………..

  8. Tôi không biết làm theme Joomla và cũng không thích Joomla nữa cho nên chắc không làm cho bạn được rồi :D . M

  9. chip says:

    Tác giả kiểm tra lại giúp, mình xem đến phần bloginfo(‘name’) thì video đứng, không xem được nữa; phần download cũng bị lỗi. Thanks!

  10. Có thể do mạng của bạn không? tôi vẫn xem bình thường và đường link Download vẫn hoạt động tốt.

  11. Chuot says:

    Hôm qua Mediafire bảo trì, từ đó khi download tại mediafire hay bị lỗi không down được, bạn thử F5 vài lần xem.

  12. Chuot says:

    Sr bổ xung cái comment trên. Nếu không đăng nhập bạn không thể download cùng một lúc 2 file tại mediafire, bạn cần phải download hết 1 file rồi mới down tiếp được. Mình không biết freemember thì down được một lúc mấy file nữa.

  13. kimsangyoo says:

    Bác DW xem lại giúp em cái đoạn video nha!
    Em xem đến phần bloginfo(‘name’) thì video đứng, không xem được nữa!
    Hjx Hjx

  14. Nevermore says:

    Đúng đấy anh DW, em xem đến đoạn đó cũng bị đứng hình. Down từ mediafire về thì giải nén ra không được (em down đến 3 lần luôn ý), còn down từ megaupload thì ok.

  15. Ài chà! 3 người cùng nói thì chắc convert bị lỗi rồi. Để anh convert lại rồi upload lên. Srry mọi người nhé! :( bất cẩn quá. Chắc bữa đó nhậu xỉn :) )

  16. jack says:

    hic, đang đến đoanh cấn thì đàn đứt dây :( lỗi thật anh ơi

  17. Deeds says:

    Cảm ơn anh vì những video. Tuy nhiên em muốn hỏi 1 chút ngoài lề là:
    Cái cách chỉnh sửa để hiển thị bài post ngoài trang chính. Làm sao để nó chỉ hiện ra 1 vài dòng đầu của bài post thôi? Chứ ko phải tất cả bài post. Em làm như anh nhưng mà nó hiển thị toàn bộ luôn =.=’
    Có gì anh trả lời giùm em nhé!

  18. Em có thêm dòng `__abENT__lt;!--more--__abENT__gt;` vào không?

  19. Deeds says:

    À em biết rồi! thì ra muốn để có readmore thì phải để là the_excerpt(”); Để the_content(”) thì nó ra cả bài ^^!.
    Anh hướng dẫn nốt phần feature và phần single với comment đi. Bọn em vẫn đang chờ anh làm những video tiếp theo:D!

  20. Danienloc says:

    Không biết anh DW đã up giúp anh em lại video bị lỗi này chưa ạ ? đang hào hứng khí thế xem thì nó đứng =)) cứ tưởng phần mềm hay máy bị rì rầu ;) )

  21. OK anh đang convert lại. Chắc lần trước nhậu xỉn quá làm bị lỗi :D

  22. Thế còn file .avi thì sao? có bị lỗi không? vì trong máy anh nó chạy ầm ầm.

  23. OK, Sửa lại rồi nha bà con. Enjoy

  24. Danienloc says:

    Hờ hờ cảm ơn anh nhiều lém ^^ quái nạ,sao cái bị lỗi bản cũ kia nó coi đc 8 phút mà nặng khiếp,down về mún quánh cái IDM =)) Thank anh DW lần nữa ^^ Đang đón đợi Tut tiếp theo của anh đây ;) mấy hôm nay công việc bận quá mà em vẫn lên xem có video mới chưa để down về ^^ Chúc anh luôn mạnh khỏe và thành công ^^

  25. Danienloc says:

    File Rar em down ở link media về giải nén bị lỗi anh DW ơi :( nó báo: Winrar: Diagnostic messages :( Anh xem lại giúp anh em ! Thank anh nhiều ^^

  26. Trung Hieu says:

    Anh DW ơi hình như ở mấy tutorial sau này file avi anh nén trong winrar cái nào cũng bị lỗi hết đó. Em down về giải nén không được cái nào hết :(

  27. OK, để anh check lại và upload lại hết. Srry em nhé!

  28. binbin says:

    A ơi cho hỏi?e chèn theme vào nó nói theme bị hỏng’ko tìm thây Stylesheet’ là sao vậy a?Mọi người giúp dùm lun ha,thanks!:)

  29. binbin says:

    có ai giúp mình hem?lỗi đó là sao vậy các bạn.Mong mọi người giúp dùm!

  30. Em xem kỹ lại video chưa? chỗ `__abENT__lt;?php bloginfo (__abENT__apos;stylesheet_directory__abENT__apos;); ?__abENT__gt;` em có khai báo đúng không?

  31. kendu209 says:

    khi sửa trong wordpress chỉ cho hiện thị 5 post còn các post khác sẽ sang trang mới có dạng 1.2.3.4…. thì phải làm sao anh DW ??

  32. Cái dó em sử dụng plugin WP-PageNavi là ổn ngay đó mà

    http://www.lesterchan.net/wordpress/readme/wp-pagenavi.html

  33. mrkyt says:

    Cho em hỏi chút, vì sao em đã Active Plugin WP-PageNavi rồi, nhưng cách hiển thị vẫn là Pre and Next page? Để sử dụng Plugin đấy có cần thêm Template Tag nào vào php nữa không anh?

  34. Tại em không đọc hướng dẫn sử dụng rồi :D . Để plugin hoạt động em phải có dòng code này vào chỗ mình muốn

    < ?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

  35. mrkyt says:

    Hê hê, em quên lời bác sỹ dặn :D
    Mà anh ơi, cái theme anh làm ở hoclamwebsite lỗi nhiều quá :-s làm em …hơi thiếu tin tưởng :-s Anh fix lại dùm anh nhé ^^

  36. nhtera says:

    Lỗi gì ? Mà lỗi thì đâu có sao, demo thôi mà . Thiếu tin tưởng là sao , bạn này nói chuyện lạ quá .
    “Anh fix lại dùm anh nhé ^^” – pó chiếu :D

  37. Ừa! anh cũng xem lại rồi đâu thấy lỗi gì đâu nhờ? lỗi gì thế chú Mrkyt? để anh còn chỉnh lại nữa.

  38. nguyen sy doan says:

    anh DW a`. em da hoc va lam theo anh tu nhung video dau trong wordpress toi phan nay khi dung php hien thi nhung bai da post thi ngoai nhung bai trong csdl da tao con co bai trong the div dau tien trong file index.php bi lap di lap lai hang tram lan y sau do phan footer khong hien thi thay vao do la dong :
    Fatal error: maximum execution time of 60 seconds exceeded in D:/wamp/www/wordpress/wp-includes/plugin.php online 385
    anh xem va sua giup em duoc khong?

  39. nguyen sy doan says:

    loi lap lai bai dau tien do van con khi em phan trang. khi do chi phan trang nhung bai chinh con bai kia van bi lap nua. khong biet bi lam sao?

  40. Đăng Nam says:

    Bạn cố gắng viết tiếng Việt có dấu được không? Nếu không sẽ rất khó để giúp bạn. Hãy xem lại cú pháp xem nào!

  41. fern.older says:

    Anh DW ơi, em cài trên byethost,com, host free, không hiểu sao up đúng vào thư mục wp-content/theme rồi, mà khi vào admin cp vẫn ko hiện ra. Em làm trên localhost lại đc

  42. doan says:

    anh DW oi cho em hoi. khi tao mot Category moi trong wordpress thi co chon duoc Category Parent cua no vay de hien thi cac Category con nay ra nhu o dantri va vnexpress thi phai lam nhu the nao ?

  43. Daniel says:

    Hình như cái file nén của link Mediafire khi down về giải nén ra bị lỗi anh DW à ^^ Anh xem lại giúp bọn em nhé ^^ Nói thế thôi chứ hok được là tớ down ngày con Mega liền ;)

  44. Sad Angel says:

    A ui.Sao e download về giải nén thông báo lỗi.A coi lại giùm e zới.Download 2 lần ùi đều thế :( .Tk a

  45. baobao says:

    your download file was corrupted, please repair it, thanks a lot

  46. baobao says:

    anh DW ơi, cho e hỏi 3 cái:
    - : ko hiển thị được categories

    -khi xóa hết data trong từng post (trong thẻ ), thì mấy cái post nằm chồng chất lên nhau, ko theo thứ tự gì hết, mặc dù làm theo source của a cũng vậy lun

    -không hiển thị continue reading khi 1 post quá dài giống như a làm !

    thanks a nhiều !

  47. Thiên Lộc says:

    Cho em hỏi cách sắp xếp thứ tự trong Categories để nó theo ý muốn của mình với. Em chỉ thấy trong phần Pages mới có sắp xếp thứ tự

    • Để sắp xếp categories bạn phải dùng plugin Categories order để làm chuyện đó. Hoặc các bạn phải lập trình dùng truy vấn WP_Query. Nhưng tốt nhất bạn nên dùng plugin đi

      Hay các bạn có thắc mắc các bạn có thể liên hệ anh izwebz trả lời hoặc qua mail của mình hethongthongtin@gmail.com hay diễn đàn của mình forum.livesupport.vn. Nhưng tốt nhất là liên hệ mình qua mail nha các bạn

      Website: ictexpress.com

  48. wayne says:

    Anh DW, khi mình click vào Read More.. để xem nội dung 1 bài viết thì nội dung đó sẽ thể hiện trong page khác phải ko anh và page đó là 1 file riêng như page.php chẳng hạng. Trong page.php sẽ chứa hàm để thể hiện nội dung bài viết đó. Em chưa rõ, mong anh chỉ giúp.
    Những video của anh rất bổ ích, thanks anh :D , chúc a có thêm nhiều video tut hay.

  49. Thiên Lộc says:

    Hi các anh em,cảm ơn Ngọc Long đã giúp đỡ tớ nhé !

    Tớ còn thắc mắc về một số template tags này, ví dụ như làm hiệu ứng drop down không biết sẽ phải dùng template tags nào cho phù hợp.

    Tớ đã theo anh DW gần hết seri này rồi nhưng chưa rõ lắm về sự khác biệt giữa categories và pages với.
    Ví dụ: Ở các categories của tớ gồm có: Nhạc Hàn, Nhạc Hoa, Nhạc Nhật, Nhạc Việt thì khi post bài mới tớ đã click chọn vào các categories đó nhưng khi nhấn vào Nhạc Hoa thì nó hiện ra các bài nhạc Hàn,Nhật và Việt.

    Hoặc như khi tớ cũng định post bài ở phần giới thiệu thì sẽ vào phần pages post hay là phải tạo 1 categories rồi giấu không cho nó hiển thị ở trang chủ.

    Hix hix diễn đạt thật khó để các bạn hiểu và giúp tớ,nhưng tớ hi vọng các bạn sẽ hiểu được và giúp tớ. Có thể cho tớ xin nick chat hoặc mail của các bạn chứ.

    Nick yahoo tớ là: danienloc
    hoặc Mail: danielloc@swissmail.com

    Thank all !

  50. Amateur says:

    - Tải bình thường.
    - Xem trực tuyến bình thường.
    - Giải nén không được -> không có mạng là không xem được.
    Chán!!!!

  51. Hoang says:

    Anh DW ơi, mà ví dụ trong wordpress, trong pages thì mình làm nhiều trang, nhưng mình không muốn các trang trong phần đó xuất ra ở 1 nơi nào đó 1 lượt, nhưng mình muốn xuất ra ở nhiều nơi, như ở header 1 phần, ở sidebar một phần vậy mình phải code sao vậy anh DW?

  52. an_chc says:

    khổ thân cho em em down 2 lần link mediafile video “WordPress Theme – Template Tags” đều bị lỗi cả.
    Anh DW check hộ anh em fats
    Thank

  53. z3ro says:

    Các bác cho e hỏi : em dùng lệnh wp_list_categories(‘title_li=’) nhưng lại không thấy hiện cats ra.
    Em thử dùng the_category(); thì có hiện đc 1 category.
    lỗi ở trên là do đâu .. thanks các bác !

  54. kiennguyen says:

    thế anh ơi chẳng nhẽ mỗi lần muốn có ảnh trong cái thư mục ảnh của mình thì đều phải có code PHP sao..chỗ echo trong phần hiển thị image cùng với bài post đó

    • Cái đó trong video là anh ví dụ vậy thôi, còn nếu dùng hình trong bài viết thì em insert nó vào hoặc nếu là hình thumbnail thì sử dụng metadata đó mà.

  55. LaCrus says:

    Làm sao cho màu comment của admin khác với màu comment khác đc anh. Với lại cách để phân trang cho comment khi có quá nhiều comment trong 1 post nữa, hix. Em thử code php thông thường nhưng ko đc, mong a giúp đỡ :|

  56. wordpress says:

    thế anh ơi nếu như anh nói là chỉ để minh họa với các tag trong wordpress, như vậy là khi thiết kế trong worpress, chúng ta chỉ làm phần CSS với các mục như header, hay sidebar … thì wordpress sẽ tự hiểu và thực thi theo ý mình đúng hem anh…
    như vậy thì PHP để chỗ nào anh…
    Nếu như em nói sai anh giải thíc giùm em vơi.
    Hỏi tiếp anh : Như vậy trong phần HTML chúng ta cần thêm các code PHP như trong video, thì chúng ta sẽ bỏ hết các trong HTML mình làm mẫu và thêm code PHP như trong video của anh. đúng hem anh. như vậy là có một theme cho riêng mình sao anh.

  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Wrap code trong dấu `backtick` (dấu trên phím Tab)

Chọn kiểu gõ: Tự động TELEX VNI Tắt