Synaweb.net シナウェブ

デザインやmacやその他いろいろ
(当サイトはプロモーションが含まれています)

htmlからWordPressテーマを作成する際に一括変換する箇所

私がWordpressのテーマを作成する際、デザインデータを元に一旦すべてhtml/cssにコーディングします。
そこからテーマ用にheader.phpやfooter.phpなどに分割して作成します。
後でデザインを修正する際なども直接コードを書き換える方が個人的に楽なので、各ページ内の内容もWordpressのエディタなどは使わずhtml/cssのままです。
通常、Wordpressの機能が必要なケースも少なく、必要最低限(新着情報やフォーム程度)だけだったりしますので、この方がよかったりします。

その際、まとめて変換するものが以下です。

まずはページリンクの変換です。
TOPページにはindex.html、個別ページには(Wordpressでのurl).htmlで書いています。

href="index.html

   ↓

href="<?php echo home_url('/'); ?>
href="(.+).html

   ↓

href="<?php echo home_url('/'); ?>$1

次に画像ファイルの変換です。
画像ファイルはすべてimgフォルダに入っています。

src="img

   ↓

src="<?php echo get_template_directory_uri(); ?>/img

これでbody部分はだいたい完了です。
pictureタグや他にリンク系のタグ使ってたらそれもこんな感じで一括変換します。
私の場合、VS Codeで全ページ一括変換してます。

他の方の参考になるかはわかりませんが、しばらくコーディングしないと忘れるので私の覚え書きです。