iframe タグを設定するカスタムフィールドで利用する校正オプション setWidthFull

普通に、Google マップ から iframe で HTML をコピーして貼ると 600px になります。下の地図を確認すると右側が少しだけスペースが空いてしまいますね。

これを誰が投稿しても横幅 100% にしたいところです。

独自の校正オプションを作成してみます

extension/acms/Corrector.php に 以下のように追記します。

public function setWidthFull($txt)
{
   $txt = preg_replace('/width="\d+"/', 'width="100%"', $txt);
   return $txt;
}

これで、setWidthFull という校正オプションが準備できた事になります。

表示させる際に [setWidthFull] で呼び出しますが、iframe の HTML を出力させる際には、もう少し追加で校正オプションが必要になります。

<!-- BEGIN_MODULE Blog_Field -->
{googleMaps}[allow_dangerous_tag|raw|setWidthFull]
<!-- END_MODULE Blog_Field --> 

a-blog cms は PHP のコードは書かないでもいいって事になっていますが、知ってれば独自の実装もイロイロできますね。

著者写真
この記事を書いた人
山本 一道 / 有限会社アップルップル 代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

@kazumich

関連記事

この記事のハッシュタグ #ablogcms#校正オプション から関連する記事を表示しています。

a-blog cms の校正オプション buildTpl が作る未来の機能
a-blog cms の校正オプション buildTpl が作る未来の機能
バイブコーディング時代に a-blog cms が再評価される理由。 Gemini 3 / Nano Banana Pro で変わるWeb制作
バイブコーディング時代に a-blog cms が再評価される理由。 Gemini 3 / Nano Banana Pro で変わるWeb制作
なぜHTMLファーストな a-blog cms は長期運用に優れているのか
なぜHTMLファーストな a-blog cms は長期運用に優れているのか
a-blog cms Training Camp 2025 を開催しました
a-blog cms Training Camp 2025 を開催しました
a-blog cms 3.2 を MAMP にインストールして最後に Internal Server Error になる時には
a-blog cms 3.2 を MAMP にインストールして最後に Internal Server Error になる時には
a-blog cms 3.2 をリリースしました
a-blog cms 3.2 をリリースしました