FlarumでSVGをウェブサイト上部のロゴ画像として使用する

4,740 0

ユーザーから、PNGはiPhone上でひどくぼやけるという報告があり、PNGの代わりにSVGを使おうと思いました。SVGとベクター画像は同じ原理で、どのデバイスでも非常に鮮明な状態を保てます。Flarum Beta 8のソースコードを見てみると、どうやらSVGに対応しているようですが、Beta 7ではどのようにSVGを使えばよいのでしょうか?以下をご覧ください。

チュートリアル

logo.svgをサーバーの/assets内にアップロードし、データベースのsettings - logo_pathlogo.svgに変更します。

続いて、forum.blade.phpadmin.blade.phpファイルを変更します。CV版では\vendor\flarum\core\views\frontend\にあり、旧バージョンまたはその他のバージョンでは\vendor\flarum\core\views\にあります。

次の部分を

HTML
<img src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

次のように変更します

HTML
<img width="146" height="34" src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

幅と高さは必要に応じて変更できます。

サンプル画像

コメント

(0)

まだコメントはありません

コメントを投稿

憂いを忘れる一枚

「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。

© 2026 憂いを忘れる一枚. 無断転載を禁じます.