WordPressテーマやプラグインを使っても解決ができない問題があり、横着して出力されるHTMLに手を加えたくなることがある。
私が知る限りでは方法が2つあり、それをスクリプト言語のカテゴリで分けるとすると、1つはPHPのコードにて実装する方法、2つはJavaScriptを使用する方法である。
1.PHPを使用する方法
アクションフックのafter_setup_themeを使用して出力バッファを正規表現パターン関数(preg_replaceなど)を用いて置き換える。
JavaScriptを使用する方法
プラグイン「Simple Custom CSS and JS」を用いて、JQueryなどを埋め込んでDOM描画の前に書き換える。
上記、2つの方法がある。恐らくjQueryを利用した方がHTML構造をそのまま活かせるので何かと楽だと思われる。ただし、それだと上手く行かず複雑な処理はHTMLでがりごり書くという荒業が使える。
コメント