おすすめ記事
-
2017.09.28
【Photoshop講座】GIF動画と静止画の合成はこう！ -
2014.02.15
お金をかけずにWEB制作！超便利な無料ツールまとめ -
2017.10.14
【2018版戌年】年賀状に使える無料イラスト素材 -
2017.10.16
【2017年版】忘年会の招待状無料テンプレート作りました。 -
2015.02.21
不思議の国のアリス素材を集めてみたよ♥めっちゃカワイイ！
© STUDIO-colorz All rights reserved.
ヘッダー背景やフッター背景を画面いっぱいに表示させる方法
WordPressはヘッダー、コンテンツ、フッターなどが別のファイルに分かれているので、
HTMLのつもりでコーディングしているとあれれ？ってことがよく起こります。
この方法はコーディングしていて結構重宝しますので、
自分のメモ代わりも兼ねて記事にしたいと思います。
実は結構簡単に実装できちゃう
私は記述が長いのが好きではないので、
短く簡単にすんじゃう方法を探していたら、ありましたよ(*´艸｀*)
私好みの方法が。
【参考サイト】
コードはこちらになります。
超シンプル！
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
html { overflow: auto; } body { width: 100%; overflow: hidden; } #header { margin-left: -500%; margin-right: -500%; padding-left: 500%; padding-right: 500%; } |
overflow: hidden; で横伸びをカットしているんですね。
ふむふむ・・・こんな方法で実装できちゃうとは。
・・・勉強になりますっっっ！
WEBデザイナーさん必見！ おすすめのポートフォリオ【無料WordPressテーマ】
WEBデザイナーさんが自分の作品を見せる時に、 ポートフォリオがまとめられたら見やすいですよね。 私が使ったことのあるテーマから、これか…
【SSL化対策】WordPressのURLを「http」から「https」に変更する方法
SSL化対策、今までやってなかったんですよね。 なんか面倒くさくって・・・ でもね、セキュリティ面を考えてもねやったほうがいいんだな…
【WordPress】プラグインのアップしたら「Parse error」が出たし
げ！！！！！ プラグインアップしたらサイト真っ白だし！！！！！ Parse error: syntax error, unexpec…