Bài 1: Thiết kế giao diện cho hệ thống NukeViet 4.x

Thành viên quá tích cực
Tìm hiểu về Công việc thiết kế giao diện cho NukeViet

Công việc thiết kế giao diện cho NukeViet hoàn chỉnh sẽ cần 3 công đoạn với các chức danh và yêu cầu cụ thể như sau
Bảng phân hạng chức danh và công việc của VINADES.,JSC
STTCông việcChức danhYêu cầu chuyên mônPhần mềm cần thiếtSản phẩm của của công việc
1Vẽ (Design)Chuyên viên đồ họa (Designer)Vẽ giao diện web dưới dạng Layout có thể cắt HTMLđượcPhotoshop hoặc các phần mề đồ họa tương đươngFile đồ họa gốc và ảnh jpg hoặc PNG toàn trang
2Cắt (Cut)Kỹ thuật viênCắt giao diện đã được vẽ ra HTMLPhotoshop hoặc các phần mề đồ họa tương đương, các trình duyệt phổ biến và một vài trình soạn thảo code (Notepad++, EmEditor…)Trang web được thể hiện dưới dạng HTML
2.1Hợp chuẩn HTML(Valid)Kỹ thuật viênChuẩn hóa giao diện đã cắt đạt chuẩn W3CCác trình duyệt phổ biến và một vài trình soạn thảo code (Notepad++, EmEditor…)HTML đạt các chuẩn HTML 5 và CSS 3
3Ghép giao diệnKỹ thuật viênGhép HTML vào hệ thống NukeVietCác trình duyệt phổ biến và một vài trình soạn thảo code (Notepad++, EmEditor…)Giao diện được ghép đúng như được thiết kế, hợp chuẩn và không bị xung đột javascript với NukeViet (khi kéo thả block và sử dụng một số chức năng khác)
Bài viết này hướng dẫn công việc Ghép giao diện cho hệ thống NukeViet 4. Các công việc khác là đặc thù chuyên môn chung nên không được hướng dẫn chi tiết tại tài liệu này.
Tổng quan về theme của NukeViet

Các theme được đặt trong thư mục themes/. Mặc định hệ thống NukeViet có ba theme. Tên của thư mục chứa theme bao gồm chữ cái, chữ số, dấu – và dấu _ . Cấu trúc của một theme bao gồm:
  • Thư mục blocks: Chứa các block của giao diện.
  • Thư mục chứa các file css. Mỗi file css của module có tên là tên của module, khi người dùng truy cập một module thì file css này sẽ được load tự động, khi đóng gói module các file này cũng sẽ được đóng gói tự động.
  • Thư mục images: Chứa các file ảnh, một theme nên chứa các thư mục con: admin, arrows, icons. Trong thư mục này còn chứa các thư mục có tên là tên của module, khi đóng gói module, các thư mục này sẽ được đóng gói tự động.
  • Thư mục js: Chứa các file javascript nếu theme có sử dụng.
  • Thư mục layout: Chứa các file tpl – các file định dạng cho theme.
  • Thư mục modules: Trong thư mục này chứa các thư mục có tên là tên của module, khi đóng gói một module các thư mục tương ứng cũng được đóng gói.
  • Thư mục system: Chứa các file tpl hệ thống, thông thường mỗi theme đều giống nhau về các file này, không cần phải sửa chúng.
  • File config.ini: Thiết lập theme.
  • File default.jpg: Ảnh mô tả theme.
  • File favicon.ico: Icon của theme.
  • File theme.php: File chức năng của theme.
Chú ý: Cấu trúc trên chỉ mang tính tương đối, tùy vào mục đích của người làm giao diện mà có thể bố trí các thư mục hoặc file khác nhau và khác với cấu trúc gợi ý trên.​
 
Thích: vn5chau.com
Thành viên mới
cho mình hỏi thay đổi tên theme trong file nào nhỉ. vì khi mình vào admin pc chọn giao diện cho máy tính ko có tên theme của mình mà chỉ có theme mặc định.
mình thử đóng gói theme và cài từ trong admin pc thì báo lỗi phiên bản không hợp lệ, mặc dù theme đó mình coppy từ theme mặc định để sửa lại giao diện.
 
