Các vấn đề khi thiết kế một giao diện mới cho NukeViet

Các vấn đề khi thiết kế một giao diện mới cho NukeViet

v Việc thiết kế một giao diện mới cho NukeViet 3 gồm những công đoạn nào.

Công tác xây dựng giao diện cho NukeViet 3 gồm những công đoạn chính sau:

+ Vẽ và cắt giao diện.

+ Valid CSS, xHTML.

+ Ghép giao diện cho hệ thống.

v Chỉnh sửa 1 theme nukeviet mặc định của NukeViet

Để đảm bảo việc chỉnh sửa không ảnh hưởng khi thực hiện nâng cấp hệ thống sau này, bạn không nên sửa trực tiếp lên các file hệ thống của NukeViet. Ban Quản Trị NukeViet khuyến nghị người sử dụng nên copi theme thành bản mới và thực hiện mọi chỉnh sửa trong đó. Việc này sẽ giúp bạn giữ lại các chỉnh sửa của mình ngay cả khi hệ thống đã nâng cấp (khi nâng cấp các file cũ sẽ bị ghi đè), ngoài ra nó cũng sẽ giúp cho nếu chẳng may hệ thống bị lỗi sau khi nâng cấp thì đơn giản bạn chỉ cần kích hoạt lại giao diện cũ.
Bạn cần vào thư mục /theme/ để copi thư mục chứa theme cần chỉnh sửa ra thư mục mới và đặt tên nó sử dụng các ký tự latin (a-z, 0-9), không sử dụng ký tự đặc biệt, các tên có dấu... sau đó vào Admin Control Panel của NukeViet để kích hoạt việc sử dụng theme mới này. Mọi việc chỉnh sửa bạn hãy thực hiện trên giao diên mới này.

v Công cụ hỗ trợ thiết kế giao diện cho NukeViet:

Bạn có thể sử dụng công cụ tạo theme mẫu hợp chuẩn NukeViet để xây dựng theme mới cho NukeViet được nhanh hơn. Công cụ này có tại địa chỉ: http://nukeviet.vn/vi/nvtools/theme/

v  Thêm vị trí mới cho giao diện

Bạn cần mở file config.ini copy đoạn code sau:

    <position>
         <name>TEN_VITRI_MOI</name>
         <tag>[TEN_VITRI_MOI]</tag>
</position>

   Chèn sau đoạn code này (thông thường mọi theme của NukeViet 3 đều có vị trí này):

   <position>
         <name>HEADER</name>
         <tag></tag>
</position>

   Tiếp theo, bạn cần vào layout mặc định và dán [TEN_VITRI_MOI] vào nơi bạn muốn thêm vị trí, tuy nhiên thì bạn cũng phải chú ý đến công đoạn xử lý css cho nó.

TEN_VITRI_MOI là tên vị trí mới mà bạn muốn tạo.

v Rip theme cho NukeViet 3

RIP theme cho NukeViet 3 là công việc mà người ta sử dụng một giao diện web để biến nó thành giao diện cho NukeViet 3. Xét về kỹ thuật, Rip theme chính là công việc Ghép giao diện cho hệ thống - một trong 3 công đoạn chính để xây dựng 1 giao diện mới cho NukeViet 3.

Rip theme là một công việc, vì vậy bản thân nó không xấu, nó chỉ xấu khi được sử dụng với mục đích xấu. Ví dụ rip theme với mục đích ăn cắp giao diện của một website khác...

Để làm phong phú kho giao diện cho NukeViet 3, Ban Quản Trị NukeViet và đã thống nhất với những thành viên tham gia làm giao diện cho NukeViet một quy ước là không rip giao diện của những website làm bằng NukeViet. Không rip các giao diện có bản quyền...

Để rip các theme cho NukeViet, các bạn nên tìm chọn các template html miễn phí, hiện nay những template này được cung cấp rất nhiều trên mạng, bạn có thể dễ dàng lựa chọn 1 template ưng ý để làm thành giao diện cho NukeViet mà không lo ngại việc vi phạm bản quyền.

v Cách rip theme nhanh nhất

Cách nhanh nhất là bạn sử dụng theme mặc định, copi thành theme mới và sửa trên nền theme vừa copi này. Bạn chỉ cần thay thế dần dần các thành phần là HTML, CSS, images... cho phù hợp.
Một cách khác: Nếu bạn đã am hiểu NukeViet rồi thì có thể rip theme từ theme mẫu do công cụ tạo theme tạo ra.

v Xử lý lỗi khi chèn unicode vào giao diện

Thông thường các file php đều ở dạng encode in ANSI, bạn cần chuyển về chế độ encode in UTF-8 để không bị lỗi font khi trực tiếp chèn vào layout.

v Lỗi giao diện khi upload từ máy lên hosting

Sau khi bạn upload từ máy tính lên host bạn cần chỉnh sửa lại file .htaccess ở thư mục chứa NukeViet
Tìm dòng
RewriteBase /thu muc code/
Nếu để code ở thư mục gốc thì sửa lại: RewriteBase /
Còn nếu đặt NukeViet tại thư mục con thì sửa lại tên thư mục chứa code.

v Chuẩn HTML sử dụng cho giao diện NukeViet

Bạn nên sử dụng chuẩn xHTML 1 thay thế cho HTML 4.x.
Các thẻ table dùng để căn khung trong HTML 4.x dễ làm vỡ khung giao diện và khiến cho tốc độ tải trang nặng nề hơn là sử dụng thẻ div

v Vai trò của giao diện mặc định của NukeViet
Trong phần quản lý giao diện tại mỗi giao diện mặc định chúng tôi đều đã có cảnh báo : "Bạn không được xóa, đổi tên và không nên sửa trực tiếp vào giao diện này." Chính vì vậy để không gặp rắc rối và tránh những lỗi đáng tiếc khi update bạn không nên chỉnh sửa trực tiếp vào các giao diện này.

Vai trò của giao diện mặc định của NukeViet ngoài khả năng cho phép sử dụng trực tiếp như một giao diện thông thường thì nó còn có nhiệm vụ đảm bảo chứa mọi thành phần giao diện của các module. Khi một module được sử dụng, nó sẽ cần giao diện để trình bày dữu liệu, Nếu giao diện đang sử dụng không có giao diện cho module này, hệ thống sẽ tìm tới giao diện mặc định. Nếu giao diện mặc định cũng không có thì hệ thống sẽ báo lỗi.

v Thay đổi nội dung file CSS nhưng không thấy áp dụng vào website

Mã nguồn Nukeviet sử dụng cơ chế tối ưu hóa website. Mặc định khi cài đặt tính năng này sẽ được kích hoạt toàn site. Khi ở chế độ này thì lần đầu vào website nó sẽ tự động load các css cần thiết và tập trung vào một file lưu vào thư mục file/css. Lần sau truy cập vào nó sẽ không load lại các css nữa mà sẽ load thẳng vào file css trong thư mục file/css. Chính vì vậy mỗi lần thay đổi css thì bạn phải vào Admin Control Panel/Công cụ Web - > Dọn Dẹp Hệ Thống - > Chọn "Làm sạch Cache" . Sau đó ra trang chủ refresh trang web để nó load lại file CSS.

Ngoài ra có thể vào Admin Control Panel/ Cấu hình/ Cấu hình chung/ Kích hoạt chức năng tối ưu site: Không kích hoạt. Như vậy bạn có thể chỉnh sửa thoái mái.

K44TKKD_HoangSi

Share This:

Tags:

Học tập Nukeviet Tin học

• Prevoius
• Next