Thủ Thuật Cách hiện banner trên header khác nhau theo từng category riêng

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 18/10/2016.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,779
    Đã được thích:
    7,039
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Cách hiện banner trên header khác nhau theo từng category riêng

    Một thủ thuật nhỏ giúp bạn tuỳ chỉnh diễn đàn của mình theo ý muốn và trong thủ thuật lần này, mình sẽ mang đến cho các bạn cách để hiện banner trên header tuỳ theo mỗi category riêng trên diễn đàn.

    custom-node-forum-banner-1.png

    custom-node-forum-banner-2.png

    custom-node-forum-banner-3.png
    Bước 1: Thêm một điều kiện vào nơi chứa mã hiển thị banner.

    Ở đây mình sẽ thực hiện cách làm trên giao diện mặc định của XenForo, nếu bạn dùng giao diện do người khác chia sẽ có thể sẽ khác nhau về vị trí template đôi chút.

    Trên giao diện mặc định thì nơi chứa mã hiển thị banner của XenForo sẽ nằm trong template logo_block, các bạn truy cập vào template logo_block sẽ thấy một đoạn mã như sau:
    Mã:
    {$xenOptions.boardTitle}
    Bây giờ các bạn thay đoạn mã phía trên bằng lệnh khai báo điều kiện dưới đây:
    Mã:
    {$xenOptions.boardTitle}{$xenOptions.boardTitle}
    Giải thích ý nghĩa:
    • {xen:raw $headerLogo}: Bắt đầu điều kiện bằng xen:if có nghĩa là nếu trong điều kiện $headerLogo có thay đổi thì sẽ được hiển thị.
    • {$xenOptions.boardTitle}: Ở đây mình thêm xen:else vì nếu ngược lại trong điều kiện $headerLogo không có thay đổi thì sẽ hiện logo mặc định cho tất cả các trang và sau cùng là kết thúc lệnh điều kiện.
    xenforo-template-logo-block-edit-1.png
    Vậy là bước 1 khai báo điều kiện đã xong, chúng ta bắt đầu tiến hành qua bước 2.

    Bước 2: Khai báo cho điều kiện $headerLogo đã đặt ở bước 1 cho từng category.

    Ở bước này chính là làm cho banner có thể thay đổi theo từng category, trên XenForo mỗi category sẽ có một số ID riêng và template dùng để hiển thị nội dung của category là forum_view, các bạn hãy mở template forum_view và thêm đoạn mã dưới đây vào phía trên hoặc dưới thẻ của template forum_view.
    Mã:
    
        Địa chỉ hình ảnh logo chuyên mục 1
    
        Địa chỉ hình ảnh logo chuyên mục 1
    
    Giải thích ý nghĩa:
    • Địa chỉ hình ảnh logo chuyên mục 1: Cũng như giải thích ở trên, đoạn này mình tự dịch ý nghĩa là "Nếu chuyên mục có ID là 2 thì sẽ khai báo cho điều kiện $headerLogo là Địa chỉ hình ảnh chuyên mục 1.
    • Địa chỉ hình ảnh logo chuyên mục 1: Còn đoạn dưới đây là khai báo cho chuyên mục thứ 2 muốn hiện banner riêng mình cũng tạm dịch như sau "Ngược lại nếu chuyên mục có ID là 6 thì sẽ khai báo cho điều kiện $headerLogo là Địa chỉ hình ảnh chuyên mục 2".
    xenforo-template-forum-view-edit-1.png
    Cuối cùng nếu các bạn muốn thay banner riêng cho bất kỳ category nào thì hãy thêm lệnh Địa chỉ hình ảnh logo chuyên mục 1 vào trên thẻ và nhớ thay đổi ID category theo ý mình nhé.

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


    Nguồn: thuthuatso.net​
     
    dinhhai, THB, tpoclub and 1 other person like this.
  2. tpoclub

    tpoclub Thượng Đế

    Tham gia:
    07/03/2015
    Bài viết:
    116
    Đã được thích:
    97
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nghề nghiệp:
    t. Blog! Admin
    Nơi ở:
    Đồng Nai - Việt Nam
    Web:
    muốn logo auto responsive để tránh vỡ khung khi thêm banner quảng cáo thì trong link ảnh cần thêm điều kiện hay dạng code thường sử dụng là sao vậy bác? Thân!
     
    THB thích bài này.

Chia sẻ trang này