Bạn thớt có ý tưởng giống mình vì mình cũng đang xài cái Statistics của VXF và thấy rất ổn, ko có cớ thay cái mới. Vì vậy mình mày mò mod thêm 1 cột thời gian (vì nhu cầu chỉ có vậy) và mình sẽ hướng dẫn cách mò cho những bạn nào cũng mù mờ code như mình.
Bước 1
Đầu tiên, bạn sử dụng công cụ Inspect Element (chuột phải > chọn Inspect Element với Chrome hoặc F12) trỏ thẳng vào bảng thống kê để xem code. Bạn sẽ phát hiện ra bản chất của bảng thống kê là việc lặp đi lặp lại của các dòng, có nghĩa là chúng ta chỉ cần chỉnh sửa định dạng của 1 dòng thì sẽ áp dụng thành cột cho toàn bảng thống kê.
OK, mình định thêm 1 cột mà cột đó sẽ có cùng định dạng với cột "người gửi". Bạn sẽ F12 lên cột "người gửi" xem nó đang thuộc class có tên là gì? Kết quả:
Mã:
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster">
<a href="members/boycehunter.14518/" class="username" dir="auto">BoyceHunter</a>
</div>
Bản chất của các template trong XenForo được viết bằng code HTML + các thành phần tùy biến để hiển thị theo ngữ cảnh phù hợp theo người dùng nhưng đa số tên các class sẽ luôn là cố định để tạo style theo CSS. Vì thế, sau khi đã có đoạn code thì việc tiếp theo chúng ta sẽ vào tìm kiếm những template nào có nội dung chứa tên class là tương đối dễ dàng. Bạn qua bước tiếp theo.
Bước 2
Vào Admin CP > Appearance > Search Templates > Dán đoạn "
VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster" vào ô "Template Contains" (nhớ để ý đang ở style nào) > Kết quả "VietxfAdvStats_threads_recent" là template chứa đoạn code trên.
Bước 3
Vào trong template soi thì mình thấy đoạn code dưới đây chính là code gốc để phát sinh ra đoạn code ở trên khi view qua F12
Mã:
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster">
<xen:username user="$thread" rich="true" />
</div>
Như ý tưởng ban đầu, mình sẽ copy toàn bộ đoạn code này và sẽ thay đoạn
"<xen:username user="$thread" rich="true" />" bằng đoạn hiển thị thời gian + rồi sửa 1 chút tên class "VietXfAdvStats_ThreadPoster" cho nó khác class để dễ CSS, ra đoạn này:
Mã:
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPostDate">
<code hiển thị thời gian />
</div>
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster">
<xen:username user="$thread" rich="true" />
</div>
Cơ mà mình ngu, méo biết code thời gian viết ntn. OK, đi chôm vậy
Bước 4
Thử dạo vòng quanh trong forum, chỗ nào có hiển thị thời gian gửi cuối thì F12 vào đó xem code nó như nào. Mình nghĩ tới danh sách chủ đề trong từng Box, mỗi chủ đề đều có ghi thời gian gửi bài cuối. F12 vào đó mình thấy:
Mã:
<abbr class="DateTime" data-time="1451756410" data-diff="1325" data-datestring="Jan 3, 2016" data-timestring="12:40 AM" title="Jan 3, 2016 at 12:40 AM">22 minutes ago</abbr>
OK, mình lại chơi trò như bước 1&2. Kết quả là soi được đoạn code thời gian trong template nào đó như này:
Mã:
<xen:=Datetime time="$thread.lastPostInfo.post_date />
Thay cho đoạn code thời gian ở trển thành ntn:
Mã:
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPostDate">
<xen:datetime time="$thread.lastPostInfo.post_date />
</div>
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster">
<xen:username user="$thread" rich="true" />
</div>
Bước 5
Test thôi!!! Kết quả hiển thị không đúng ý, sau khi mày mò 1 hồi thì mình sửa lại ntn, cũng ko nhớ là đã tìm ở đâu nhưng KQ đúng ý. Code cuối cùng là vầy:
Mã:
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPostDate">
<xen:datetime time="$thread.last_post_date" />
</div>
<div class="VietXfAdvStats_SectionItemBlock VietXfAdvStats_SectionItemInfo VietXfAdvStats_ThreadPoster">
<xen:username user="$thread" rich="true" />
</div>
Kết luận
Trên đây mình chia sẻ cách mình mò ra được vấn đề bằng phương pháp kết hợp Inspect Element + Tìm kiếm. Với cách này mình cũng mod đc khá nhiều thứ mà không cần phải sử dụng tới addon. Mong giúp ích được cho những bạn không chuyên mà thích mò như mình.