【Wordpress】TCDテーマ「GENESIS」関連メモ

Mon, 03 Jun 2024 00:00:00 +0000

TCDのワードプレステンプレート「GENESIS（ジェネシス）」でサイト制作した際に参考にしたページのメモ。

TCDテンプレート用のCSSリファレンス

GENESIS用のタグとCSS

https://demo.tcd-theme.com/tcd103/quicktags

共通CSS

TCDのテンプレートで共通して使えるCSS集。

すべてのTCDテーマで使える｜便利なCSS・汎用クラスの使い方 | ワードプレステーマTCD (tcd-theme.com)

TCDテーマ「GENESIS」の公式ページ

WordPressテーマ「GENESIS（TCD103）」 (tcd-theme.com)

デモサイト

MovableTypeのregex_replaceでシングルクォーテーションの置換えをするとエラーが出るとき

Thu, 11 May 2017 22:21:55 +0900

MovableTypeでAMP対応のページを書き出すためのテンプレートができてもGoogle Search ConsoleのAccelerated Mobile Pagesで致命的なエラーや警告が次々出てきてHTMLのソースを修正しなければならない部分がたくさん出てきました。

border=“0”やtarget="_blank"とかstyle=""**を使ったらダメとか…。

これらと一つ一つを正規表現で置換をするMT関数のregex_replaceを使って不要な要素を削除することにしました。

ただ、自分は正規表現が苦手でなかなか思った通りの置換や不要な文字列の削除ができませんでした。しかし、なんとか解決できたので参考になった正規表現のサンプルのページやソースをメモ。

正規表現による置換の参考

https://nelog.jp/wordpress-content-to-amp https://nelog.jp/wordpress-content-to-amp

上記のページはWordPress向けにPHPで書かれておりますが、わかりやすかったです。

シングルクォーテーションでエラー

ここまではよかったのですが、シングルクォーテーション（’）でつまずきました。

例えば、borderを消そうとしたとき、**border=“0”やborder=‘0’**のように0をダブルクォーテーションで囲ってある場合と、シングルクォーテーションで囲ってある場合があります。正規表現の検索対象にシングルクォーテーション（’）が含まれていると、DreamWeaverや正規表現の使えるテキストエディタではちゃんと置換ができるのに、全く同じ正規表現をMovableTypeのテンプレートに使うとエラーが出てうまくいきませんでした。ダブルクォーテーション（"）だけだと問題なく置換できました。

エラーが出たソース

<$mt:Var name='regex_0' value='/( border| target| style| onclick)=["'](.*?)["']/g'$>
<$mt:Var name='regex_1' value=''$>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

["’]のように****のvalueの値にシングルクォーテーション（’）を含まれているとエラーが出ます。シングルクォーテーション（’）に¥マークを付けて**¥’**とエスケープしてもダメでした。

原因は変数の使い方

原因はMTのテンプレート内で使う変数をセットする書き方（）が悪かったようで、以下のページ内にもあるように**～**を使って変数に正規表現の検索対象を入れて使うと解決できました。

http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html http://www.skyarc.co.jp/engineerblog/entry/regex_replace_1.html

ダブルクォーテーション（"）は特に問題ないのですが、シングルクォーテーション（’）は注意が必要です。

うまくいったソース

<MTSetVarBlock name="regex_0">/( border| target| style| onclick)=["'](.*?)["']/g</MTSetVarBlock>
<MTSetVarBlock name="regex_1"></MTSetVarBlock>
<MTUnless regex_replace="$regex_0","$regex_1">
<mt:EntryBody>
<mt:EntryMore>
</MTUnless>

これで、border=""、target=""、style=’’、 onclick=’‘など、ダブルクォーテーションとシングルクォーテーションのどちらで囲ってあっても全部削除できます。

タグ on qwerty.work