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:
Vào AdminCP > Development > Widget positions > Add Widget Position:
Vào AdminCP > Appearance > Templates > Add template
Vào AdminCP > Forums > Nodes > Add Node:
Vào Setup > Options > Basic options:
Chúc các bạn thành công.
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:
PHP:
$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:
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" />
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
Display in positions
là Widget cho trang chủ
.Chúc các bạn thành công.
VNXF.VN
Bài viết liên quan
Được quan tâm
Bài viết mới