Hướng dẫn tự xây dựng theme cho NukeViet 2.0

Thứ bảy - 05/09/2009 16:38

Hướng dẫn tự xây dựng theme cho NukeViet 2.0

Bài viết này sẽ giúp các bạn có một cái nhìn tổng quan về kiến trúc theme NukeViet 2.0 RC2 qua việc tìm hiểu vị trí & hình thức của các hàm cơ bản trong theme. Từ đó có thể tự mình tìm hiểu và xây dựng theme trên nền hệ thống NukeViet 2.0
Tổng quan kiến trúc trang chủ (với module News làm module chính.)
Hình ảnh
Bài 1: Các khái niệm về theme.
  1. Theme là gì?
    Trong hệ thống NukeViet, theme là các giao diện khác nhau giúp bạn có thể thay đổi hình thức website một cách nhanh chóng. Mỗi theme trong hệ thống NukeViet được tạo bởi một hệ thống các tệp tin trong đó quan trọng nhất (bắt buộc phải có ở tất cả các theme) là 2 tệp tin theme.php và style.css, ngoài ra còn có thể có các tệp hình ảnh đồ họa với mục đích trang trí cho Website.
  2. NukeViet sử dụng theme như thế nào trong việc thể hiện giao diện trang Web?
    Theme là một giải pháp đơn giản nhất mà các portal như NukeViet sử dụng trong việc thể hiện giao diện Website. Với giải pháp này, các ứng dụng & tính năng hệ thống được tách riêng, giao diện Website được tách riêng. Việc tách riêng như vậy giúp cho công việc thiết kế giao diện thoát khỏi việc đi kèm với việc thiết kế các ứng dụng và ngược lại, đây là một kiểu chuyên nghiệp hóa và cũng là đơn giản hóa công việc thiết kế giao diện. Như vậy khi nạp hệ thống chỉ cần trộn tính năng với giao diện là bạn sẽ có một Website hoàn chỉnh, rất uyển chuyển mà không sợ đụng hàng.
  3. Cấu trúc file của một theme trong NukeViet?
    Một theme chuẩn trong hệ thống NukeViet được bố trí theo cấu trúc như sau:
      theme.php
      style\style.css
      images\các file ảnh sử dụng trong theme (nếu có)
    Tất cả các file và thư mục trên được đặt trong một thư mục, tên thư mục chính là tên theme. Ta gọi chúng là theme. Các theme được đặt trong thư mục themes của hệ thống NukeViet.
    Như vậy, nếu nhìn từ thư mục gốc của hệ thống NukeViet thì 1 theme có cấu trúc cây thư mục như sau:
      themes\Tên_theme\theme.php
      themes\Tên_theme\style\style.css
      themes\Tên_theme\images\các file ảnh sử dụng trong theme (nếu có)
  4. Quy ước tên theme:
    Tên theme chuẩn được quy ước như sau:
    - Tên theme chính là tên thư mục, vì vậy nó được quy ước theo cách đặt tên thư mục trong hệ thống Unix. ngoài ra nó cũng cần đảm bảo quy cách tên theo quy định của hệ thống NukeViet. Để đơn giản, ta quy ước:
      + tên theme bắt đầu bằng một chữ cái (hoa hoặc thường)trong bảng chữ cái latin hoặc 1 số trong bảng chữ số thập phân.
      + Từ ký tự thứ 2 trở đi có thể bao gồm các ký tự: a-z, A-Z, 0-9 và ký tự "_"
    - Các ký tự chữ hoa và thường được các máy chủ Unix phân biệt khác nhau trong khi Windows coi nó như nhau.
    Để tránh những rắc rối, nên đặt tên theme bằng những chữ cái viết thường. Tuyệt đối không sử dụng dấu cách tróng và các ký tự đặc biệt.
  5. Thay đổi cấu trúc theme của hệ thống NukeViet được không?
    Trong quy trình nạp theme, NukeViet sẽ gọi 2 file là theme.php và style.css đầu tiên, do đó trên nguyên tắc chỉ cần 2 file này đảm bảo tuân thủ cấu trúc theme của NukeViet là hệ thống sẽ chạy được.

    Ngoài các file và cấu trúc theme như trình bày ở trên, theme có thể chứa các files và thư mục khác được gọi ra thông qua theme.php tùy cách trình bày của người viết (sẽ giới thiệu với các bạn trong quá trình viết theme). Tuy nhiên, dù thế nào bạn cũng nên gom tất cả các file vào trong thư mục chứa theme để dễ quản lý.
Thảo luận Bài 1: Các khái niệm về theme.

Bài 2: Nhập môn thiết kế theme cho NukeViet
  1. Kỹ năng tối thiểu cần có của người viết theme để có thể tiếp thu bài viết này:
      - Hiểu biết căn bản về Web & ngôn ngữ HTML, biết một chút về CSS
      - Biết một chút về PHP: Cấu trúc thẻ, cách chuyển từ HTML sang PHP.
      - Biết sử dụng các kỹ năng tin học văn phòng căn bản: Word,...
  2. Các phần mềm sử dụng để viết theme:
  3. Các tài liệu tham khảo:
    Học HTML căn bản: http://www.vitinh.de/ihtml/ihtml_menu.htm (xem bằng bảng mã encoding Western ISO-8859-1)
    Học các kiến thức căn bản về Dhtml Css Xml Javascript PHP Flash: http://tvphp.net
  4. Các diễn đàn bổ trợ:
    CSS, HTML & JavaScript viewforum.php?f=77&start=0
    Đồ họa: viewforum.php?f=13&start=0
    PHP & MySQL: viewforum.php?f=79&start=0

