Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える

Movable Typeで下記のタグを使って画像や記事のリンクを出力すると、絶対パスで出力されてしまいます(僕が使っていて確認したのが下記3つなので他にも絶対パスで出力されるタグがあるかもしれません)。
<mt:AssetURL><mt:EntryPermalink><mt:ContentPermalink>
ステージング環境で更新・再構築をして、問題がなければ本番環境にアップするような運用の場合、絶対パスだと困ります。
ということで、絶対パスを相対パスに置き換えるように処理を入れました。
パスの置き換え
Movable Typeのタグでは「replace」という属性が使えます。
使い方は「replace="検索する語","置換する語"」です。「,(カンマ)」で区切って2つの値を指定します。
これを使ってサイトのドメインを「/」に置き換えます。
サイトのドメインは変数を使う
全箇所に直接ドメイン名を記述するのは後で変更したくなったときに微妙なので、テンプレートの最初に、サイトのURLを変数に入れて持っておくようにします。
<MTIgnore>【定数】:サイトのURL</MTIgnore>
<mt:SetVarBlock name="WebsiteURL"><mt:BlogParentWebsite><$mt:WebsiteURL$></mt:BlogParentWebsite></mt:SetVarBlock>あとは「$WebsiteURL」で変数の呼び出しができるので、「/」に置き換えるようにタグを置き換えていきます。
<mt:AssetURL replace="$WebsiteURL","/"><mt:EntryPermalink replace="$WebsiteURL","/"><mt:ContentPermalink replace="$WebsiteURL","/">
タグの表記を統一しておくことの重要性
あとになってからこの現象に気がついたので、各テンプレートファイルを見て回って一括で検索・置換して対応しました。
Movable Typeでは<mt:AssetURL>や<MTAssetURL>、<$mt:AssetURL>など同じタグでも複数の表記方法があります。
表記が揃っていないと、このような後からの検索・置換時に抜け漏れが出てきて大変になるなと感じました。

Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
Nuxt.jsでVuexストア連携を行う方法|Nuxt.jsの基本
WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認
iTerm2で起動時に左上に表示される「Tip of the Day(今日のTip)」を非表示にする方法
Visual Studio Codeの文字サイズやタブサイズの設定方法
「EWWW Image Optimizer」を使ってWordPressをWebPに対応する方法
WordPressでbloginfo()の一部パラメーターの廃止・非推奨に注意!
mac環境にnodebrew経由でNode.jsをインストールしてバージョンを管理する方法
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Visual Studio Codeのテキストを、書式設定無しでコピーする設定
Path Finder 8の一括名称変更で使える設定サンプルまとめ
Vue CLIのプロジェクト管理用のGUI機能から環境を構築する
Alfred Workflowで、AppleScriptを使ってFinderとPath Finderの現在開いているパスを取得する方法
常時SSL化の設定をしたのに「保護された通信」が表示されない時はパスにHTTPが残っているのかも?
右側の修飾キーをフル活用!Karabiner-ElementsでKeyboard Maestroのマクロを発火させる方法
Chrome拡張機能の「Create Link」を使って簡単にサイトリンクを生成する