FlarumでSVGをウェブサイト上部のロゴ画像として使用する
4,740 0
ユーザーから、PNGはiPhone上でひどくぼやけるという報告があり、PNGの代わりにSVGを使おうと思いました。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)まだコメントはありません