WordPress Thesis Theme – “Xấu giai” nhưng nổi tiếng

Jun 27, 2009 44 Comments by MrGiaiPhapSo

thesis theme Wordpress Thesis Theme   Xấu giai nhưng nổi tiếng

Vì sao lại nói rằng Thesis là một theme “Xấu giai”?

Xin thưa rằng đó là vì giao diện mặc định của thesis quá đơn giản, hầu như hoàn toàn là text, chỉ duy nhất có một media box phía trên bên tay phải là hình. Nếu muốn tuốt lại cho đẹp trai thì phải làm từ đầu đến cuối, do vậy các blogger không chuyên rất “ngán” cái vụ chỉnh sử giao diện cho theme này!

Vì sao lại nói rằng Thesis là một theme nổi tiếng?

Xin thưa rằng  Thesis được biết đến như là một “Best SEO Theme” trên thị trường hiện nay và được bán với giá khá cao: 87$ cho bản Personal và 164$ cho bản Developer. Cũng bởi vì được tối ưu hóa cho công cụ tìm kiếm nên Thesis theme nghiễm nhiên trở thành “sao” nổi tiếng nhất trong làng WordPress Themes.

Túm lại Thesis theme là một “Ugly Super Star“!

Tổng quan về Thesis theme:

Thesis Theme được thiết kế bởi: http://diythemes.com/

Demo: http://diythemes.com/thesis/

Thesis theme được xây dựng để tối ưu hóa cho SEO, thân thiện với các công cụ tìm kiếm do vậy giao diện mặc định dường như không có các phần tử đồ họa (hình ảnh, video).

Cấu trúc của theme cũng rất khác biệt so với cấu trúc bình thường của các hệ thống theme khác; do vậy việc chỉnh sửa code khá phức tạp và mất thời gian – đòi hỏi bạn phải có kiến thức về lập trình và CSS tương đối.

Sau khi cài đặt xong thì trong muc Appearance sẽ có 2 phần chính:

1. Thesis Options: Mục này bao gồm các tùy chọn cấu hình cơ bản về hệ thống cho Thesis như: Cài đặt thẻ Meta, Keywords, feed, các cài đặt hiển thị cho Header, sidebar, navigation menu…

ThesisOptions Wordpress Thesis Theme   Xấu giai nhưng nổi tiếng

2. Design Options: Mục này bao gồm các tùy chọn về font, các mục hiển thị, multimedia box, cách sắp xếp giao diện (2 cột hay 3 cột, trái hay phải…)

DesignOptions Wordpress Thesis Theme   Xấu giai nhưng nổi tiếng

Tổng quan về Thesis open hook:

OpenHook là một plugins được phát triển để hỗ trợ cho việc chỉnh sửa giao diện cũng như chèn các thành phần khác vào các vị trí xác định trên Thesis layout.

Sau khi cài xong thì tùy chọn của OpenHook cũng nằm trong mục Appearance, bạn có thể vào đó và chèn các đoạn mã HTLM hoặc các Script vào các mục cho sẵn Ví dụ: để chèn một đoạn Copyright text vào phần footer thì bạn chỉ việc gõ text vào mục “WP Footer” là xong.

Dưới đây là hình ảnh hiện thị các mục chèn thêm tương ứng với các vị trí trên layout: (Bạn nên view hình với kích thước thật để nhìn rõ hơn)

thesis hooks home Wordpress Thesis Theme   Xấu giai nhưng nổi tiếng

Các nguồn tham khảo thêm về Thesis theme

http://diythemes.com/thesis/

http://speedtech.it/2009/04/the-wordpress-thesis-theme-hooks/

http://www.bloghighlight.com/simple-way-to-customize-copyright-footer-in-thesis-theme/

http://www.wpbandit.com/thesis-themes/

http://thesistutor.com/

Bộ Kit cần phải có.

Download Theme và OpenHook tại ĐÂY! (Đây là của giời cho, đỡ phải tốn 87$)

Kết luận

