Tutorial 2x Change Twitter Share Logo To X Logo - Thay đổi logo chia sẻ Twitter thành logo X cho XenForo 2.2

[PVS]

Change Twitter Share Logo To X Logo - Thay đổi logo chia sẻ Twitter thành logo X cho XenForo 2.2


Cái này khá đơn giản và mặc dù khả năng nó sẽ được cập nhật trong bản phát hành trong tương lai, có thể có những người khác muốn tiếp tục và cập nhật ngay bây giờ.

Điều đầu tiên bạn sẽ muốn làm là thêm code sau vào template extra.less của bạn.

.shareButtons-button.shareButtons-button--twitter:hover {
    background-color: #000000;
}
.shareButtons--iconic .shareButtons-button>svg {
    vertical-align: middle;
}

Tiếp theo mở template share_page_macros.

Tìm...

<xf:if is="$xf.options.tweet.enabled">
    <a class="shareButtons-button shareButtons-button--brand shareButtons-button--twitter" data-href="https://twitter.com/intent/tweet?url={url}&amp;text={title}{{ $xf.options.tweet.via ? '&amp;via=' . $xf.options.tweet.via : '' }}{{ $xf.options.tweet.related ? '&amp;related=' . $xf.options.tweet.related : '' }}">
        <i aria-hidden="true"></i>
        <span>{{ phrase('twitter') }}</span>
    </a>
</xf:if>

Thay bằng đoạn sau...

<xf:if is="$xf.options.tweet.enabled">
    <a class="shareButtons-button shareButtons-button--brand shareButtons-button--twitter" data-href="https://twitter.com/intent/tweet?url={url}&amp;text={title}{{ $xf.options.tweet.via ? '&amp;via=' . $xf.options.tweet.via : '' }}{{ $xf.options.tweet.related ? '&amp;related=' . $xf.options.tweet.related : '' }}">
        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
        <span>{{ phrase('twitter') }}</span>
    </a>
</xf:if>

Nếu bạn muốn, bạn cũng có thể thay thế <span>{{ phrase('twitter') }}</span> bằng thứ gì đó như <span>X (Twitter)</span> nếu bạn muốn.

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

Nguồn: xenforo.com​