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à: 45 trong 10 đánh giá

Xếp hạng: 4.5 - 10 phiếu bầu
Click để đánh giá bài viết
Rao vặt Đà Nẵng là công cụ mới giúp bạn dễ dàng mang thông tin đến với người xem. Qua đây người dùng có thể đăng tin miễn phí, về các chủ đề như rao vặt, việc làm Đà Nẵng,... lên website mà không phát mất một loại phí nào. 

  Ý kiến bạn đọc

  • Ngọc Tú
    Ngọc Tú   12/10/2017 23:16

    Bạn có thể hướng dẫn chèn 1 khối block vào global.bootstrap.tpl được không ạ?

    • Administrator   12/10/2017 23:23

      @Ngọc Tú cũng đơn giản là vào file cấu hình thêm, rồi vào tpl của menu bootstrap thêm [TEN_KHOI] thôi bạn, ở nv4.2.01 có cái điên điên là phải vào dọn dẹp hệ thống sau khi thêm

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