Tùy biến

From TomatoCMS Documentation

Jump to: navigation, search

Template

Bạn có thể tạo nhiều template (có thể hiểu như website) trên core của TomatoCMS. Phần Template này để bạn quản lý skin, các page và layout của từng template. Như phần trên đã trình bày, TomatoCMS hỗ trợ 2 template mặc định là blogdefault. Template đang được bạn sử dụng sẽ có chữ Đang được chọn bên dưới template. Bạn có thể chọn template khác để áp cho website của bạn bằng cách nhấn nút Chọn bên dưới template.

File:templates.png

Với mỗi template có thể có nhiều skin, TomatoCMS hỗ trợ sẵn mỗi template một skin. Để sửa css của skin, click vào liên kết Sửa khi di chuyển chuột qua skin này, file css của skin sẽ hiện lên, bạn có thể chỉnh sửa file này và lưu lại (xem hình dưới).

File:editSkin.png

Mỗi website thường gồm nhiều trang (page). Để xem danh sách trang của template, click vào liên kế Danh sách trang.

File:listPage.png


Tại đây bạn có thể sửa thông tin trang, xóa trang và xem bố cục của trang. Giao diện sửa thông tin như bên dưới. Thông tin trang gồm có 2 thông số:

  • Kiểu trang
  • Tiêu đề trang

File:editPage.png

Giao diện phần bố cục của trang:

File:layout.png

TomatoCMS coi một trang web là một tập các widget. Với phần quản lý layout này bạn có thể chia trang thành từng khung (container) và kéo thả các widget tùy thích vào đó. TomatoCMS sử dụng 960 Grid, bạn có thể chia website theo cột, layout của TomatoCMS hỗ trợ sẵn hình mô phỏng 12 cột, bạn có thể kéo thả các hình mô phỏng này vào để chia cột cho trang website.
Ở tab Widget bạn có thể tìm thấy tất cả các widget theo module (Tab widget ở phần layout này chỉ hiển thị những widget đã được cài đặt. Danh sách tất cả các widget bạn có thể tìm thấy trong Hệ thống > Mở rộng > Widget, bạn có thể cài đặt thêm một số widget khi cần).
Tab Output, chứa widget Output mặc định, widget này chứa nội dung mặc định của trang khi không có bất kỳ widget nào. Ví dụ với đường dẫn http://localhost/news/article/view/2/15/ - đường dẫn tới trang chi tiết bài viết, output mặc định là nội dung phần view với module news, controller article và action details. Hình dưới là ví dụ về một Output mặc định:

File:defaultOutput.png

Sau khi đã kéo các widget vào các khung, bạn cần nhập tham số cho các widget và có thể xem thử widget bằng cách click vào liên kết Xem thử (để thoát khỏi chế độ Xem thử, bạn click và liên kết Quay lại), hình dưới là một ví dụ xem thử widget Bài viết hot nhất:

File:previewWidget.png

Bạn cũng có thể xem trước toàn bộ trang bằng cách click vào nút Xem thử. Bố cục của trang chỉ được lưu lại sau khi bạn nhấn nút Lưu lại.

Đường dẫn

TomatoCMS cho phép chúng ta có thể thay đổi định dạng của đường dẫn (URL) giúp cho đường dẫn thân thiện hơn và tốt cho SEO.

File:path.png

Bạn không cần phải lo lắng khi tùy biến đường dẫn vì TomatoCMS hỗ trợ công cụ gợi ý tham số dựa vào ký tự mà bạn đã nhập (như hình bên dưới).

File:suggests.png

Personal tools