Q&A
関係している具体的なコード（HTML/CSS、PHPなど）を追記してもらえますか？ また、画像とWordPressのインストールされているディレクトリ（wp-adminやwp-contentのあるディレクトリ）との位置関係を追記してもらえますか？
模写サイトを
wordpress化しようとして、
wordpressにhtmlなどをphpに変えて、
アップロードにしましたが、
cSsとhtmlは
読み込まれたんですが、
背景画像だけは
読み込まれませんでした。
しかしimg srcの画像は
読み込まれました。
画像はimagesファイルに入っています。
絶対パスや相対パス
も色々試したんですが
ダメでした。 main.jpgの他にも4つほどありますがうまく行っていません![![イメージ説明]
背景画像を読み込む時には何か
イメージ説明[)
やり方があるんでしょうか
index.php
<?php get_header(); ?> <body> <?php get_header(); ?> <div class="main"> <p>プログラミングで<br></div> <div class="section1">人生の安定を手にいれよう</p> <img src="/images/isaralogolarge.png" alt=""> <h4 class="bankoku" style="font-size: 20px; line-height: 1;padding-top: 20px;">バンコクのノマドエンジニア育成講座<br> iSara[イサラ]</h4>
</div><p class="top1">まずは２０日間で、<br> 月１０万円稼げるスキルを手にいれよう。</p> <p class="whitetext">※受講料金は実質０円です。詳しくは資料請求をどうぞ。</p> <div class="otoiawase"> <a href="#"> <p class="submit1">お問い合わせ&資料請求はこちら</p> </a> </div> <div class="hiniti"> <p>第６期生：2019年11月25日 ~ 2019年12月14日＊締め切りました </p> <p>第７期生：2020年2月17日 ~ 2019年3月7日＊締め切りました</p> <p>第8期生：2020年4月〜5月ごろを予定＊資料請求受付中です</p> </div>
style.css
.main{
text-align: center;
background-image: url("/Users/abeshmupeii/Desktop/sunshine 2/images/main.jpg");
background-repeat: no-repeat;
padding-bottom: 250px;
padding-top: 200px;
background-size: cover;
}
コメントありがとうございます 回答に３枚 本文に１枚追加しました。
コードは質問文に、画像としてではなく文字として記載してもらえますか。また、該当するCSSも記載してもらえますか。
わかりました。 今コードを本文に追記しました。
質問文に記載したCSSだと「image: url("/Users/abeshmupeii/Desktop/sunshine 2/images/main.jpg");」と指定してありますが、結局画像はどこに存在するのですか？
今確認したら指定先が間違ってました。
解決出来ました。
ありがとうございます。
とても参考になりました。
回答2件
0
ベストアンサー
背景画像を読み込む時には何かやり方があるんでしょうか
WordPressでも、スタイルシートに画像のURLを記載する方法で問題ありません。
たとえば、
wp-content\themes\twentynineteen-child\images\IMGP3325.JPGという画像が存在するなら、wp-content\themes\twentynineteen-child\style.cssでは以下の様に書きます。
CSS
1body { 2 background-image: url("./images/IMGP3325.JPG"); 3}
投稿2020/02/07 10:55
退会済みユーザー
総合スコア0
0
画像です
投稿2020/02/07 10:26
総合スコア105
あなたの回答
tips
プレビュー
