外部htmlファイルを読み込む際、画像のリンクが出来ない

解決済 ueyamamasashi
(@ueyamamasashi)

4年、 5ヶ月前

ワードプレスのthemes直下に新しいフォルダを作成しhtmlファイルをショートコードを介して読み込ますようにしました。このサイトを参考にしています（http://ailaby.com/inc_html/#comment-32193）。
htmlファイルは投稿ページにショートコードを張って呼び出せましたが、imgタグのソースを呼び出せていません。
＜やってみたこと＞
新フォルダのindex.htmlと同じ階層にimageフォルダに画像を入れるやり方とpublic_html直下にあるuploadsフォルダを指定するやり方（前者は./image/img.png、後者は<?php echo 'https://webftp-sv8780.xserver.jp/index.cgi?action_download=on&current_dir=/my-site/public_html/wp-content/uploads/2019/11&file_name=img.png' ?>をパス指定しました）をやってみましたが画像は出ませんでした。htaccessはレンタルサーバー指示通り指定してあります。

現在、src属性に自分のクラウドストレージパスを入れて外部から画像を呼び出していますが、出来るならばワードプレスから呼び出したい。

なにか良いアドバイスはないでしょうか？

4件の返信を表示中 - 1 - 4件目 (全4件中)

comb
(@comb)

4年、 5ヶ月前

＞新フォルダのindex.htmlと同じ階層にimageフォルダに画像を入れるやり方
＞前者は./image/img.png
【こちらのパターン】
こちらはパスが違いませんか？これでは「投稿ページのURL/image/img.png」になっていますよね？
本来であればphpでうまいことやりたいところですが、そのHTMLファイルがどこから呼ばれてどういった用途かわかりませんし、あまり詳しくなさそうですので、とりあえずフルパスで指定しておけば表示されませんかね。

＞public_html直下にあるuploadsフォルダを指定するやり方
＞後者は<?php echo ‘https://webftp-sv8780.xserver.jp/・・・～・・・=img.png’ ?>をパス指定しました
【こちらのパターン】
エックスサーバーのファイルマネージャーのパスになってますね。
wordpressのメディアライブラリにアップロードした画像を使いたいという事かと思いますが、その場合はメディアライブラリ＞画像をクリック＞リンクをコピー　で取得したURLをsrcに指定してあげてください。

munyagu
(@munyagu)

4年、 5ヶ月前

こんにちは

前者で
/wp-content/uploads/2019/11/img.png
とやればいいんじゃないでしょうか。

後者は XSERVER のファイルマネージャか何かでしょうか。
ログインしていないと使えないので、無理と思います。

トピック投稿者 ueyamamasashi
(@ueyamamasashi)

4年、 5ヶ月前

comb さま

ご回答ありがとうございます。
ご意見通りに実行して無事解決いたしました。
srcに指定するパスがページURLであることを分かっていませんでした。
同階層なんだから相対パスで指定すればよいとばかり考えていました。
お察しの通りワードプレス・phpを分かっておらず、失礼しました。
ご丁寧な回答改めて感謝いたします。

トピック投稿者 ueyamamasashi
(@ueyamamasashi)

4年、 5ヶ月前

munyagu さま

ご回答ありがとうございます。
後者がｘサーバーのファイルマネージャなんですね。
ワードプレスのパス指定がページURLから始まると知らなかった
ことが原因でした。基礎を学んでおらず失礼いたしました。
無事解決いたしましたので、ご厚情感謝いたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「外部htmlファイルを読み込む際、画像のリンクが出来ない」には新たに返信することはできません。

トピックタグ

表示