--= Roll With The Wind =--
Quản trị viên
cho mình hỏi thay đổi tên theme trong file nào nhỉ. vì khi mình vào admin pc chọn giao diện cho máy tính ko có tên theme của mình mà chỉ có theme mặc định.
mình thử đóng gói theme và cài từ trong admin pc thì báo lỗi phiên bản không hợp lệ, mặc dù theme đó mình coppy từ theme mặc định để sửa lại giao diện.
Tên theme có thể đổi vào config.ini của theme.
Ví dụ: \themes\default\config.ini

Vấn đề còn lại, khi tải theme về, bạn thu được file zip.
Mở ra sẽ thấy 1 thư mục chứa theme và 1 file config.ini khác.

Hãy mở ra và tìm cấu trúc phiên bản dạng : x.y.zz

Hảy chỉnh làm sao zz > 00 là được.
Ví dụ: 1.0.01
 
Thích: ledung
Thành viên mới
Tên theme có thể đổi vào config.ini của theme.
Ví dụ: \themes\default\config.ini

Vấn đề còn lại, khi tải theme về, bạn thu được file zip.
Mở ra sẽ thấy 1 thư mục chứa theme và 1 file config.ini khác.

Hãy mở ra và tìm cấu trúc phiên bản dạng : x.y.zz

Hảy chỉnh làm sao zz > 00 là được.
Ví dụ: 1.0.01
mình đã sửa được chỗ đó rồi.
nhưng khi cài theme lên thì báo lỗi : Gói ứng dụng không đầy đủ thông tin, vui lòng kiểmt tra lại
 
--= Roll With The Wind =--
Quản trị viên
mình đã sửa được chỗ đó rồi.
nhưng khi cài theme lên thì báo lỗi : Gói ứng dụng không đầy đủ thông tin, vui lòng kiểmt tra lại
Bạn gửi file zip lên đây mình xem thử.
 
Thành viên mới
đây bạn xem dùm mình với
 

Attachments

--= Roll With The Wind =--
Quản trị viên
Thử lại xem.
 

Attachments

Thành viên mới
vaanc báo lỗi :Gói ứng dụng không đầy đủ thông tin, vui lòng kiểmt tra lạibạn à
 
--= Roll With The Wind =--
Quản trị viên
vaanc báo lỗi :Gói ứng dụng không đầy đủ thông tin, vui lòng kiểmt tra lạibạn à
 

Attachments

Thích: ledung
Thành viên mới
được rồi bạn ơi, nó bị sai chỗ nào vậy bạn? chi rminhf sửa với
 
Thành viên mới
còn cái chọn giao diện cho pc sao nó không nhận diện được theme của mình để chọn vậy bạn ?
 
--= Roll With The Wind =--
Quản trị viên
được rồi bạn ơi, nó bị sai chỗ nào vậy bạn? chi rminhf sửa với
Thì cài thủ công vào thôi bạn :D

còn cái chọn giao diện cho pc sao nó không nhận diện được theme của mình để chọn vậy bạn ?
Bạn đã kích hoạt nó trong quản lý giao diện chưa ?
 
Thích: ledung
Thành viên mới
Thì cài thủ công vào thôi bạn :D



Bạn đã kích hoạt nó trong quản lý giao diện chưa ?
mình chọn giao diện của mình là giao diện mặc định rồi. nhưng khi vào cấu hình site thì ko có trong mục chọn theme cho giao diện PC đó bạn
 
--= Roll With The Wind =--
Quản trị viên
mình chọn giao diện của mình là giao diện mặc định rồi. nhưng khi vào cấu hình site thì ko có trong mục chọn theme cho giao diện PC đó bạn
Bạn chụp hình chỗ đó lên dùm.
 
Thích: ledung
Thành viên mới
được rồi bạn, cài thủ công tự nhiên nó lại nhận.
mà theme mặc định chỉ thay thư mục css và layout thôi mà khi úp lên báo lỗi hệ thống không tương thích.
thank bạn đã giúp đỡ nhé !