Làm thế nào để tùy chỉnh Giao diện Dspace - Giao diện người dùng - Trang - JSPUI [How to Customize Dspace Layout / User Interface / Pages | JSPUI]
1. Tùy chỉnh giao diện
1.1 Tùy chỉnh giao diện JSP
1.1.1 Danh sách các file cần chỉnh sửa
- [dspace-source]/jsp/local/layout/*.jsp
- [dspace-source]/jsp/local/styles.css.jsp
1.1.2 Hướng dẫn
- Chỉnh sửa các file [dspace]webapps\jspui\layout\*.jsp
o header-default.jsp (trang header mặc định)
o footer-default.jsp (trang footer mặc định)
o location-bar.jsp (Location Bar)
o navbar.jsp (trang Navigation Bar mặc định – menu mặc định ngài trang chủ)
o navbar-admin.jsp (trang Navigation Bar – menu mặc định của quản trị)
- Chỉnh sửa file định dạng CSS:
o styles.css.jsp
- Tiến hành khởi động lại webserver
1.2 Tùy chỉnh giao diện XML
- Tìm file [dspace]\config\xmlui.xconf thẻ
- Trong đó :
o Name = “Default Reference Theme” : tên của giao diện là Default Reference Theme
o Path = “Reference/” : đường dẫn dến thư mục chứa giao diện, đường dẫn này chỉ tới thư mục [dspace]\webapps\xmlui\themes\Reference\
o regex=".*" : giao diện này được dùng cho tất cả các trang con của ứng dụng
- Có thể lựa chọn áp dụng giao diện này cho một phần của ứng dụng bằng cách thay đổi giá trị của thuộc tính regex
Ví dụ:
o regex="^$" : chỉ áp dụng giao diện này cho trang chủ của ứng dụng
o regex="^browse$" : áp dụng giao diện này cho các trang danh mục (trang tiêu đề, trang tác giả, trang theo ngày tháng)
o regex="community-list" : áp dụng giao diện này cho các trang cộng đồng
- Thay đổi giao diện muốn sử dụng bằng cách thay đổi giá trị của thuộc tính name và giá trị của thuộc tính path đến thư mục chứa giao diện muốn cài đặt
- Chỉnh sửa các file [dspace]webapps\jspui\layout\*.jsp
o header-default.jsp (trang header mặc định)
o footer-default.jsp (trang footer mặc định)
o location-bar.jsp (Location Bar)
o navbar.jsp (trang Navigation Bar mặc định – menu mặc định ngài trang chủ)
o navbar-admin.jsp (trang Navigation Bar – menu mặc định của quản trị)
- Chỉnh sửa file định dạng CSS:
o styles.css.jsp
- Tiến hành khởi động lại webserver
1.2 Tùy chỉnh giao diện XML
- Tìm file [dspace]\config\xmlui.xconf thẻ
- Trong đó :
o Name = “Default Reference Theme” : tên của giao diện là Default Reference Theme
o Path = “Reference/” : đường dẫn dến thư mục chứa giao diện, đường dẫn này chỉ tới thư mục [dspace]\webapps\xmlui\themes\Reference\
o regex=".*" : giao diện này được dùng cho tất cả các trang con của ứng dụng
- Có thể lựa chọn áp dụng giao diện này cho một phần của ứng dụng bằng cách thay đổi giá trị của thuộc tính regex
Ví dụ:
o regex="^$" : chỉ áp dụng giao diện này cho trang chủ của ứng dụng
o regex="^browse$" : áp dụng giao diện này cho các trang danh mục (trang tiêu đề, trang tác giả, trang theo ngày tháng)
o regex="community-list" : áp dụng giao diện này cho các trang cộng đồng
- Thay đổi giao diện muốn sử dụng bằng cách thay đổi giá trị của thuộc tính name và giá trị của thuộc tính path đến thư mục chứa giao diện muốn cài đặt
HƯỚNG DẪN CÀI ĐẶT
Xem clip hướng dẫn cài đặt tại:
Xem clip hướng dẫn cài đặt tại: