自作LP(html, css)をwordpressの固定ページにテンプレート化して表示することができません。

Question

実現したいこと

1から作った自作LP(html, css)を、コーポレイトサイトとして運営しているwordpressに、固定ページでアップロードしたく思っているのですが、画像の表示とcssを効かせることができません。

試行錯誤したのですがなかなか上手くいかず、もし何かアドバイスをいただける方がいらっしゃいましたら、よろしくお願い致します。

前提

1)自作したLPファイル
-sample-lp
└sample-lp.html
└sample-lp.css
└img(LPで表示したい画像が入っている)

2)sample-lp.htmlをphpファイルに書き換え、最上部に

<?php /* Template Name: sample-lp */ ?>

の記述を追加し、固定ページのテンプレートで選択できるようにしました。

3)これらのファイルをhttps://example.com/public_html/wp-content/themes/の下層にアップロード。

4)function.phpに、以下のコードを追加。
function include_custom_css(){
if(is_single()||is_page()){
if($css = get_post_meta(get_the_ID(), 'includeCSS', true)){
echo "<link type="text/css" rel="stylesheet" href="{$css}" />\n";
}
}
}
add_action('wp_head','include_custom_css');
→sample-lpを表示したい固定ページの編集画面で、カスタムフィールドを「名前：includeCSS」、「値：https://example.com/public_html/wp-content/themes/sample-lp.css/」に設定。

発生している問題

1)sample-lp.phpのテキストは表示されますが、cssが反映されていない。
2)画像が表示されない。

恐縮ながら、そもそもやり方が間違っているかもしれませんが、何かアドバイスをいただける方がいらっしゃいましたら、ご教示いただけますとありがたいです。
何卒よろしくお願い致します。

Answer 1

get_post_meta(get_the_ID(), 'includeCSS', true)

上記の結果はどうなってますか？
$cssの出力内容確認してください。

外部CSSきかない外部js起動しないの原因ってほとんどがパス合ってないことですけど、どちらもブラウザで直にURL打ってアクセス確認できるので、まずは直アクセスで確かめて、HTMLに埋め込まれたパスと同じかどうかを確かめてください。

Comments

[kazuki08122950]

ご回答いただきありがとうございます。

ご指摘いただいた通り、パスが合っていないことが原因でした。
修正をかけたところしっかりと反映されました。
お助けいただいてありがとうございました！

[m.ts10806]

どのように修正したかコメントでも残しておくと同じ問題を抱えた誰かがみたときに参考になりますので、具体的なコードなど記載してもらえればと