備忘)WordPressで作成したサイトに、htmlで作成したページをアップロードする方法をまとめます。
目次
手順① htmlをwordpress化(php変換)
index.htmlをpage-{任意のテーマ名}.phpにファイル名を変更します。
phpの先頭行に以下を追加します。
<?php
/*
* Template Name: {任意のテーマ名}
* Template Post Type: page (固定ページの場合はpage)
*/
?>
css, javascript, 画像の読み込み部分を変更します。
●変更前
<link href="abc/css/style.css" media="all" rel="stylesheet" type="text/css" />
●変更後
<link href="<?php echo get_stylesheet_directory_uri(); ?>/abc/css/style.css" media="all" rel="stylesheet" type="text/css" />
手順② WordPressにアップロード
既存テーマの子テーマとしてアップロードします。
wp-content\themes\cocoon-masterの配下に{任意のテーマ名}のフォルダ名で作成し、その配下にhtmlなどのファイルを格納します。
また {任意のテーマ名} フォルダの直下には、index.phpとfunctions.phpが必要です。
index.phpは空で良いです。
functions.phpも空で良いのですが、以下の記述が必要です。
<?php
最後の改行は必要ですので、気をつけましょう。
手順③ 固定ページを作成
WordPressの管理画面から作成します。
右側メニューの「テンプレート」から{任意のテーマ名}を選択します。
さらに、「パーマリング」も {任意のテーマ名} とします。
実際に既存サイトの子テーマとしてアップロードしてみた
既存サイトではCocoonテーマを使用しています。
htmlページを子テーマとしてアップロードします。
{任意のテーマ名} は”abc”としています。
abcの配下
固定ページの設定は、手順③と同じです。
以上で、既存テーマを使いつつ、子テーマとしてhtmlページを表示することをできます。
コメント