質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

202閲覧

トップページの上に画像を貼りたいが、なぜかできない

ryusei_kurata

総合スコア68

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/11/15 04:58

wordpress で、画像を貼り付けるため、編集から変えて、

HTML,CSS

1<p style="background-color:white;width:1440px ;height:1000px;background-image:url("http://polipoli.work/wp/wp-content/uploads/2017/11/polweb-2.png";"> </p> 2

このコードを打ったのですが、background-imageがなぜか反映されません!原因がわからなくて困っています。
助けてください!

サイト polipoli.work

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

background-imageはシングルクォーテーションで括ってください。
(ダブルクォーテーションで括るとスラッシュをエスケープしなければならなくなります)

background-image:url('http://polipoli.work/wp/wp-content/uploads/2017/11/polweb-2.png');

投稿2017/11/15 05:20

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/11/15 05:22

エスケープ以前に、ダブルクォーテーションで括るとstyle属性がその時点で終わりだと認識されてしまいますね。
ryusei_kurata

2017/11/15 05:23

ありがとうございます!無事できました! まだまだ初心者ですみません!
guest

0

ファイル名の後ろに ) が抜けているのでは。

<p style="background-color: white; width: 1440px; height: 1000px; background-image:url('http://polipoli.work/wp/wp-content/uploads/2017/11/polweb-2.png')"> </p> これでどうでしょうか

投稿2017/11/15 05:05

編集2017/11/15 05:09
chibi144

総合スコア64

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ryusei_kurata

2017/11/15 05:16

回答ありがとうございます! 僕のミスで、実は ) は元から入っていました! しかし、反映されませんでした!
dit.

2017/11/15 05:25

編集のモードが「ビジュアル」になっているということはありませんか? ark0214さん提示のコードをそのままテキストモードで張り付けたところ、問題なく背景画像が表示されました。 また、この状態だと、400*680の画像がタイル状に繰り返し表示されますが意図したものでしょうか。 背景としてではなくメディアの追加から画像が追加できるかも試してみてください。
ryusei_kurata

2017/11/15 05:28

直接テーマ編集で行なっているので、メディアの追加という項目がないのです! タイル状に繰り返されるのは確かに問題です!
ryusei_kurata

2017/11/15 05:30

トップページ編集なので、投稿画面での編集ができないです!
dit.

2017/11/15 05:36

画像はimgタグで表示します。 <img src="http://polipoli.work/wp/wp-content/uploads/2017/11/polweb-2.png"> こういう感じです。(pやdivでくくったりクラスをつけてCSSで調整する必要があるかもしれませんが) どうしても背景で表示させたい場合には現状のものにbackground-repeat: no-repeat;が使えますが、幅、高さを指定しているので余計な余白ができてしまいます。background-positionも指定しないと左上に寄りますし。
ryusei_kurata

2017/11/15 05:41

ご丁寧な回答ありがとうございます! 実はこの画像の上にもう一個貼り付けたい画像が存在していまして、それでbackground-imageにしました! 貼り付けたい画像にはimageでやろうかと思います!
dit.

2017/11/15 06:16

その場合にはbackgroundでよさそうですね。 ark0214さんコメント欄長々とお借りし失礼しました
ryusei_kurata

2017/11/15 06:26

こちらこそ、ご丁寧にありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問