Hướng dẫn thêm khối block giao diện NukeViet

Thứ năm - 03/09/2015 23:27
Khối block là một thành phần cơ bản trong NukeViet. Làm sao để thêm một khối block mới trong giao diện NukeViet? Bài viết này sẽ giúp bạn làm được điều đó.
Thêm khối block giao diện NukeViet

Giả sử, trên giao diện default của NukeViet, mình muốn thêm một khối block ở bị trí (khung đánh dấu màu vàng) với tên là BOTTOM_CONTENT (Nộ dung dưới trang). Thì các bước thực hiện như bên dưới.

1. Khai báo khối block mới

Thực hiện mở tập tin themes/ten-theme/config.ini, bên trong thẻ (trong này sẽ có nhiều thẻ con) <positions></positions> khai báo tên khối block mới, với cấu trúc.
<position>
	<name>TEN-HIEN-THI</name>
	<tag>[TEN-KHOI]</tag>
</position>
Trong đó: 
  • TEN-HIEN-THI là tên hiển thị của khối, có thể đặt tùy ý.
  • TEN-KHOI được xem như là khóa để nhận biết khối, tên này cần khác với tên các khối khác, in hoa, sử dụng chữ hoặc số, cách nhau bằng dấu dạch dưới “_”.
Kết quả cho trường hợp này sẽ là:
<positions>
	<position>
		.....
	</position>
	<position>
		.....
	</position>
	<position>
		<name>
			Nội dung cuối trang
		</name>
		<tag>
			[BOTTOM_CONTENT]
		</tag>
	</position>
</positions>

2. Hiển thị khối block lên giao diện

Đối với vị trí đã nêu trên, mình sẽ mở themes/ten-theme/layout/footer_extend.tpl, tìm:
<div class="wraper">
    <div class="container">
Thêm bên dưới
[BOTTOM_CONTENT]
Lúc này, khi bật kéo thả block, bạn sẽ thấy ở vị trí đánh dấu màu vàng bên trên, sẽ xuất hiện khung thể hiện khối block ở vị trí đó.
 
Thêm khối block giao diện NukeViet

Chú ý: ten-theme đại diện cho cả giao diện PC và mobile, vậy nên trên giao diện mobile cũng thực hiện tương tự.

Tổng số điểm của bài viết là: 25 trong 6 đánh giá

Xếp hạng: 4.2 - 6 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC