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

Chủ nhật - 06/09/2009 03: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

Giấy phép sử dụng NukeViet

Bản dịch tiếng Việt của Giấy phép Công cộng GNU Người dịch Đặng Minh Tuấn Đây là bản dịch tiếng Việt không chính thức của Giấy phép Công cộng GNU. Bản dịch này không phải do Tổ chức Phần mềm Tự do ấn hành, và nó không quy định về mặt pháp lý các điều khoản cho các...

Thăm dò ý kiến

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

Thống kê truy cập
  • Đang truy cập173
  • Máy chủ tìm kiếm1
  • Khách viếng thăm172
  • Hôm nay49,140
  • Tháng hiện tại733,064
  • Tổng lượt truy cập50,069,360
  • Google phát hành search engine hỗ trợ tìm kiếm những tệp datasets

    Mục đích của Google luôn là giúp tổ chức, mã hóa và sắp xếp thông tin của thế giới với mục tiêu đầu tiên của nó là những trang web thương mại. Giờ đây, hãng muốn làm điều tương tự cho cộng đồng khoa học với một công cụ tìm kiếm mới cho bộ dữ liệu.
  • NukeViet tham gia OpenTechSummit Vietnam 2019

    OpenTechSummit là một chuỗi sự kiện về công nghệ tập trung vào các giải pháp phần cứng, phần mềm và các dự án nguồn mở ở khắp nơi trên thế giới được tổ chức thường niên từ 2009 đến nay. Năm nay, OpenTechSummit Vietnam 2019 với chủ đề “The future is FOSS" được tổ chức bởi 3 đối tác: FOSSASIA (Singapore), VFOSSA và Officience Vietnam diễn ra tại thành phố Hồ Chí Minh từ ngày 11-12/10/2019. NukeViet lần đầu mang đến sự kiện này thông tin về NukeViet 5.0 và giải pháp Autoweb dành cho các nhà phát triển web.
  • Google DNS hỗ trợ bảo mật DNS-over-TLS

    Google đã hỗ trợ giao thức bảo mật DNS-over-TLS, các nhà cung cấp dịch vụ sẽ không thể giám sát website bạn truy cập.
  • Google thử nghiệm tính năng ‘DNS over HTTPS’ (DoH) trong Chrome 78

    Ngay sau khi Mozilla công bố kế hoạch sớm bật ‘ DNS over HTTPS ‘ (DoH) cho người dùng Firefox ở Hoa Kỳ, Google hôm nay cho biết họ đang lên kế hoạch thử nghiệm công nghệ tập trung vào quyền riêng tư trong Chrome 78 sắp tới
  • Nhân Hòa tích hợp NukeViet vào Cloud365 và demo tại SFD 2019

    Ngày hội phần mềm tự do nguồn mở - Software Freedom Day (SFD) là sự kiện thường niên, được tổ chức hằng năm trên thế giới. Tại Việt Nam, SFD được tổ chức và quảng bá bởi Câu lạc bộ Phần mềm tự do nguồn mở (VFOSSA). Tại SFD 2019, Nhân Hòa giới thiệu Cloud365 tích hợp sẵn NukeViet.
  • Thông báo phát hành NukeViet 4.3.07

    NukeViet 4.3.07 tiếp tục là bản tiếp theo của thế hệ NukeViet 4.3. Phiên bản này tập trung vào sửa lỗi và thực hiện một số tối ưu hệ thống đồng thời bổ sung một vài tính năng nhỏ.
  • Người sử dụng sẽ sớm có thể cài đặt NukeViet tự động từ Softaculous

    NukeViet sẽ sớm có thể cài đặt tự động từ các control panel phổ biến như cPanel, DirectAdmin, Plesk thông qua Softaculous
 
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