Flarum 使用 SVG 作為頂部 Logo
4,714 0
有使用者反映,PNG 在 iPhone 上嚴重失真,所以就想著用 SVG 來代替 PNG。SVG 和向量圖是同一個原理,能在任何裝置上保持很好的清晰度。看了下 Flarum Beta 8 的原始碼,貌似支援了 SVG,然而在 Beta 7 上怎麼使用 SVG 呢?請往下看。
教學
上傳 logo.svg 到伺服器 /assets 裡面,修改資料庫中的 settings - logo_path 為 logo.svg。
然後修改 forum.blade.php 和 admin.blade.php 檔案,CV 版本在 \vendor\flarum\core\views\frontend\,舊版本或其他版本在 \vendor\flarum\core\views\。
把
HTML HTML
<img src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">
修改為
HTML HTML
<img width="146" height="34" src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">
裡面的寬高可以根據需要自行修改。

評論
(0)暫無評論,來說兩句吧