Chia sẻ qua

Mẫu web

  • Bài viết

Mẫu web là bản ghi siêu dữ liệu trang web Power Pages dùng để lưu trữ nội dung nguồn mẫu. Mẫu web thường sẽ chứa Liquid để kết xuất nội dung động và là bảng trung tâm được sử dụng để tích hợp mẫu Liquid với phần còn lại của Power Pages.

Mẫu Web có thể bao gồm nội dung khác hoặc kết hợp với mẫu khác sử dụng thẻ mẫu, và được tham chiếu trong các thẻ này qua thuộc tính Tên của họ. Bạn cũng có thể sử dụng các mẫu này để tạo toàn bộ bố cục trang tùy chỉnh hoặc tạo đầu trang và chân trang tùy chỉnh cho trang web Power Pages.

Thuộc tính của mẫu web

Đặc điểm Nội dung mô tả
Tên Tên mẫu. Được sử dụng để tham chiếu mẫu này khi mẫu được đưa vào nội dung khác hoặc được các mẫu khác mở rộng.
Nguồn Nội dung nguồn của mẫu. Trong Power Apps, trình chỉnh sửa mã nguồn có tính năng đánh dấu cú pháp và các tính năng chỉnh sửa mã khác được cung cấp cho trường này.
Loại MIME Tùy chọn cung cấp loại MIME cho nội dung của mẫu. Nếu không có loại nào được cung cấp thì sẽ giả định loại là text/html. Giá trị này sẽ chỉ được sử dụng trong những trường hợp mà mẫu được liên kết với Mẫu Trang và kiểm soát khả năng kết xuất tất cả nội dung cho mẫu đó.

Mẫu web làm bố cục trang tùy chỉnh

Bạn có thể sử dụng mẫu web cùng với mẫu trang để tạo bố cục trang mới cho trang web Power Pages.

Để tạo mẫu trang mới dựa trên mẫu web, hãy chọn Loại của mẫu web khi tạo bản ghi mẫu trang mới. Sau đó, chọn Mẫu Web.

Xin lưu ý tùy chọn Sử dụng Đầu trang và Chân trang của Trang web (được chọn theo mặc định). Nếu chọn tùy chọn này, mẫu web sẽ kiểm soát khả năng kết xuất mọi nội dung trang giữa đầu trang và chân trang của trang web toàn cầu. Nếu bỏ chọn tùy chọn này, mẫu web sẽ chịu trách nhiệm kết xuất toàn bộ phản hồi trong trường hợp đang kết xuất HTML, nghĩa là mọi nội dung từ loại tài liệu tới thẻ <html> gốc và mọi thứ nằm ở giữa.

Mặc dù mẫu web thường được sử dụng phổ biến nhất trong kết xuất HTML, việc kết xuất toàn bộ phản hồi (bằng cách bỏ chọn Sử dụng Đầu trang và Chân trang của Trang web) sẽ cung cấp cho bạn tùy chọn kết xuất mọi định dạng dựa trên văn bản mà mình chọn. Đây là nơi mà thuộc tính Loại MIME của mẫu web trở nên phù hợp. Khi kết xuất mẫu trang không dùng đầu trang và chân trang của trang web, tiêu đề Loại nội dung phản hồi HTTP sẽ được đặt thành Loại MIME của mẫu web được liên kết (văn bản/html sẽ được sử dụng nếu không có Loại MIME nào được cung cấp.), mang đến nhiều tùy chọn để hiển thị nội dung không phải HTML bằng cách sử dụng Liquid. Trường hợp sử dụng phổ biến nhất là kết xuất nguồn cấp dữ liệu RSS, bằng cách đặt Loại MIME của application/rss+xml.

Mẫu web làm đầu trang và chân trang của trang web

Bạn cũng có thể sử dụng mẫu web để ghi đè toàn bộ đầu trang và chân trang được Power Pages sử dụng. Đặt trường Mẫu đầu trang hoặc Mẫu chân trang của trang web cho mẫu web bạn chọn. Nếu bạn ghi đè Đầu trang web, mẫu đã chọn của bạn có trách nhiệm truy xuất điều hướng chính, liên kết đăng nhập/đăng xuất, giao diện tìm kiếm, và những thứ tương tự cho yếu tố giao diện trang web của bạn mà thường được xử lý bởi mẫu đầu trang mặc định.

Mẫu web được tích hợp

