mimikunの技術メモ

mimikunがプログラミング中調べてわかったことをまとめていくブログです

MastodonのWeb UI左下にいる象さんを別なイラストに置き換えた

MastodonのWeb UI左下にいる象さんを別なイラストに置き換えたかったので置き換えてみました。

ソースコードのリンクはここにあります。

github.com

手順

2通りあります。

1. リネームして入れる

一番簡単です。

cd mastodon
cp 置き換えたい画像.svg app/javascript/images/elephant_ui_plane.svg
mv app/javascript/images/elephant_ui_plane.svg app/javascript/images/elephant_ui_plane_old.svg
mv app/javascript/images/置き換えたい画像.svg app/javascript/images/elephant_ui_plane.svg

2. ソースコードのリンクを書き換える

更新の時手間取る可能性があります。

  1. 置き換えたい画像をディレクトリにコピーしてくる
cd mastodon
cp 置き換えたい画像.svg app/javascript/images/
  1. mastodon/app/javascript/mastodon/features/compose/index.jsの15行目をこのように書き換える
- import elephantUIPlane from '../../../images/elephant_ui_plane.svg';
+ import elephantUIPlane from '../../../images/置き換えたい画像.svg';

結果

before: 左 after: 右

f:id:mimikun_343:20180330161214p:plain f:id:mimikun_343:20180330161527p:plain