FlarumでSVGをトップロゴとして使用する

4,714 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)

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

コメントを投稿

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

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