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

PVS

Super Moderator
Thành viên BQT
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.


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.



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


Mở file src/config.php, thêm:
PHP:
$config['development']['enabled'] = true;


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

Vào AdminCP > Appearance > Templates > Add template

  • Template name: page_home
  • Nội dung:
    HTML:
    <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" />

Vào AdminCP > Forums > Nodes > Add Node:
  • Node type: Page
  • Title: Trang chủ
  • URL portion: trang-chu
  • Template HTML: <xf:include template="page_home"/>

Vào Setup > Options > Basic options:

  • Index page route: pages/trang-chu (hoặc theo url_portion của page node)
  • 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 positionsWidget cho trang chủ.

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


VNXF.VN​
 
Back
Top