Thảo luận Bài 2: Nhập môn thiết kế theme cho NukeViet

Các bài tiếp:
Bài 3: Bổ trợ kiến thức: Biến $index và cách trình bày cột trong theme
Bài 4: Bóc các thành phần HTML từ các mẫu template để làm dữ liệu nguồn xây dựng theme
Bài 5: Bổ trợ kiến trúc theme của NukeViet.
Bài 6: Viết các hàm (function) trong theme NukeViet.


Nguồn tin: laser - nukeviet.vn

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết

  Ý kiến bạn đọc

Những tin mới hơn

Những tin cũ hơn

Logo và tên gọi NukeViet

Tên gọi: NukeViet phát âm là [Nu-Ke-Việt], đây là cách đọc riêng, không phải là cách phát âm chuẩn của tiếng Anh. Ý nghĩa: NukeViet là từ ghép từ chữ Nuke và Việt Nam. Sở dĩ có tên gọi này là vì phiên bản 1.0 và 2.0 của NukeViet được phát triển từ mã nguồn mở PHP-Nuke. Mặc dù từ phiên bản 3.0,...

Thăm dò ý kiến

Lợi ích của phần mềm nguồn mở là gì?

Tin xem nhiều
Thống kê truy cập
  • Đang truy cập236
  • Máy chủ tìm kiếm6
  • Khách viếng thăm230
  • Hôm nay53,137
  • Tháng hiện tại987,814
  • Tổng lượt truy cập40,261,473
Thông tin mời thầu
vinades
Tin từ NukeViet.vn

  • Microsoft Edge chính thức chuyển sang nền tảng Chromium, sẽ ra mắt trong năm 2019

    Không còn là tin đồn nữa, Microsoft vừa qua đã chính thức xác nhận sẽ chuyển trình duyệt Edge sang nền tảng Chromiumtương tự như Chrome của Google. Sự chuyển đổi này sẽ được hoàn tất vào năm 2019 và hứa hẹn sẽ đem lại trải nghiệm tốt hơn cho người dùng.

  • FireFox ra mắt phiên bản 63 với tính năng Content blocking giúp chặn theo dõi toàn diện

    Trình duyệt Mozilla Firefox 63 được tung ra kèm với tính năng Enhanced Tracking Protection để chặn cookie của bên thứ 3. Đáng chú ý là tính năng này được kích hoạt mặc định và ngay lập tức tất cả các nút mạng xã hội tích hợp lên website, các mã quảng cáo, mã thống kê truy cập... đều bị chặn.

  • Hướng dẫn kích hoạt reCaptcha trên NukeViet

    reCAPTCHA là công cụ hữu ích phòng chống SPAM được cung cấp bởi google. Ngày nay, đã và rất nhiều website sử dụng reCAPTCHA, không nằm ngoài nhóm đối tượng đó, các nhà phát triển đã tích hợp reCAPTCHA kể tư phiên bản NukeViet 4.1.01

  • Thông báo phát hành NukeViet 4.3.04

    NukeViet 4.3.04 tiếp tục là bản tiếp theo của thế hệ NukeViet 4.3. Ngoài các cải tiến về hệ thống, phiên bản này còn là bản cập nhật quan trọng để sửa lỗi bảo mật của thế hệ NukeViet 4.x

  • Hướng dẫn Fix lỗi bảo mật của NukeViet 4.x

    Ban quản trị NukeViet thông báo: các phiên bản NukeViet 4 (< 4.3.04) hiện tại đang chứa lỗi bảo mật. Đề nghị các bạn thực hiện tải bản vá cho website của mình. Lỗi này được Zepto Team phát hiện, và bạn hungnguyenmz thông báo cho ban quản trị ngày 14/11/2018. Đội code NukeViet đã hoàn thành vá lỗi, bản vá được phát hành vào ngày 15/11/2018 cho tất cả các phiên bản chính thức của NukeViet 4.x

  • Hướng dẫn cài đặt NukeViet lên Hostinger

    NukeViet là một CMS mã nguồn mở được viết bằng PHP và sử dụng MySQL làm hệ quản trị cơ sở dữ liệu. Nukeviet được phát hành từ năm 2004 và vẫn giữ vững là một trong các CMS tốt nhất cho người Việt. NukeViet phù hợp cho việc tạo blog cá nhân, site tin tức, báo mạng, website giới thiệu doanh nghiệp.

  • NukeViet đồng hành cùng Hacktoberfest Hanoi

    NukeViet sẽ đồng bảo trợ cho sự kiện Hacktoberfest Hà Nội. Tuy nhiên tất cả các thành viên trong cộng đồng NukeViet ở khắp nơi trên thế giới đều có thể tham gia
 
Kế hoạch lựa chọn nhà thầu
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây