Hướng dẫn chỉnh sửa giao diện nukeviet 4 toàn tập

Tại những vị trí phù hợp, NukeViet tích hợp sẵn trình soạn thảo CKeditor giúp người sử dụng dễ dàng biên tập nội dung trên giao diện trực quan và thân thiện như làm việc với phần mềm Microsoft Word hay OpenOffice. Hiện tại NukeViet 4 cũng đã mở sẵn để tích hợp các trình soạn thảo khác.

Tại những vị trí phù hợp, NukeViet tích hợp sẵn trình soạn thảo CKeditor giúp người sử dụng dễ dàng biên tập nội dung trên giao diện trực quan và thân thiện như làm việc với phần mềm Microsoft Word hay OpenOffice. Hiện tại NukeViet 4 cũng đã mở sẵn để tích hợp các trình soạn thảo khác.

Những bài viết được liệt kê trong trang này được biên tập và liệt kê theo dạng một cuốn sách Hướng dẫn sử dụng NukeViet 4, do đó mặc dù mỗi bài viết trong đó có thể được tách rời để dễ dàng quản lý (và đặc biệt là được cập nhật thường xuyên) nhưng trình tự nội dung của nó (theo mục lục này) vẫn thể hiện theo dạng một cuốn sách liên mạch và thông suốt được biên tập đầy đủ, công phu.

Cuốn sách này được viết nhằm giúp đỡ các bạn yêu thích tạo web có một tài liệu đầy đủ về hệ thống tạo web NukeViet 4. Với cẩm nang này, bạn có thể tạo dựng cho mình 1 website một cách dễ dàng. Thậm chí chỉ cần thêm một chút hiểu biết về web cùng với hướng dẫn này là bạn có thể tạo dựng một website tin tức, một cửa hàng trực tuyến hay một kênh giải trí Game - Nhạc … chuyên nghiệp.

Trong tài liệu này, chúng tôi sẽ hướng dẫn các bạn bắt đầu từ việc cài đặt, quản trị hệ thống NukeViet 4, bên cạnh đó chúng tôi cũng sẽ hướng dẫn sử dụng thêm các chức năng của Cpanel, các phần mềm FTP clients, các thủ thuật liên quan đến hệ thống NukeViet 4.

  • Bạn không nhất thiết phải đọc lần lượt, có thể lướt qua mục lục và xem ngay mục mình quan tâm, sau đó, bạn có thể quay lại đọc những mục có liên quan bất cứ lúc nào nếu bạn không hiểu.

Chúng tôi tách riêng bài viết ra theo mục và đặt nó tại các trang khác nhau. Nếu các mục dưới đây không được gắn link truy cập tức là nó đã nằm trong bài viết tại mục chính.

Từ NukeViet 3, việc thiết kế giao diện cho NukeViet đã có một số "quy tắc ngầm" ít được phổ biến và đa số người xây dựng giao diện không cần quan tâm đến nó. Tương tự, giao diện NukeViet 4 cũng có những lưu ý mà chưa được nhắc đến, hoặc bạn chưa tiếp cận được, kết quả, sản phẩm của bạn làm ra chưa vận dụng hết được những tài nguyên mà NukeViet đã cung cấp, và ... dĩ nhiên là không tối ưu. Cơ bản là, bạn thiết kế giao diện chỉ để đáp ứng được yêu cầu trước mắt, còn về sau thì (bảo trì, bảo hành sản phẩm) chưa cần quan tâm? 1. Chỉnh sửa giao diện default (giao diện mặc định) Đây là một vấn dề cơ bản và nghiêm trọng. Phần lớn người dùng bắt đầu khi có nhu cầu chỉnh sửa lại giao diện đều nghĩ ngay đến việc sửa luôn tại giao diện mặc định (default), điều này là không nên! Bạn cần biết, default được xem là giao diện hệ thống, sau mỗi lần nâng cấp phiên bản, giao diện default thường được ghi đè các thay đổi, do đó, nếu bạn đã chỉnh sửa giao diện default trước đó, thì lúc nâng cấp phiên bản NukeViet website bạn có khả năng mất hết các thay đổi này (vì như mình nói trước đó, các file sẽ bị ghi đè). Giải pháp thế nào? Vấn đề này không quá khó, để không vấp phải vấn đề này, bạn chỉ cần

  • Copy thư mục themes/default thành một thư mục khác. Ví dụ là themes/giaodienmoi
  • ACP / Quản lý giao diện. Lúc này, giaodienmoi có diện mạo hoàn toàn giống giao diện mặc định sẽ xuất hiện trong danh sách giao diện. Chọn Cài đặt giao diện theo cấu hình mặc định => Kích hoạt sử dụng

Và bây giờ, bạn hoàn toàn có thể chỉnh sửa theo ý bạn trên giao diện mới tạo ra mà không làm ảnh hưởng gì đến giao diện mặc định. 2. Chỉnh sửa trực tiếp vào module, block hệ thống Trong quá trình thiết kế giao diện, bạn sử dụng các block hay module của hệ thống (news, contact, users,....), yêu cầu giao diện đòi hỏi bạn phải chỉnh sửa lại các cấu trúc lập trình của các thành phần này và bạn "vô tư" chỉnh sửa nó. Lúc này, một số vấn đề sẽ phát sinh:

  • Sau khi nâng cấp, nếu có thay đổi, mọi thay đổi của bạn lên các file đó sẽ bị ghi đè
  • Khi bạn đóng gói giao diện để cài đặt cho một site khác, các file này không đướng đóng gói theo, dẫn đến giao diện ở site mới không hoàn toàn đúng với giao diện cũ

Giải pháp thế nào?

  • NukeViet 4 có một khái niệm mới là "Block giao diện". Block giao diện là loại block đi kèm cùng giao diện, được đặt tại thư mục themes/ten-theme/blocks
  • Thay vì chỉnh sửa vào các file hệ thống như đã làm ở trên, hãy chuyển các block đó thành block giao diện
  • Nếu tồn tại file themes/ten-theme/modules/module-name/theme.php (1) thì file này sẽ được hệ thống sử dụng thay cho file modules/module-name/theme.php (2), do đó, bạn có thể copy file (2) sang (1) để tùy ý chỉnh sửa file theme.php theo giao diện mà không làm ảnh hưởng đến file của module

Hướng dẫn chỉnh sửa giao diện nukeviet 4 toàn tập
Sử dụng block giao diện thay vì chỉnh sửa vào mã nguồn hệ thống

3. Thư mục themes/ten-theme/modules chứa các module không cần chỉnh sửa Về vấn đề này, bạn cần biết một quy tắc sử dụng giao diện module trong NukeViet bạn cần biết:

  • Nếu tồn tại thư mục themes/ten-theme/modules/module-name, thì sử dụng các tập tin *.tpl trong thư mục này, ngược lại, sử dụng các file *.tpl từ themes/default/modules/module-name
  • Nếu tồn tại file themes/ten-theme/modules/css/module-name.css, thì sử dụng file css này, ngược lại, sử dụng file themes/default/css/module-name.css
  • Nếu tồn tại file themes/ten-theme/modules/js/module-name.js, thì sử dụng file css này, ngược lại, sử dụng file themes/default/js/module-name.js

    Do đó, trong thư mục themes/ten-theme/modules/module-name chỉ nên chứa các module cần được chỉnh sửa, tương tự cho js và css. Điều này làm giảm bớt thời gian nâng cấp giao diện sau mỗi lần nâng cấp phiên bản NukeViet, hạn chế các lỗi phát sinh không đáng có. Và đây cũng là lý do không nên sửa vào giao diện default, như đã đề cập ở phần 1 bên trên.

    Hướng dẫn chỉnh sửa giao diện nukeviet 4 toàn tập
    Thư mục modules không cần thiết phải có tất cả các thư mục giao diện của module Kết luận Những vấn đề bên trên không làm ảnh hưởng đến việc bạn tạo ra một giao diện "hoạt động tốt" trên NukeViet, nhưng để đạt được hiệu suất trong công việc, để dễ giàng nâng cấp về sau, bạn cần chú ý tìm hiểu kỹ hơn. Mọi vấn đề xin để lại bình luận bên dưới.