Tutorial Tìm hiểu về theme và hướng dẫn xây dựng theme wordpress

Thảo luận trong 'Wordpress Themes' bắt đầu bởi babyinternet, 27/7/09.

  1. babyinternet

    babyinternet Administrator

    Tham gia ngày:
    4/7/08
    Bài viết:
    4,655
    Đã được thích:
    1,587
    Điểm thành tích:
    113
    Nơi ở:
    [}{]e[][]
    Yếu tố cần thiết để bắt đầu việc thiết kế theme :
    1. Cài Wordpress lên localhost. Đây là phương án tốt nhất. Nếu bạn không rành sử dụng bạn có thể cài đặt WP trên hosting cũng được. Đây là gói AppServ rất dễ sử dụng cho bạn.[/*:m:1qpyc2kl]
    2. Một trình Editor, mình chọn Dreamweaver bởi tính linh hoạt. Bạn muốn chọn cái gì thì chọn.[/*:m:1qpyc2kl]
    3. Một trình FTP để upload nếu bạn sử dụng hosting.[/*:m:1qpyc2kl]
    4. Bookmark XHTML Validator và CSS Validator: Có thể cài addon của Firefox. Chúng giúp bạn phát hiện và sửa các lỗi trong quá trình thiết kế giao diện.[/*:m:1qpyc2kl]

    Các nguyên tắc cơ bản

    1. Nguyên tắc 1: Đóng tất cả theo đúng thứ tự mà bạn đã mở chúng.

    Cách dùng đúng:
    Mã:
    <ul>
    	[*]
    	[*]
    [/list]
    
    Cách dùng sai:
    Mã:
    <ul>
    	[*]
    [/list]
    	[*]
    
    
    Trong “Cách dùng sai” ở trên, thẻ ul đã đóng không chính xác.
    Mỗi thẻ được bao bởi ký tự < và >. Có thêm ký tự “/” để báo hiệu đóng thẻ. Như vậy, <> sẽ là mở và </> sẽ đóng. Trong VD, tôi dùng thẻ ul (danh sách không theo thứ tự) và li (các mục trong danh sách). Chú ý là thẻ li sẽ được mở và đóng trong vùng của thẻ ul.

    2. Nguyên tắc 2.

    Mỗi theme có ít nhất 2 tập tin: index.phpstyle.CSS. Tất cả những gì cần hiển thị bạn cho vào index.phpstyle.CSS gồm thông tin về theme và cách dàn trang, định kiểu cho các thành phần của theme.

    Đây là danh sách các tập tin của theme.
    1. style.CSS[/*:m:1qpyc2kl]
    2. index.php[/*:m:1qpyc2kl]
    3. home.php[/*:m:1qpyc2kl]
    4. single.php[/*:m:1qpyc2kl]
    5. page.php[/*:m:1qpyc2kl]
    6. archive.php[/*:m:1qpyc2kl]
    7. category.php[/*:m:1qpyc2kl]
    8. search.php[/*:m:1qpyc2kl]
    9. 404.php[/*:m:1qpyc2kl]
    10. comments.php[/*:m:1qpyc2kl]
    11. comments-popup.php[/*:m:1qpyc2kl]
    12. author.php[/*:m:1qpyc2kl]
    13. date.php[/*:m:1qpyc2kl]


    Thuật ngữ

    * Template: Là một một bộ code mà bạn có thể dùng ở nhiều nơi mà không cần phải code lại.
    * Template file: Là một tập tin chứa một hoặc nhiều bộ code (Template). Mỗi trang có thể tạo ra nhiều tập tin mẫu. VD: index.php, style.CSS, sidebar.php,.v.v..
    * Theme or WordPress theme: Tất cả các tập tin mà bạn đang sử dụng: Văn bản, hình ảnh, mã (code), v.v… Chú ý: WordPress theme và Wordpress Template là hai thứ khác nhau. Mặc dù một số người cho rằng chúng như nhau.
    * Post: Hiện tại, bạn đang đọc một bài viết. Nó đơn giản chỉ là một bài viết, entry trên blog của bạn.

    Cấu trúc

    WordPress hoạt động dựa trên cấu trúc phân cấp và tìm kiếm tập tin trong giao diện để xác định tập tin nào cần được sử dụng; ví dụ khi xem một trang, WordPress sẽ tìm tập tin theo thứ tự pagename.php, page.php, index.php; hay khi vào trang chủ, WordPress sẽ tìm tập tin home.php rồi mới tới index.php, tất cả những tập tin php này được gọi là một bản mẫu (Template). Trong quá trình tìm kiếm, nếu WordPress không tìm thấy tập tin có cấp độ ưu tiên cao hơn nó sẽ tìm các bản mẫu có độ ưu tiên thấp hơn và cuối cùng WordPress sẽ sử dụng bản mẫu index.php, đó là lí do vì sao them chỉ có 2 tập tin style.CSS và index.php vẫn hoạt động.

    [​IMG]

    Theo Blog HuTruc
     
  2. babyinternet

    babyinternet Administrator

    Tham gia ngày:
    4/7/08
    Bài viết:
    4,655
    Đã được thích:
    1,587
    Điểm thành tích:
    113
    Nơi ở:
    [}{]e[][]
    Trong bài 1, chúng ta đã thông qua các nguyên tắc và thuật ngữ, bài này sẽ giúp bạn làm quen với Template Files, Templates và cấu trúc của mỗi trang.


    Có một điều cần nhớ là mỗi trang trong blog của bạn được tạo ra từ nhiều template files. VD một trang dưới đây:

    [​IMG]


    Trong VD trên, một trang được tạo từ các template files: header.php, index.php, sidebar.php, footer.php.
    Header Template File

    [​IMG]

    Tên blog và Mô tả của blog thường được đặt ở phần này: Index Template File

    [​IMG]

    Phần này chứa tiêu đề, nội dung (bao gồm văn bản, hình ảnh, video, v.v... ) của mỗi bài viết và các thông tin của bài viết như: Tác giả, thời điểm viết bài, chuyên mục, phản hồi, v.v...
    Sidebar Template File

    [​IMG]


    Phần này thường đặt danh sách trang, chuyên mục, bài viết lưu trữ, liên kết,v.v... Nó không nhất thiết phải nằm bên phải. Ở đây là một ví dụ với cấu trúc 2 cột, và nó được đặt bên phải.
    Footer Template File

    [​IMG]

    Tương tự như header.php, footer thường không chứa nhiều liên kết đến các bài viết. Bạn có thể đặt bất cứ gì mình thích, nhưng thường là các thông tin bản quyền, tên theme, liên hệ, .v.v...
    Bây giờ, HuTruc sẽ giải thích tại sao index.php được đánh dấu màu đỏ, trong vd trên. Index.php được đánh dấu màu đỏ để cho biết là khu vực này sẽ thay đổi tùy thuộc vào vị trí trang bạn đang xem.

    Nếu bạn đang xem bài viết riêng lẽ, thì trang sẽ bao gồm 4 template file: header.php, single.php, sidebar.phpfooter.php

    [​IMG]

    Theo bài viết của HuTruc trên WordPress VN - Còn tiếp :detective:
     
  3. mrlight

    mrlight Dã từ world wide web Super Moderator

    Tham gia ngày:
    16/10/08
    Bài viết:
    471
    Đã được thích:
    0
    Điểm thành tích:
    16
    Nơi ở:
    Nhà tui
    khá hay đánh dấu tối về đọc giờ đi công chuyện :D
     
  4. paragame

    paragame Lính mới

    Tham gia ngày:
    4/10/10
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Ông này đểu thật, spam mà không ai kêu được. :p
     
  5. vanloc

    vanloc Lính mới

    Tham gia ngày:
    22/11/11
    Bài viết:
    6
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mấy cái này là dành cho bản 2.7 - 2.8 cũ rồi bác
     
  6. samnv.90

    samnv.90 Lính mới

    Tham gia ngày:
    19/11/11
    Bài viết:
    4
    Đã được thích:
    0
    Điểm thành tích:
    1
    WordPress themes đẹp lắm.mình đang dung 2.8
    Thank bác
     
  7. ivnshare.com

    ivnshare.com Đang làm quen

    Tham gia ngày:
    22/10/11
    Bài viết:
    88
    Đã được thích:
    0
    Điểm thành tích:
    6
    cong tiếp mà kg thấy viết tiếp nhỉ . Có bị coi là đào mộ kg đây
     
  8. mrkita.pro

    mrkita.pro Đang làm quen

    Tham gia ngày:
    8/10/11
    Bài viết:
    130
    Đã được thích:
    0
    Điểm thành tích:
    16
    Em cũng đang chập chững trên con đường Wp.Cám ơn những chia sẻ của Bác :)
     
  9. marketing01

    marketing01 Lính mới

    Tham gia ngày:
    4/1/12
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    cám ơn bác vô cùng, đang lóc cóc tìm hiểu wp, mấy hôm nay cực lực wa, =''=
     
  10. longk4

    longk4 Lính mới

    Tham gia ngày:
    5/6/10
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Chào mọi người,

    Mình mới làm quen với WP và có tập tành làm một số theme. Tuy nhiên mình gặp phải một vài vấn đề nhỏ là:

    - Khi click vào một category, nó ko list ra các bài viết trong category đó mà list hết tất cả, điều này cũng tương tự với khi search một từ nào đó, nếu có kết quả nó cũng trả về tất cả bài viết.
    - Mình có tạo một template page có tên là "home.php", nó khác với trang "index.php" là nó có thêm một image slider, và mình dùng trang home này làm trang chủ. Cả 2 trang đều có list các bài viết. Tuy nhiên, khi vào trang "index.php" thì các bài viết show phần summary content trước thẻ <!--more-->, còn trang "home.php" lại show full content. Mình có chỉnh trong Settings->Reading thành Summary mà ko có tác dụng.

    Hiện mình đang chạy trên localhost.
    Rất cám ơn mọi người đã đọc qua. Mong được sự giúp đỡ từ mọi người.
     
  11. probook1859

    probook1859 Đang làm quen

    Tham gia ngày:
    18/2/11
    Bài viết:
    376
    Đã được thích:
    0
    Điểm thành tích:
    16
    Em cũng đang tập tành cái wp này. nhưng khổ cái là css cũng như php rất kém, hi vọng có thể sửa được tem của wp theo ý mình. Em thấy có salonxeviet.com và blogradiovn.com tem rất đẹp. Có anh/ chị nào biết họ dùng tem gì không ?
     
  12. mcanh54

    mcanh54 Đang làm quen

    Tham gia ngày:
    5/4/12
    Bài viết:
    112
    Đã được thích:
    0
    Điểm thành tích:
    16
    cám ơn bác mình mới tập tành vào nghề wordpress, bài náy rất cần cho những member như mình
     
  13. buiduchieu

    buiduchieu Lính mới

    Tham gia ngày:
    1/6/12
    Bài viết:
    8
    Đã được thích:
    0
    Điểm thành tích:
    1
    Thanks cám ơn bác vô cùng em dang hoc ve wordpress rất cần những người tâm huyết như các bác ^^
     
  14. hydromedinc

    hydromedinc Lính mới

    Tham gia ngày:
    31/5/12
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Sữa ong chúa Swanson 1000 mg giá rẻ chỉ 330k, Hộp 100 viên. Mọi chi tiết xin liên hệ Ms Yến 0909559960
     
  15. tuyennv8

    tuyennv8 Guest

    wordpress mình làm cũng lâu rùi mà blog bị cho die toàn bộ rùi. giờ còn toàn host free thôi.:D
     
  16. vcombiz

    vcombiz Lính mới

    Tham gia ngày:
    3/6/12
    Bài viết:
    10
    Đã được thích:
    0
    Điểm thành tích:
    1
    Bài này lâu rùi mà. Bên Blog bác Nhân còn có nhiều bài về WP đầy đủ hơn thế này nhìu :)
     
  17. 19091990

    19091990 Lính mới

    Tham gia ngày:
    22/8/12
    Bài viết:
    8
    Đã được thích:
    0
    Điểm thành tích:
    1
    Rất hay cám ơn bài viết của bạn mình đang tìm hiểu về wordpress.
     
  18. supperbo

    supperbo Lính mới

    Tham gia ngày:
    20/7/10
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mình có theme WP eCom-framework, hiện tại mình dg cần chỉnh sản phẩm ở trang chủ nó show thêm ra nhiều SP hơn, mà mình chỉnh hoài ko đc. các bác nào biết giúp dùm e. cái này em mới nghiên cứu nên gà lắm.

    đó là web em đg tập làm. em dg cần gấp. các Pro giúp em voi
    site của em đây: http://giaiphapquantri.com/gada/

    đa tạ!
     
  19. luisphan

    luisphan Lính mới

    Tham gia ngày:
    1/12/14
    Bài viết:
    4
    Đã được thích:
    0
    Điểm thành tích:
    1
    Trước giờ chỉ biết dowload theme về xài mà không biết cách tạo ra nó như thế nào, giờ thấy bác hướng dẫn, lắm công phu thật
     
  20. banghiep1986

    banghiep1986 Lính mới

    Tham gia ngày:
    23/3/17
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Nơi ở:
    Thai Nguyen
    theme wordpress viết bán cho nước ngoài có yêu cầu chuẩn gì không?
     
Đang tải...

Chia sẻ trang này