Quản lý các mẫu thiết kế site

Hệ thống cho phép nạp vào các mẫu thiết kế lưu dưới định dạng <template_name>.tar.gz. Đồng thời cũng có thể  thêm các mẫu bằng cách sao chép từ các mẫu hiện tại bằng cách dùng công cụ quản lý tập tin Trình duyệt Site.

Việc quản lý các mẫu được thực thi trong khu vực quản trị:

Settings -> System settings -> Sites -> Site templates.

hoặc:

Desktop -> Cài đặt -> Cài đặt hệ thống -> Các site -> Mẫu thiết kế.

Ở đây bạn có thể xem, sửa đổi, nạp và hệ thống các mẫu thiết kế và tạo mới một mẫu.

Có thể xem nhanh các mẫu thiết kế thông qua các hình ảnh minh họa của mẫu. Hình ảnh này chụp lại mẫu thiết kế  và được lưu trong thư mục mẫu thiết kế tương ứng với tên screen.gif (ví dụ: /bitrix/templates/demo/screen.gif).

Sửa chữa mẫu thiết kế

Để xem và sửa chữa mẫu thiết kế, nhấn vào nút tác vụ "Sửa đổi" ở trình đơn văn cảnh.

Một cửa sổ soạn thảo sẽ hiện ra chứa các mã lệnh của mẫu thiết kế.

Click to enlarge

Chú ý: mẫu thiết kế chứa kí tự ngăn cách đặc biệt #WORK_AREA#, nó được sử dụng để ngăn cách phần header và phần footer.

Nội dung mẫu thiết kế được ghép nối từ 2 tập tin header.php và footer.php, hiển thị dưới dạng PHP/HTML. Trong mã lệnh chứa các lời gọi đến các component và các hàm của ngôn ngữ PHP để hiển thị các thông tin: metadata, page header, CSS, thanh quản trị, CSS... Bạn cũng có thể soạn thảo mẫu ở chế độ HTML trực quan, và bổ sung các lời gọi đến các component bằng cách kéo thả các biểu tượng component vào vị trí mong muốn.

Xuất một mẫu thiết kế

Hệ thống có khả năng xuất các mẫu thiết kế thành dạng tập tin nén dạng  <file_name>.tar.gz để bạn có thể sao chép, sao lưu các mẫu sang các trang web khác một cách nhanh chóng.

 

Nạp một mẫu thiết kế vào hệ thống

Sử dụng công cụ của hệ thống để nạp một mẫu thiết kế vào hệ thống. Bấm vào nút "Nạp mẫu thiết kế" để nạp một tập tin mẫu. Tập tin mẫu phải được lưu dưới định dạng  <template_name>.tar.gz .

Khi một mẫu được nạp nó sẽ tự động được giải nén và lưu trong thư mục : /bitrix/templates/<template_name>/.

Tạo mới một mẫu thiết kế

Hệ thống cho phép bạn trực tiếp tạo mới một mẫu thiết kế. Bấm vào nút "Thêm mẫu thiết kế", sau đó điền các tham số cho mẫu mới:

Để tạo một mẫu mới bạn cần gán các tham số sau:

  • ID mẫu thiết kế (không được trùng với mẫu đã có);
  • tên mẫu thiết kế;
  • mô tả mẫu thiết kế, thông tin này sẽ được hiện lên trong danh sách các mẫu;
  • soạn thảo mã nguồn của mẫu (gọi các component, các hàm PHP...);
  • định dạng hiển thị CSS;
  • xác định tập hợp các ảnh và các vùng ghép sẽ được sử dụng bởi mẫu.

Mẫu mới sẽ được lưu trong thư mục /bitrix/templates/<template_ID> (thư mục này được tạo một cách tự động)

Chúng tôi khuyến khích bạn đặt tất cả các tập tin hình ảnh vào trong thư mục /bitrix/templates/<template_ID>/images/



 Mẫu thiết kế Site | Mô tả khóa học | Phát triển một mẫu thiết kế