こんにちは、福岡のコピーライター田中です。
今日はこのサイトでも使っているWordPress（ワードプレス）についての記事。
お恥ずかしながら、このホームページへの検索流入が最も多いのは下記の記事からです。
こんにちは、福岡のコピーライター田中です。 今日はワードプレスの困ったちゃんを解決する方法を備忘録的に掲載します。 何かと問題がおきがちなワードプレスですが慌て…
is-ai.com
コピーライティングとか、広報系のネタとか、そういうのでたくさん流入取れるとうれしんですけど、わからんもんです 笑
さて、余談もそこそこに本題に入ります。
WordPressで構築したサイトの固定ページで特定の箇所を全幅表示にできるコード
の紹介です。
WordPress固定ページの一部箇所を全幅に
今ご覧頂いているこの記事で、例えば下記のように画像を上げたとき、画像アップロードの種別を「フルサイズ
」にしても幅に制限があります。
これにこのコードを設定するとあら不思議、全幅に変わります。
【全幅にするコード】
<div class=”wide-section” style=”margin:0 calc(50% – 50vw); padding:3em 0; background-color:#0000;”> <div class=”container”>
<!– ここから中身 –>
●●●●
<!– ここまで中身 –>
</div> </div>
●の箇所にテキストなり画像なりいれると全幅になります。
特定の1ページだけをLPっぽく使うときとか便利かもしれません。
こういう一部を全幅にしたりとか背景をうんぬんかんぬんするのって大変ですよね。
もう少しちゃんと勉強せんと。