Có sẵn một bộ mẫu Liquid được thiết kế sẵn trong Power Pages. Để sử dụng các mẫu này, bạn phải bao gồm các mẫu theo tên, bằng cách sử dụng danh sách dưới đây làm tham khảo.

Tên Mô tả Mã
Quảng cáo Mẫu này đưa ra quảng cáo theo tên hoặc đưa ra một quảng cáo ngẫu nhiên từ vị trí quảng cáo. {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
Blog Mẫu này đưa ra các bài đăng trên blog gần đây theo một nhóm danh sách. {% include 'blogs' %}
Đánh dấu đường dẫn Mẫu này đưa ra liên kết của các trang tổ tiên dẫn ngược về Trang chủ từ trang hiện tại. {% include 'breadcrumbs' %}
Nhóm Danh sách Liên kết Con Mẫu này đưa ra các liên kết tới mọi trang con của trang hiện tại theo một nhóm danh sách. {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
Sự kiện: Sắp tới Mẫu này đưa ra các liên kết tới sự kiện diễn ra trong khoảng thời gian từ bây giờ cho tới 60 ngày sau đó. {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
Diễn đàn Mẫu này đưa ra một danh sách các diễn đàn của trang web cùng số lượng bài đăng và chuỗi chủ đề tương ứng. {% include 'forums' %}
Bố cục 1 Cột Mẫu này đưa ra bố cục dạng một cột có chứa đánh dấu đường dẫn, tiêu đề trang và nội dung sao chép trang. {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
Bố cục 2 Cột với Cột Bên Trái Rộng Mẫu này đưa ra bố cục dạng hai cột. Cột bên trái rộng hơn cột bên phải. Chứa các đánh dấu đường dẫn ở đầu trang và nội dung bản sao trang nằm ở cột bên trái. {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Bố cục 2 Cột với Cột Bên Phải Rộng Mẫu này đưa ra bố cục dạng hai cột. Cột bên phải rộng hơn cột bên trái. Chứa các đánh dấu đường dẫn, tiêu đề trang ở đầu trang và nội dung bản sao trang nằm ở cột bên phải. {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Bố cục 3 Cột với Cột Giữa Rộng Mẫu này đưa ra bố cục dạng ba cột. Cột ở giữa rộng hơn cột bên trái và bên phải. Bố cục chứa các đánh dấu đường dẫn và tiêu đề trang ở đầu trang, đồng thời nội dung bản sao trang nằm ở cột giữa. {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
Bản sao Trang Mẫu này đưa ra HTML nội dung sao chép trang có thể chỉnh sửa được và có hỗ trợ trạng thái Không chắc được nhúng. {% include 'page_copy' %}
Tiêu đề Trang Mẫu này đưa ra tiêu đề trang. {% include 'page_header' %}
Cuộc thăm dò Mẫu này đưa ra cuộc thăm dò theo tên hoặc đưa ra một cuộc thăm dò ngẫu nhiên từ vị trí cuộc thăm dò. {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
Tìm kiếm Mẫu này đưa ra biểu mẫu tìm kiếm cơ bản với một nút tìm kiếm và nhập văn bản đơn. {% include 'search' %}
Điều hướng Bên Mẫu này đưa ra điều hướng kiểu dạng xem theo cây dọc. Mẫu có liên kết tới các trang tổ tiên dẫn ngược về cấp độ đầu tiên (hoặc phần bù độ sâu được chỉ định), liên kết tới các trang anh em của trang hiện tại và liên kết tới các trang con của trang hiện tại. {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
Đoạn mã Mẫu này đưa ra đoạn mã nội dung HTML có thể chỉnh sửa được theo tên. {% include 'snippet' snippet_name:'Name' %}
Điều hướng Trên cùng Mẫu này hiển thị thanh điều hướng có thể chỉnh sửa được với menu thả xuống cho bộ liên kết web Điều hướng Chính. {% include 'top_navigation' %}
Nhóm Danh sách Weblink Mẫu này đưa ra nhóm danh sách các liên kết cho bộ liên kết web. {% include 'weblink_list_group' weblink_set_name:'Name' %}

Các mẫu web dưới dạng thành phần (bản xem trước)

Có thể tạo các mẫu web và sử dụng chúng làm thành phần trong trang web để cho phép người tạo sử dụng các thành phần có thể tái sử dụng này và cung cấp các tham số để đáp ứng yêu cầu.

More information: Mẫu web dưới dạng thành phần

Xem thêm