前提・実現したいこと
HTML,CSSともに初心者で、いまいちHTMLとCSSの関係性が分かっていない者です
ただいまwpでホームページを作成中なのですが
topページの画像はウィンドウ横枠いっぱいに表示されるのに対し、固定ページ内の画像は幾分幅が狭い表示に設定なっています。
そこで、固定ページ内の表示もTOPと同じように、元の枠越えて横枠いっぱいに画像を表示させたいのですがやり方がわかりません。
お時間ある時、どなたか教えて頂ければ大変助かります。
【トップ画像】
HTML:カスタマイズからの編集のため不明。
【固定ページ内画像】
HTML:
<a href="http://3jigen-repair.com/wp-content/uploads/2018/05/Raise3Dアップ2-e1526965976454.png"><img class="aligncenter wp-image-420" src="http://3jigen-repair.com/wp-content/uploads/2018/05/Raise3Dアップ2-e1526965976454.png" alt="" width="1491" height="576" /></a>
試したこと
自分の考え方が、根本的に間違っているかもしれませんが、
あるイメージに対し、以下のようなCSSをブログで見つけては貼り付けてみましたが、変化がありませんでした。
img {
width: 100%;
height: 400px;
object-fit: cover;
}
.page .article-body {
padding: 0;
}
などなど…
補足情報（FW/ツールのバージョンなど）
WordPress 4.9.6
OS:windows10
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
+1
テーマによると思いますが、最近のものはトップページのみ最大幅でヘッダー画像が設定されるものが多く、その他のページは特定の枠の中で（という書き方をさせていただきます）表示するという方法が一般的です。
どんなテーマを使われているのか、どの枠でその画像が挿入されているのかが不明なためこれ以上のアドバイスができないことをお許しください。
無料で配布されているテーマであればテーマ名を追記すれば同じものを使ってらっしゃる方やテスト的に使ってみた方から正確な回答が得られるでしょう。
さらには公開しているサイトでしょうから特に隠す必要もないかと思いますので、現象の出ているサイトのURLを提示することで（幅の大きいページと幅が狭くなってしまっているページだけでも）、そのソースを表示してどうしたらいいかというアドバイスが受けられるのではないかと思います。
大変失礼な話ですが、どの枠で？どのCSS？というのを書かれてもお分かりにならないかな？という感じが質問からしましたのでできる限りの情報を開示して「ここをこう書き換えれば？？」という形で回答を得られた方が解決は速いのかもしれませんよ。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう！
- ただいまの回答率 90.53%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
質問への追記・修正、ベストアンサー選択の依頼
mts10806
2018/06/08 11:08
「WordPress 」もタグに追加してください。また、テーマ名、有料のものだと回答を得るのが難しくなると思いますので、該当の箇所のhtmlもご提示ください。あと画面キャプチャがあると現在の状況からどうすればいいかアドバイスをもらいやすくなります。 また、質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わりますし、質問一覧に表示されるのでわかりやすくなります。
wit
2018/06/08 11:36
至らない点を教えてくださりありがとうございます。
kei344
2018/06/08 19:40
使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。
yoshinavi
2018/06/09 11:03
「＞などなど…」とありますが、HTMLやCSSの1行がレイアウトに関わります。関連する箇所の要素等（親子の部分）のHTMLとCSS（必要であればその他のコードも）を提示されると、より良い回答を得れると思います。