Sử dụng các layout template out-of-box trong Liferay Portal

Một phần của tài liệu BÁO CÁO CÔNG NGHỆ WEB VÀ DỊCH VỤ TRỰC TUYẾN Đề tài: Tìm hiểu về theme và layout trong Liferay (Trang 40 - 43)

2. Layout Template

2.1.Sử dụng các layout template out-of-box trong Liferay Portal

Liferay Portal có một số layout template được xây dựng trong trong phiên bản của nó. Các mẫu này có sẵn cho người quản trị hoặc người sử dụng khác với sự cho phép Manage Pages để áp dụng cá nhân trên một trang cổng thông tin. Họ có thể đáp ứng hầu hết các trường hợp sử dụng cơ bản.

Để xem những gì các layout template out-of-box, bạn có thể đăng nhập như là Cổng thông tin một Quản trị, liên kết Manage | Page Layout trong khu vực Dockbar, bạn sẽ thấy một trang quảng cáo như thể hiện trong ảnh chụp màn hình sau đây để liệt kê tất cả các bố trí cài đặt sẵn các mẫu có sẵn trong Liferay Portal.

40

Bây giờ chúng ta hãy xem làm thế nào chúng ta tự động có thể áp dụng một layout template một trang cổng thông tin. Một lần nữa, chúng ta hãy sử dụng Palm-Tree Publications là một tổ chức mẫu và làm theo các hướng dẫn dưới đây:

1. Đăng nhập như một quản trị Portal.

2. Tạo tổ chức Palm-Tree Publications, nếu bạn chưa làm như vậy.

3. Tới Manage Page của Palm-Tree Publications.

4. Tạo một trang Trang chủ công cộng được đặt tên trong tổ chức này.

5. Thêm người sử dụng quản trị viên để tổ chức này.

6. Tới trang chủ của công chúng của tổ chức này.

7. Nhấp vào Manage | Page Layout trong khu vực Dockbar.

8. Chọn 2 cột (50/50) bố trí mẫu, và sau đó click vào nút Save để lưu các thay đổi.

41 10. Tìm kiếm hoặc duyệt Loan Calculator portlet trong ứng dụng Add

pop_up bảng điều khiển.

11. Thêm portlet vào cột đầu tiên của trang, hoặc click vào Add liên kết bên cạnh portlet hoặc kéo-và-thả nó vào cột đầu tiên.

Lặp lại hai bước cuối cùng để thêm portlet Chuyển đổi tiền tệ thứ hai cột của trang. Bạn có thể thấy hai portlet tải ở phía bên trang bên cạnh, như thể hiện trong ảnh chụp màn hình sau đây:

Như bạn thấy, bạn đã tạo ra một trang công cộng với 2 cột (50/50) bố trí áp dụng. Mỗi hai portlet mất 50% của chiều rộng trong khu vực nội dung portlet. Bố trí với hai cột bằng nhau rộng rãi trong một hàng này được tạo ra từ các ứng dụng 2 cột (50/50) bố trí mẫu.

Bạn có thể dễ dàng thay đổi bố cục của trang sử dụng một layout template khác nhau.Click vào Manage | Page Layout trong khu vực Dockbar, sau đó nhấn vào 2 cột (30/70) bố trí mẫu, và sau đó nhấp vào nút Save để lưu lại sự thay đổi. Bây giờ bạn có thể xem trang chủ của bạn được hiển thị trong một cách khác nhau như thể hiện trong những điều sau đây ảnh chụp màn hình, mặc dù tất cả các trang thành phần bao gồm Dockbar, tiêu đề, chuyển hướng các menu, nội dung portlet, và footer là chính xác giống như khi 2 cột (50/50) layout template được áp dụng trên cùng một trang.

42

Một phần của tài liệu BÁO CÁO CÔNG NGHỆ WEB VÀ DỊCH VỤ TRỰC TUYẾN Đề tài: Tìm hiểu về theme và layout trong Liferay (Trang 40 - 43)