Mua domain tại Go Daddy với $7.49 .com!

Viết và đăng code trong bài viết và comment ở WordPress


Như chúng ta đều biết, việc viết code trong các bài viết của WordPress thực sự là một thử thách. Nếu bạn có các đoạn code javascript, PHP, CSS, HTML, v.v.. và muốn chia sẻ cho người đọc, nhưng thật không may, khi bạn copy những giòng code đó và paste vào bài viết của WordPress thì nó lại không hiển thị.

Tại sao?

Theo mặc đinh, khi bạn viết code của PHP, HTML, Javascript và code của các trương trình lập trình web khác và paste vào bài viết trên blog WordPress, nó sẽ thực hiện một hoặc hai cả hai việc sau: 

  1. Nó sẽ hoạt động giống như code, nó sẽ thực hiện các mã lệnh, và kết quả là bạn sẽ có một bài viết mà không thể dự đoán được những gì sẽ xuất hiện trong đó.
  2. Chúng sẽ bị loại bỏ, sẽ để lại các chỗ trống và sự lộn xộn trong bài viết.

Hay nói theo cách khác, nhìn chúng sẽ không như ý muốn của bạn chút nào.

Nhiều người cho rằng nếu họ sử dụng thẻ HTML <code> hoặc <pre> thì các đoạn code nằm trong đó thể hiện ở đúng dạng code. Nhưng thực sự, nếu bạn từng thử sử dụng hai thẻ trên thì bạn sẽ nhận thấy chúng chẳng có tác dụng gì. Vậy làm thế nào để code hiển thị trong bài viết?

Chuyển code sang text

Để code có thể hiển thị đúng trong các bài viết, chúng phải được chuyển sang dạng ký tự. Tức là bạn sẽ chuyển các ký tự code và các symbol sang các kí tự ở dạng thực thể. Trình duyệt sẽ hiểu các kí tự thực thể này và sẽ cho hiển thị chúng đúng như bạn mong muốn.

Như chúng ta đều biết, code bắt đầu bằng một dấu < và kết thúc bằng một dấu >. Đây là một dấu hiệu để WordPress biết rằng những nội dung bên trong nó là code. Do vậy, nếu bạn không chuyển các ký tự đó sang dạng thực thể, WordPress sẽ tự động thực hiện các lệnh trong code đó hoặc là lọc nó không cho hiển thị.

Chính vì thế, cách mà Phamen muốn nói đến chính là: làm thế nào để cho WordPress hiểu các đoạn mã trong dấu < và dấu > không phải là code?

Rất đơn giản, chúng ta chỉ cần chuyển các dấu < và > sang dạng kí tự thực thể, khi đó nó sẽ không bị WordPress và trình duyệt hiểu là code nữa, mà chúng được hiểu là một dạng ký tự thông thường.

Vậy viết các ký tự thực thể này như thế nào?

Dấu < là &lt;

Dấu ” là &#34;

Dấu ‘ là &#39;

Dấu / là &#47;

Ví dụ:

Có bạn hỏi Phamen: Tại sao theme của em không có phần để cho người đọc viết comment trong các Page mà chỉ có trong Post?

Đây chính là đoạn code cần phải có trong file page.php để comment xuất hiện trong Page ở WordPress:

<?php comments_template(); ?>

Nhưng thật không may, nếu Phamen viết nguyên như trên trong bài viết hoặc comment để trả lời, nó sẽ chẳng hiển thị gì cả, và tất nhiên người đọc sẽ chẳng nhìn thấy gì.

Bằng cách chuyển sang kí tự thực thể, Phamen sẽ viết đoạn code trên như sau:

&lt; ?php comments_template(); ?>

Khi đó, dòng trên sẽ không được coi là một đoạn code hay một câu lệnh, nó chỉ là những kí tự bình thường. &lt; sẽ được WordPress chuyển sang < và hiển thị đúng như những gì mà Phamen cần viết.

Đây chỉ là cách đơn giản nhất giúp bạn viết và đăng code trong bài viết của WordPress. Trong bài viết sau, Phamen sẽ giới thiệu với các bạn các plugin và các chương trình tự động chuyển code sang các kí tự thực thể. Hi vọng thủ thuật nhỏ trên sẽ giúp một chút gì đó trên con đường trở thành blogger chuyên nghiệp của bạn. :)