Bạn đã có trong tay một Theme đỉnh rồi đó! Điều quan trọng là “Hãy kiên trì học hỏi và nghiên cứu”, bạn sẽ có được một theme như ý và một khi đã làm chủ được Thesis thì tôi có thể đảm bảo rằng bạn sẽ thay đổi cách nhìn về Thesis bởi vì anh chàng này rất là “đẹp giai” đấy!

Chúc bạn thành công!

Mr. Giải Pháp Số

Thesis theme

Thông tin tác giả:

Admin GPS / Sở thích: Thích đủ thứ / "Với tôi: Sống là trải nghiệm và chia sẻ đam mê!"

Bài viết liên quan

Có 44 Phản hồi cho bài viết: “WordPress Thesis Theme – “Xấu giai” nhưng nổi tiếng”

  1. Tip4PC says:

    Đẹp giai theo em hiểu bác muốn nói đến phải ngồi cày mà chỉnh cho nó hợp ý mình thôi, chứ lập blog chỉ để viết thì thường họ không muốn tốn time thế đâu. :D

    PS: Thesis bán mắc chắc toàn toàn dân design themes mua quá :D

    • Mr. Giải Pháp Số says:

      Muốn tuốt lại vẻ “đẹp giai” thì cũng phải bỏ công sức ra chứ! Đối với dân design và code web thì nó có một sự lôi cuốn lạ kỳ.
      Những ai không muốn tốn thời gian thì chỉ việc bỏ ra chút ít money nhờ mấy bác designer chỉnh cho, thế là xong! Lợi người lợi ta.
      Sắp tới tớ sẽ cho ra đời vài bản demo free cho anh em dùng thử!

  2. [BLOCKED BY STBV] Wordpress Thesis Theme says:

    Xin chào !…

    Bài viết của bạn đang được thảo luận trên LinkHay.com…

  3. Misao says:

    Bác Giải Pháp Số nói đúng đấy. Với dân designer thì việc bỏ công sức ra tút lại thesis cũng là một việc làm thú vị.

    Hôm qua tí nữa thì em bỏ tiền ra mua thesis thật. Máu quá rồi. :D

    • Mr. Giải Pháp Số says:

      Nếu cậu thích thì gia nhập hội “Thesis Blogger VN” cho vui! Bác Tỉnh (BlogViet.Info) cũng ghiền đến độ quăng luôn cả cái One Theme hào hoa để đến với một Thesis “xấu giai” cơ đấy!

      • SIl says:

        He he , em cũng dùng Thesis từ lâu rồi :) Bị lôi cuốn bởi sự đơn giản của nó .

        • MrGiaiPhapSo says:

          Nhìn thì đơn giản nhưng để hiểu được nó thì là cả một vấn đề!

    • Hùng says:

      Còn tớ thì thấy có bản free nhưng lại máu chơi luôn bản quyền,

  4. Misao says:

    Hì, em đã nói rồi em không có tiền mua bác ạ. :D Mà xài đồ chùa thì em không thích.

  5. Egirl says:

    hình như link die hay sao ý, e down không được^^!

    • Mr. Giải Pháp Số says:

      Đã fix! Bạn check lại thử xem nhé!

      • Egirl says:

        Thanks a down dc oỳ ^^

  6. Mrbot.info says:

    theme thesis mình muồn chèn thumb cho bài viết thì làm thế nào nhỉ???

    • MrGiaiPhapSo says:

      Chào bạn,
      Để chen thumb cho bài viết thì bạn cần làm các thao tác sau:
      Trong cửa sổ soạn thảo bài viết mới, bạn kéo thanh cuộn xuống phía dưới sẽ thấy mục: “Post Image and Thumbnail”.
      - Để chọn hình làm thumbnail bạn dán đường dẫn của hình vào textbox “Thumbnail Image”
      - Để chọn vị trí bạn chọn ở 2 mục “Horizontal Position” và “Vertical Position”

      Và còn nhiều tùy chọn nữa bên trong “Thesis Options” bạn từ từ nghiên cứu nhé!

  7. Mrbot.info says:

    thank chủ sới :D chán one theme ròi đang tính chuyển sang thesis :)

  8. Mrbot.info says:

    bác MrGiaiPhapSo hướng dẫn em vụ này với
    - tạo viền và mầu nền như thế này => http://img196.imageshack.us/img196/7923/54752576.png
    - đổi mầu nền Sidebars => http://img30.imageshack.us/img30/8461/72248603.png
    hi hi!! cảm ơn bác rất nhiều :mrgreen:

  9. MrGiaiPhapSo says:

    Tất cả là chỉnh sửa trong file custom.css:

    Để thay đổi màu background cho sidebar thì thêm đoạn code sau:
    .custom #content_box {background-color:#F5F5F5;}

    Còn đổi background và đường viền giống như giaiphapso.info thì thêm code như sau:

    body.custom {
    background: #004e98;
    }

    .custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #dddddd;
    }

    .custom #page {
    background: #ffffff;
    }

    —–
    bạn có thể đổi các thông số màu để hợp với style chung
    Chúc bạn thành công! :razz:

  10. Mrbot.info says:

    cảm ơn bác em làm được rồi :mrgreen:
    nhưng còn bước đổi màu background cho sidebar thì không được bác hướng dẫn kỹ hơn được không? em chèn thử vào file custom.css trong thư mục custom-sample chẳng thấy gì :sad: còn chèn vào style.csslayout.css thì nó đổi mầu cả site :shock:!!
    à tiện thể bác chỉ cho em cách chèn banner như của bác với :mrgreen:
    mờ code nên hỏi nhiều bác thông cảm :oops:

  11. Mrbot.info says:

    sorry bác em tìm ra nguyên nhân ròi :| nó nàm trong phần cài đặt “Design Customizations” em bỏ mất dấu tick “Use custom stylesheet” nên chỉnh sửa css ko có tác dụng :lol:

    • MrGiaiPhapSo says:

      Quên không dặn bác một điều quan trọng là phải đổi tên thư mục custom-sample thành custom nữa!

  12. V.C says:

    Đẹp xấu ko quan trọng lắm vì có thể design theo ý mình đc.
    Em thì em chỉ muốn tìm hiểu cách họat động của nó, code thế nào mà SEO tốt như vậy.

    • MrGiaiPhapSo says:

      Mình cũng mới tìm hiểu thôi nhưng thấy cái code của nó viết khác xa với các theme khác! Vừa mới lạ vừa cổ điển, vừa phức tạp vừa đơn giản! Nói chung là chỉ nên quan tâm tới cách chỉnh sửa giao diện thôi cho đỡ nhức đầu!

  13. aBlogz says:

    Đúng vậy anh

    Theme này rất good

  14. Mr. Bot says:

    bác chỉ cho em cách chèn banner như của bác với!! em mò mãi mà ko ra :straight:

    • MrGiaiPhapSo says:

      Bác chèn đoạn code này vào file custom.css
      .custom #header { background: url(‘images/ABC.gif’) no-repeat; text-indent: -9999px; border-bottom: none; }

      Trong đó ABC là hình mà bạn muốn làm header (nhớ để hình trong thư mục images của thư mục custom)
      Chúc bạn thành công!

  15. Michael Jackson says:

    ho ho, thank, cái này good đấy, để mình lấy về nghịch :D ^_^

  16. uitsky.com says:

    Bác ơi, hướng dẫn em chút về cái Thesis này đi bác. Làm sao để thêm Wedget nhỉ? Em mò hoài mà không xong!

    • MrGiaiPhapSo says:

      Phần Widget thì bình thường mà, có khác gì đâu! cứ kéo sang là ok!

  17. uitsky.com says:

    Xem giùm cái site em chút anh, em muốn hỏi: làm sao bỏ cái chữ “No categories” trên nav menu vậy anh? (Ko biết làm sao nó lại xuất hiện nữa ^^V) và làm sao để có mục menu như của giaiphapso (cái mục Blog–Tin tức–Giải pháp số— túm lại là các catalogue)?

    • MrGiaiPhapSo says:

      Hình như bạn mới mò mẫm WordPress phải không! Mình khuyên bạn không nên mò Thesis theme trước vì nó khá phức tạp.
      No categories là vì bạn chưa tạo Categories nào!
      Cái mục menu Blog-Tin tức-Giải pháp số… chính là phần Categories đó! bạn đăng nhập vào Dashboard rồi vào phần Posts->Categories để add thêm categories!

  18. uitsky.com says:

    Mọi thứ ok rùi. Nhưng thực sự không biết làm sao để mấy cái categories đó hiện lên như 1 menu như của giaiphapso?

    • Mr. Giải Pháp Số says:

      Cái này cần một chút kỹ năng chỉnh sửa code! Tớ sẽ viết guide trong thời gian sớm nhất có thể! 8)

      • uitsky.com says:

        Thanks anh! Sớm viết nha anh, nóng ruột lắm đây! ^^V

  19. Bộ sưu tập Wordpress Gorrila Themes | Mạng y khoa says:

    [...] WordPress Thesis Theme – “Xấu giai” nhưng nổi tiếng [...]

  20. ngocthachez says:

    bác GiaiPhapSo ơi , làm sao để các bài viết từ ( xem hình ) http://c.uploadanh.com/upload/1/363/0.232682001256028346.jpg sang dạng bình thường như http://misaoblog.com được vậy

    • MrGiaiPhapSo says:

      :D :D :D
      Đồng chí mới dùng Thesis hả?!!
      Thesis có 2 kiểu giao diện trang chủ:
      - Kiểu Blog thông thường (giống như misaoblog.com)
      - Kiểu Teaser
      Để chuyển qua lại giữa 2 kiểu hiển thị này thì bạn vào “Thesis Option” để chỉnh lại!
      :whistle:

      • ngocthachez says:

        Đúng là em mới xài themes thesis thật :lol: , cám ơn bác nhiều :love:

  21. Mr. Hưng says:

    Sao em tai ve mà khi cai thì báo lỗi thế này: mong giup đở:

    Đang cài giao diện từ tập tin: thesisv.1.5.rar

    Giải nén tập tin.

    Tập tin không tương thích PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

    • MrGiaiPhapSo says:

      Chào bạn, Đây là loại tập tin nén .rar, bạn phải dùng chương trình Winrar hoặc Winzip thì mới giải nén được.
      Nếu bạn dùng tiện ích giải nén có sẵn của Windows thì bị lỗi! :D
      Bạn chịu khó download Winrar về nhé! chương trình này khá phổ biến (miễn phí). Bạn chỉ cần gõ Winrar lên Google là có thể biết được địa chỉ để download.
      Chúc bạn thành công! :love:

  22. 10 Thủ Thuật Hay Cho Thesis WordPress Theme | Blog Kiếm Tiền says:

    [...] kiếm. Đó là lý do mà nhiều blogger từ nhỏ đến lớn như Matt Cutts cũng chọn anh chàng Thesis xấu trai [...]

  23. 10 Thủ Thuật Hay Cho Thesis WordPress Theme | Khóa đào tạo của VCCI says:

    [...] kiếm. Đó là lý do mà nhiều blogger từ nhỏ đến lớn như Matt Cutts cũng chọn anh chàng Thesis xấu trai [...]

  24. Phuong Linh says:

    Anh ơi, anh coi lại link download lại xem. em k down được! :-(

    • MrGiaiPhapSo says:

      Link down vẫn good mà! Em để ý có chữ download phía bên trên đó! (*)
      http://cid-1ad77d286e0d819c.skydrive.live.com/self.aspx/Thesis/Thesis|_1.5.rar

  25. Mr Thắng says:

    Hay quá, vừa down về, đang ngâm cứu. Thanks bác GPS ;;))

Leave a Reply

:p 8) :lol: =( :8 ;) :(( :o: :[ :) :D :-| :-[) :bloody: :cool: :choler: :love: :oups: :aie: :beurk: