Hướng dẫn hiển thị icon logo Xenforo trên trình duyệt Safari của iPhone, iPad

Lâu quá mình update topic với 1 tip nhỏ. Mình thấy ít ai để ý đến điều này vì nó cũng không quá quan trọng, đó là hiển thị icon/logo của website trên trình duyệt Safari của các thiết bị di động cảm ứng như iphone, ipad.

Hình minh họa là hình chụp màn hình ipad của mình khi mở New tab​

Như bạn thấy, 1 số trang lớn như Facebook, VnExpress hay 24h đều có logo riêng, thay vì logo Xenforo mặc định (nếu web dùng XenForo, hay logo hình la bàn mặc định của Safari trong iOS) như trường hợp của Việt Designer trong hình minh hoạ.

Việc này rất dễ dàng, bạn tìm trong template "PAGE CONTAINER" có dòng

Code:

<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />

Đây chính là icon/logo mà mình đề cập ở trên. Với cấu trúc này thì logo mặc định của XenForo nằm ở "/styles/default/xenforo/logo.og.png"

Bạn sẽ có 2 cách:
1. Bạn thay thế trực tiếp đường dẫn cố định tới link của logo bạn muốn
2. Chép đè logo khác thay thế logo XenForo mặc định, tuy nhiên mỗi lần update lên phiên bản mới bạn phải nhớ thay thế lại.

Đây là tips nhỏ được chia sẻ bởi Cyentruk trên diễn đàn VXF​