Thay đổi Skin của WebSite

Một phần của tài liệu Chuyên đề tốt nghiệp dotnet nuke (Trang 34)

2. Giới thiệu Dotnetnuke Portal (Giải pháp phát triển Website cộng nghệ mới)

2.4.1Thay đổi Skin của WebSite

“Skin” là phương thức dùng để mô tả cách hiển thị và cách bố trí các trang trên website. Chúng ta có thể thay đổi chúng với một vài nhấp chuột đơn giản!

Một Skin có thể rất đơn giản hoặc phức tạp. Nó có thể cung cấp Menu nằm dọc hay nằm ngang, cung cấp những dạng khác nhau của Container (như skin cho Module), cung cấp các cách bố trí khác nhau, v..v.. Đó là tùy theo skin của người thiết kế.

Ở đây có một số ví dụ về Skin. Nhiều skin có thể lấy từ nguồn khác nhau (cả miễn phí lẫn bán). Skin của website có thể được thiết kế tùy thích.

Các bước thay đổi skin

Skin của website được quản lý, thay đổi bởi Admin.

Bước 1: Chọn Skin từ menu Admin

Bước 2: Chọn trong phần Skin để xem những skin đã tồn tại.

Bước 3:

Chọn xem chúng ta muốn áp dụng Skin này cho public Portal hay chỉ ở phẩn Admin của website.

Bước 4:

Skin của website đã được thay đổi (như minh họa bên dưới). Chúng ta cũng có thể thiết đặc mặc định Container khiến cho skin đẹp hơn (chú ý container xanh vẫn là mặc định như bên dưới).

Quản lý Container trên trang web cũng giống như trên Skin. Tương tự như skin, các thiết lập được áp dụng trên toàn bộ website và tới tất cả các Module mới mà chúng ta đã sử dụng.

Chúng ta sẽ lập lại bước 1, 2, và 3 như ở trên và chọn Container (thay vì Skin).

Bước 1: Chọn Skin từ menu Admin

Bước 2:

Chọn bộ sưu tập Skin hoặc Container muốn xem từ hộp danh sách rơi xuống ở đầu trang.

Bước 3:

Ở giữa trang chứa các Container mà hệ thống đang có. Chúng ta chỉ nên chọn áp dụng vào puclic Portal hoặc phần Admin trên website.

Bước 4:

Website bây giờ đã được thay đổi Container mặc định (như minh họa ở bên dưới). Chúng ta đã thay đổi xong cả Skin và container.

Các bước thay đổi skin/container cho trang đơn

Có thể chỉ rõ sự khác nhau của Skin và Container mặc định cho một trang cá nhân của website. Chú ý rằng nếu chúng ta thay đổi skin hoặc container tại trang đó, thì những thiết lập mặc định sẽ không ảnh hướng đến trang ta đang thay đổi.

Khi thay đổi Container cho một trang đơn thì nó đuợc áp dụng mặc định lên bất cứ Module nào được thêm vào ở trang đó.

Bước 1: Thông qua trang muốn thay đổi Skin hoặc Container mặc

định.

Bước2: Chọn Setting từ Page Functions của Control Pane.

Bước 3:

Trên trang Page Management, mở rộng nhóm các thiết lập nâng cao. Cuốn tới phần thiết lập Page Skin và Page Container ở phần Appearance.

Bước 4:

Chọn Skin hoăc Container mặc định cho trang.

Bước 5: (adsbygoogle = window.adsbygoogle || []).push({});

Di chuyển vào giữa trang rồi nhấp vào Update để lưu lại những gì đã thay đổi!

Một phần của tài liệu Chuyên đề tốt nghiệp dotnet nuke (Trang 34)