こんにちは
画像サイズで「フルサイズ」を選択すると、画像サイズまでは広がると思います。
画像サイズに関係なく常に横幅いっぱいにする場合は、テーマで align-wide をサポートする(add_theme_support())ようにし、「幅広」または「全幅」を選択してみてください。
参考ページ: https://techmemo.biz/wordpress/align-wide-support/
ishitakaさま
ご回答ありがとうございます。いつも参考にさせていただいております！
教えていただいた記事を参考に、テーマエディターの中のfunctions.phpにコードを追加し、その後CSSに幅広・全幅のCSSを追加してみました。
新しい記事に写真を追加したところ、写真自体は広がったのですが、どうしても両脇に余白の様なものが残ってしまいます。
両端まで余白なく画像を広げたかったのですが、このテーマですと、これが限界ということなのでしょうか？
教えていただいた
>テーマで align-wide をサポートする(add_theme_support())ようにし、「幅広」または「全幅」を選択してみてください。
というサポート？がテーマ内に見つからなかったのですが、もう少しだけ砕いて教えていただけないでしょうか？
よろしくお願いします。
>テーマで align-wide をサポートする(add_theme_support())ようにし、「幅広」または「全幅」を選択してみてください。
というサポート？がテーマ内に見つからなかったのですが、もう少しだけ砕いて教えていただけないでしょうか？
テーマ内に見つからない場合、前レスで挙げた参考ページのコードをテーマの functions.php に追加してみてください。追加すると画像ブロックで「幅広」と「全幅」を選択できるようになります。
「全幅」を選択しても全幅にならない場合、「幅広」で両端に隙間ができる場合は、下記 CSS を追加してみてください。
.alignwide {
margin-left: 0;
margin-right: 0;
max-width: 100vw;
}
.alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
}
.alignfull img {
width: 100vw;
}
ishitakaさま。
早速のご回答ありがとうございました！
出来ました！！
テーマエディタの下の方に関数の解説という部分を発見し、そこで(add_theme_support())を選択。
画像ブロックという部分があることにも気がつき、「幅広」と「全幅」を選択できるようになっていました。
さっそく画像をアップしたところイメージ通りに、余白なく記事の端まで表示されていました！
今回は非常に勉強になりました。
またつまらないことを質問するかも分かりませんが、その時はどうかお付き合いください。
