- ベストアンサー
wordpressヘッダー下の余白の削除方法
- wordpress初心者に向けた、ヘッダー下の余白を削除する方法について解説します。
- 実際のデモサイトでは見られないヘッダー下の余白とHOMEテキストを消す方法を紹介します。
- CSSコードを使用して、ヘッダー下の余白を調整する方法を詳しく解説します。
- ihakeaheulawe
- お礼率62% (59/95)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
普段のブラウザは何をお使いですか？ Google Chrome を例に説明すると、 1.特定したい要素の上で右クリック 2.出現したメニューの一番下、検証を選択 3.デベロッパーツール（開発者用画面）が開く 上記手順で選択した要素のidまたはクラス名を確認し、それに対してcssでdisplay:none;を指定してください。 IEやfirefoxでも同様の機能がありますので、お使いのブラウザ名と「開発者モード」あるいは「デベロッパーツール」という言葉で検索してみるといいでしょう。 全くの初心者ということでできるだけ具体的なアドバイスをしてあげたかったのですが、今いただいている情報だけではこれが限度です。 頑張ってください。
その他の回答 (2)
- AsarKingChang
- ベストアンサー率46% (3467/7474)
>これを追加CSSに入力した下に、display:none;を入力すれば良いのでしょうか？ それでいいかどうかも、デベロッパーモードですよ！ デベロッパーモードで書き換えると、リアルタイムに反映されますから！ で、思った通りのレイアウトなどになったら、 それをCSSに書けばいいのです！ 毎回書いてアップロードなんてだるいでしょ！ ということで、デベロッパーモードでの直接エディットを 覚えれば、いろいろ楽になりますよ！！ ファイト！
お礼
回答ありがとうございます！デベロッパーモードに書き換えて確認するんですね！なるほど～！早速試してみます！！頑張ります！！
- AsarKingChang
- ベストアンサー率46% (3467/7474)
CSSではなく、要素そのものを特定してください。 それに対して、Dispay:Noneで消えますよ。 恐らくテンプレの中に実体があるとは思うので、それを探すのでもOKですが。 実際のものを見ないとなんとも。 ただ、要素そのものに対してのCSSのほうが強いので、 それでいったんは消えますよ。
お礼
お返事ありがとうございます！ すみません、、、HP作成が全くの初心者でして・・・要素そのものの特定とはどこを探したら良いか教えて頂けますか？ それに対してDispay:Noneというのは追加CSSに入力したらよいですか？
補足
色々と皆さまに教えて頂きながら自分自身でも調べたり、いじったりしているうちに、固定ページ編集でwpbakery page builderの下の方に ND options pageという項目に下記、 Title □ Check if you want to hide the title page. Margin Top / Bottom □ Check if you want to remove the automatic page margin on top and bottom of the page. という項目を見つけ、✔を入れたところ、余白もHOMEテキストも消すことが出来ました！！ 皆さまから教えて頂いた内容とても勉強になり今後の糧になりました。 HPの作成頑張ります！！！
お礼
詳しく教えて頂きありがとうございます！！凄い～っ！！！デベロッパーツールって便利な機能ですね～！！今までに間違えてボタンを押してこの画面が出てきた事が何度かありましたが、HTMLとCSSが見れるとは・・！感動しました！！ 試してみましたところ、恐らく下記だと思います。 HTMLコード：<div class="nd_options_section nd_options_height_50"></div> CSS:.nd_options_height_50 { height: 50px; } これを追加CSSに入力した下に、display:none;を入力すれば良いのでしょうか？
補足
ただ・・色々と皆さまに教えて頂きながら自分自身でも調べたり、いじったりしているうちに、固定ページ編集でwpbakery page builderの下の方に ND options pageという項目に下記、 Title □ Check if you want to hide the title page. Margin Top / Bottom □ Check if you want to remove the automatic page margin on top and bottom of the page. という項目を見つけ、✔を入れたところ、余白もHOMEテキストも消すことが出来ました！！ 皆さまから教えて頂いた内容とても勉強になり今後の糧になりました。 HPの作成頑張ります！！！