Các bài viết có liên quan:

Mua domain tại Go Daddy với $7.49 .com!

Hãy theo Phamen trên Twitter!


  1. 37 Ý kiến cho bài viết này.

  2. Gravatar
  3. 0983801545 viết:
    December 29th, 2007 lúc 10:22 am

    Thanks Phamen nhieu,bay gio` minh` moi biet viet code do’:D

  4. Gravatar
  5. tranbinh viết:
    January 6th, 2008 lúc 11:51 am

    Theo em chụp đoạn code đó dưới dạng hình ảnh rồi chèn vào bài viết là đơn giản nhất !

  6. Gravatar
  7. tranbinh viết:
    January 6th, 2008 lúc 11:58 am

    anh ơi ! dưới mỗi bài viết của anh có thể hiện số người đã xem, số lần xem trong ngày. Anh có thể chỉ giúp em làm cách nào không ?
    Em muốn hỏi thêm muốn tự động cập nhật các bài viết của từ blog của bạn bè thì phải dùng cái gì, code gì vậy anh ?
    Và… thôi hỏi từ từ thôi không bác lại bảo em Spam.
    Cám ơn bác trước nhé !

  8. Gravatar
  9. Phamen viết:
    January 6th, 2008 lúc 11:58 am

    Chụp đoạn code đó dưới dạng hình ảnh có 2 nhước điểm bạn ạ:

    - Thứ nhất: người đọc không thể copy và không dùng được chúng. Muốn dùng họ phải gõ lại.
    - Thứ hai: chèn càng nhiều hình ảnh vào bài viết thì càng làm chận tốc độ load của blog.

  10. Gravatar
  11. Phamen viết:
    January 6th, 2008 lúc 12:07 pm

    Để thể hiện số lần xem mỗi bài viết, bạn có thể sử dụng các plugin của WordPress. Có rất nhiều plugin có thể làm điều này. Cụ thể là WP-postviews.
    hoặc bạn có thể vào đây:
    http://wordpress.org/extend/plugins/
    Thoải mái cho bạn lựa chọn.

    Để tự động cập nhật các bài viết của bạn bè, bạn nên sử dụng chức năng RSS Widgetsẵn có của WordPress. Chỉ cần kéo cái RSS widget đó vào sidebar và paste link RSS feeds của bạn bè của bạn vào đó, ngay lập tức các bài viết sẽ được cập nhật.

  12. Gravatar
  13. ZuZi viết:
    January 6th, 2008 lúc 10:32 pm

    Chào mọi người, khi tìm kiếm trên mạng tình cò tìm thấy những điều hay và bổ ích trên trang này, E cũng muốn tham gia như mọ người. Em cũng tạo được tên miền và có hosting trên godaddy.com nhưng có một vẫn đề là font chũ, mặc định của host này là ISO-8859-1 mà E muốn chuyển qua UTF-8 nhưng xoay sở mãi mà không bít phải làm sao, có ai có cao kiến j hay đã dùng host của nó cho E chút kinh nghiệm với. (E có thấy một thư mục đề là /stat/index.html và sử file này nhưng khi upload nó không cho phép. giả sử nếu thay đổi được file này thi có hiện thị được font VN không). Thanks to all, and Happy good times.
    PS: E mới làm nên trang chưa có j đặc sắc cả, mọi nguời giúp E nhé.

  14. Gravatar
  15. Phamen viết:
    January 7th, 2008 lúc 12:34 pm

    Chào ZuZi,

    Rất vui vì được bạn ghé thăm. Phamen xin trả lời bạn như sau:

    - Host là nơi để lưu trữ các thông tin, nó giống như một ổ cứng online, do vậy host không có font và bộ mã mặc định.

    - Theo như Phamen xem qua blog của bạn, Phamen thấy lỗi font này ko phải do host, mà là do thiết lập font trên theme của blog này. Khi theme đó quy định một loại font chữ nào đó mà trình duyệt của máy người đọc không có font chữ đó hoặc font chữ đó không phải là font không hỗ trợ cho tiếng Việt hì nó sẽ bị lỗi trên trình duyệt của người xem.

    Giải quyết thế nào về lỗi chữ này?

    - Nếu là bạn tự upload blog platform lên host và tự cài blog thì bạn hãy vào file style.css của theme này để chỉnh font khác, nó thường nằm ở phần khai báo body trên style.

    - Nếu bạn không tự upload WordPress lên host và cài bằng bộ cài có sẵn của host thì đành bó tay thôi.

    Thân,
    Phamen

  16. Gravatar
  17. ZuZi viết:
    January 7th, 2008 lúc 9:00 pm

    Cám ơn A đã chỉ dẫn, sau khi ngâm cứu E đã khắc phục được hiện tượng lỗi font bằng cách sửa file header.php thay dòng ISO-8559-1 bởi UTF-8 và bây giờ mọi thứ đã okie.
    :))
    Mong được anh và mọi người chỉ bảo thêm, một điều nữa E cảm thấy rất thú vị đó là khi tìm kiếm trên goolge, trang của A hiện ngay đầu tiên, hi1 giá mà trang E cũng được như vậy.

  18. Gravatar
  19. Lạ mặt viết:
    January 16th, 2008 lúc 5:26 pm

    Anh Phamen ơi. Anh có biết cách nào để thay đổi bộ emoticon (mặt cười) của wordpress cho giống với yahoo không? Em ko biết post thắc mắc này vào đâu nên đành viết vào chủ đề này vậy. Chào anh. :)

  20. Gravatar
  21. Phamen viết:
    January 16th, 2008 lúc 6:09 pm

    Chào bạn, bài viết hướng dẫn cách chèn các biểu tượng cảm xúc (Emoticon) của Yahoo vào WordPress đã có một người khác là QAD viết rất hay nên Phamen giới thiệu bạn sang đọc bài này ở blog của QAD nhé.

    http://onetruebrace.com/custom-smilies/

  22. Gravatar
  23. XXLKlintonLobby viết:
    March 20th, 2008 lúc 11:15 am

    H. Klinton vs. Obama. How you think who will win elections in Unated States of America?

  24. Gravatar
  25. wOw!bloggiNE viết:
    March 20th, 2008 lúc 1:10 pm

    well, i think is H.Clinton

  26. Gravatar
  27. Haiduong viết:
    March 20th, 2008 lúc 1:24 pm

    Có cả thời sự về H.Clinton trong này nữa vậy

  28. Gravatar
  29. be Pi viết:
    April 1st, 2008 lúc 8:45 pm

    em muon hoi lam the nao de co the comment cho nguoi khac .Vi em khong cho nao de commemt ca

  30. Gravatar
  31. shineland viết:
    April 17th, 2008 lúc 7:40 pm

    Cho mình hỏi sao mình viết bài nhưng mình k thấy phần canh cỡ chữ , blog mình up lên summerhost , mình dùng word để chỉnh sau đó up lên nhưng khi coi bài thì chữa cứ bị nhỏ đi . www.shineland.summerhost.info neu được bạn có thể coi và chỉ mình 1 chút ,và blog up lên summerhost hình như tim trên google k thấy trong khi blog bên opera tìm sẽ thấy trên google bạn có thể giả thích giúp mình lun nha

  32. Gravatar
  33. Phamen viết:
    September 16th, 2008 lúc 11:14 pm

    To: Shineland,

    Khi bạn viết bài ở Word và paste vào WordPress thì nó sẽ paste luôn cả các định dạng mà Word vào bài viết đó.

    Vì định dạng trong bài viết có quyền cao nhất nên mọi định dạng trong CSS của bạn sẽ bị loại bỏ. Chính vì các thuộc tính mà Word qui định khác với các thuộc tính mà bạn quy định trong CSS nên chữ nhỏ hơn.

    Tốt nhất bạn nên paste ở chế độ HTML, lúc đó mọi định dạng sẽ theo các thuộc tính mà bạn đã định dạng ở CSS của themem.

  34. Gravatar
  35. sai. viết:
    November 23rd, 2008 lúc 9:52 am

    Có cách nào tăng sự hiển thị của comment ở trang chủ ko cậu ? Ví dụ giờ mặc định là 10 comment. Muốn tăng lên 20 thì pải sửa ở đâu ?

    Có plugin nào ko ?

  36. Gravatar
  37. boymfo viết:
    December 14th, 2008 lúc 6:05 pm

    anh Phamen cho em hoi chut voi a!
    em bay gio dang hoc lam wed,em moi hoc qua html lam duoc mot trang wed don gian nhung em muon phat trien tiep thi em nen hoc theo nhung ngon ngu gi tiep theo a.va ngay bay gio em muon trong trang wed cua em moi nguoi khi xem co the dang y kien cua minh vao muc gop y nhu mot dien dan ma khong can phai dang ki nhieu chi can ghi ten rui dang y kien thui a.
    anh co the cho em mot doan code hay mot cau truc de em co the dua vao wed cua em duoc khong a.
    em cam on anh nhieu!

  38. Gravatar
  39. sai. viết:
    December 24th, 2008 lúc 6:21 pm

    Có cách nào tăng sự hiển thị của comment ở trang chủ ko cậu ? Ví dụ giờ mặc định là 10 comment. Muốn tăng lên 20 thì pải sửa ở đâu ?

    Có plugin nào ko ?

  40. Gravatar
  41. Phamen viết:
    December 25th, 2008 lúc 11:23 am

    to: Sai,

    Xin lỗi bạn vì đã trả lời hơi muộn. Phamen xin trả lời câu hỏi của bạn như sau:

    Theo mặc định, WordPress cho hiển thị mặc định là 15 comment trên trang chủ. Để tăng số comment hiển thị mặc định trên Comment widget ở trên trang chủ theo con số mình muốn thì ta làm như sau:

    - Mở file widgets.php trong thư mục wp-includes
    - Tìm đến hàm wp_widget_recent_comments và tăng số comment mà mình muốn ở câu điều kiện else if này (ở dòng lệnh số 1388 và 1389):

    * Mặc định:
    else if ( $number > 15 )
    $number = 15;
    * Đổi thành:
    else if ( $number > Số mà bạn muốn (ví dụ = 30) )
    $number = Số bạn muốn (ví dụ = 30);

    Bạn có thể xem hình minh họa sau:

    Phamen.com
    ——————

    To: Boymfo,

    Để làm web thì bạn có thể học nhiều ngôn ngữ. Nhưng hiện nay mọi người đang làm web động bằng PHP và MySQL rất nhiều. Bạn cũng nên nghiên cứu về PHP và MySQL.

    Để viết như yêu cầu của bạn thì cần viết rất nhiều chứ không chỉ là 1 đoạn code đâu bạn ạ. Nó còn liên quan đến cơ sở dữ liệu nữa.

    Nói chung, bạn hãy thử WordPress để làm quen với cách viết blog.

  42. Gravatar
  43. sai. viết:
    January 16th, 2009 lúc 6:35 pm

    Ko đc. cậu ơi !! có phải do skin kô. !! Đã thử các kiểu mà ko đc.

    Vẫn hiện 10. hjx

  44. Gravatar
  45. Phamen viết:
    January 17th, 2009 lúc 8:53 pm

    To: Sai,

    Chắc chắn là được, Phamen đã làm rất nhiều lần.

    Bạn phải chinh cả số comment sẽ hiển thị trên widget nữa.

    Hoặc là bạn đã không làm đúng.

  46. Gravatar
  47. sai. viết:
    February 12th, 2009 lúc 1:19 pm

    cậu ơi cho mình nick yahoo ! MÌnh hỏi sẽ dễ dàng hơn ! hihi. THanks rất nhiều .

  48. Gravatar
  49. tiengnhatonline viết:
    February 24th, 2009 lúc 6:07 pm

    Xin vui lòng…
    Trang học tiếng nhật của tôi, hiện giờ số comment quá nhiều, làm trang load chậm, giờ tôi muốn chia thành nhiều trang, mỗi trang là 100 comments, liệu tôi phải làm cách nào?
    Xin cảm ơn rất nhiều

  50. Gravatar
  51. Phamen viết:
    March 2nd, 2009 lúc 5:08 pm

    To: Tiếng hát online,

    Anh đang dùng WordPress 2.7 đúng không? Việc chia page cho comment trên WordPress đã được thực hiện rất dễ dàng kể từ phiên bản 2.7.

    Anh làm như sau:

    Vào Dashboard > Setting > Discussion > Stick vào ô:
    Break comments into pages with [điền số comment cho từng page mà anh muốn] comments per page and the page

  52. Gravatar
  53. ccan viết:
    April 21st, 2009 lúc 11:55 am

    Anh ah! Cái phần mềm Chuyển code sang text có ko ạ? share cho e với
    Thanks

  54. Gravatar
  55. tu viết:
    January 23rd, 2010 lúc 1:09 pm

    lam trên HTML dc kô nhỉ có CSDL

  56. Gravatar
  57. Johnny Dang viết:
    February 25th, 2010 lúc 9:33 pm

    Làm sao viết 1 bài trên một trang khác trên wordpress. Vì khi toi viết bài thì nó cứ đẩy vào trang home của wordpress thoi. Nhờ bạn giúp giùm tôi.

  58. Gravatar
  59. Linh kien may tinh viết:
    September 2nd, 2010 lúc 10:29 pm

    Bài viết rất hay, cảm ơn bạn rất nhiều!

  60. Gravatar
  61. NguyenKhoa viết:
    September 17th, 2010 lúc 3:37 am

    Phamen giới thiệu mình plugin hoặc code nào làm nhiệm vụ chuyển đổi này ko vậy?
    Chứ sửa thế này với đoạn code dài thì mõi lắm.

  62. Gravatar
  63. ONG VÀNG viết:
    September 27th, 2010 lúc 2:00 pm

    làm sao để khi comment có thể chèn hình ảnh tại wordpress.com. Mong được .chỉ giáo

  64. Gravatar
  65. ocdauphu viết:
    October 16th, 2010 lúc 2:12 am

    Anh Phamen ơi
    Có cách nào tăng số comments hiển thị gần nhất lên được không? Bọn danlambao chúng em đề nghị chủ Blog tăng lên nhưng họ trả lời đã cố gắng nhiều lần nhưng không được (dù cố gắng nhiều lần nhưng chỉ hiển thị được 15 comments gần nhất thôi). Anh giúp em với.

  66. Gravatar
  67. NH2T5 viết:
    November 5th, 2010 lúc 12:14 pm

    anh Phamen oi, sao em dang nhap vo blog cua em, va em muon vao dashboard ma sao ko thay cho nao de vao vay, lam sao de cho no hien ra vay anh

  68. Gravatar
  69. Quỳnh viết:
    April 29th, 2011 lúc 4:09 pm

    Phần mềm ơi, giúp mình với, mình dùng widget rss để đọc tin từ blog của bạn bè, nhưng không hiểu sao bị lỗi, không hiển thị gì hết. Thậm chí nó còn báo lỗi như thế này:

    RSS Error: WP HTTP Error: Could not open handle for fopen() to http://kokotaru.com/vn/feed/rss/

    Như vậy là sao? Mong PM trả lời sớm giúp! Tks

  70. Gravatar
  71. quynh viết:
    May 3rd, 2011 lúc 6:36 pm

    mình muốn chèn một đoạn code wordpress vào trang PHP (bạn có cho mình với)mình muốn cho vào trang web của mình,khi mình đăng bài viết của mình vào trang web thì mình muốn cho nó hiện thị mấy dòng đầu, dòng còn lại sẽ ẩn đi và ở dưới hiển thị (đọc thêm),khi người đọc muốn đọc thêm thì nó hiển thị hết cho người đọc.
    mình tìm mà chưa thấy gửi cho mình theo tienquynhvtq@gmail.com
    thanks

  72. Gravatar
  73. LuLu viết:
    August 7th, 2011 lúc 12:14 pm

    cho t hỏi 1 chút, vì sao khi t vào bất kì 1 wordpress nào thì ở phần đăng comment lại luôn hiện lên email của t? có cách gì để xóa đi ko? vì t ko thích ai đọc truyện bằng PC của t cũng comment dưới tên t. bạn nào biết giúp t với. thanks nhiều

  74. Gravatar
  75. NganSon@nganson.com viết:
    December 7th, 2011 lúc 7:56 pm

    Bai viet rat hay nhung….

Bạn có Ý kiến gì không?

*
Để chứng minh bạn là người (chứ không phải là một script để spam tự động), hãy điền những chữ hiển thị ở hình bên dưới. Click vào đây để tạo một dòng chữ mới.
Click để nghe đọc về từ chống spam này