Tutorial 2x Tạo trang chủ tùy chỉnh hiển thị widget cho XenForo 2.3

[PVS]

Tạo trang chủ tùy chỉnh hiển thị widget cho XenForo 2.3

Trong XenForo 2.3, việc tạo trang chủ với bố cục tùy chỉnh và hiển thị các widget như bài viết nổi bật, thống kê, banner... có thể thực hiện rất gọn gàng nếu bạn hiểu rõ hệ thống Widget Positions.


Tuy nhiên, có rất nhiều hướng dẫn chưa chính xác (dùng sai cú pháp hoặc phương pháp). Bài này sẽ giúp bạn thực hiện đúng chuẩn kỹ thuật XenForo 2.3.

Mục tiêu:​

Tạo một Page node có giao diện riêng và có thể hiển thị Widget tùy chọn, như một trang chủ mini cho diễn đàn.

Các bước thực hiện chuẩn nhất:​

1. Bật chế độ Development​

Chế độ Development cho phép bạn tạo Widget positions mới:


Mở file src/config.php, thêm:

$config['development']['enabled'] = true;

2. Tạo Widget Position​

Vào AdminCP > Development > Widget positions > Add Widget Position:

• Position ID: custom_home (đây là ID bạn sẽ dùng sau này)
• Title: Widget cho trang chủ
• Description: Vị trí widget cho page node tùy chỉnh

3. Tạo template hiển thị nội dung trang chủ​

Vào AdminCP > Appearance > Templates > Add template

• Template name: page_home
• Nội dung:

  <xf:title>Trang chủ diễn đàn</xf:title>
  
  <div class="block">
    <div class="block-container">
      <div class="block-body">
        <p>Chào mừng bạn đến với cộng đồng của chúng tôi!</p>
      </div>
    </div>
  </div>
  
  <xf:widgetpos id="custom_home" />

4. Tạo Page node gán template​

Vào AdminCP > Forums > Nodes > Add Node:

• Node type: Page
• Title: Trang chủ
• URL portion: trang-chu
• Template HTML: <xf:include template="page_home"/>

5. Tùy chọn: Đặt Page làm trang chủ​

Vào Setup > Options > Basic options:

• Index page route: pages/trang-chu (hoặc theo url_portion của page node)

Gợi ý widget nên gắn vào​

• Threads (mới nhất / nổi bật)
• HTML (giới thiệu, banner)
• Statistics
• Đếm thành viên
• Video nhúng, thông báo sự kiện

Lưu ý: Tạo widget cần chọn Display in positions là Widget cho trang chủ.

Chúc các bạn thành công.

VNXF.VN​