• ベストアンサー

ブログ(WP)の下にできる大きな余白を消したい

wordpressで「Themehaus」というテンプレートに変更しました。 色々カスタマイズしたのですが、どうしてもブログの下に大きな余白(スペース)ができてしまいます。 余白ができるのはトップページ・記事ページ・固定ページ・検索ページ等で、唯一カテゴリページは空いていませんでした。 ブログがもう一つ置けるくらいの大きな余白でして、フッターウィジェットの為に空いているのかな?と思いましたが、CSSでその辺やwidth等をアチコチいじっても変化ありません。 どうしたらこの余白を消すことができるのか教えて下さい。 宜しくお願いします。

noname#251892
noname#251892
  • CSS
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • yuki_n_y
  • ベストアンサー率59% (938/1588)
回答No.2

First: スタイルシート (style.css) /* Base */ body { に marginを入れていないか カスタム CSSにmarginを記述していないか こちらでは正常に表示されています。 後、対策の一つとして、Themehaus Firstに似ているテーマに一時待避して、Firstを削除インストール有効で元に戻す方法もご検討してみてはどうでしょうか。 こちらの環境はWindows10Pro クロームです

noname#251892
質問者

お礼

すいません。 削除後、CSSも初期化されました。 削除して反映されるまで時間差があるみたいです。 でもスペースは埋まっていませんでしたw つまりやっぱり原因が不明ということで・・・。

noname#251892
質問者

補足

/* Base */にmarginは無かったですね。 カスタムCSSはいじってないです。 それでテンプレート削除したのですが、やっぱりダメでした。 でも、phpは初期化されたものの、CSSだけ何故か変わってないみたいです。 そちらでは正常と言うことはやはりこっちのCSSに問題ありということですね~・・(ちなみにWin7クロームです)。 tableとhrの表示を変えたくていじったので、そこかもしれません。 /* Table */ table { border-top: solid 1px #e6e6e6; font-size: 93.8%; margin: 0 0 1.6em; width: 100%; } caption { margin-bottom: 0.6em; } table th, table td { border-bottom: solid 1px #e6e6e6; padding: 0.8em 1.2em 0.8em 0; } th { font-weight: 600; text-align: left; } hr { background-color: #eee; border: 0; height: 1px; margin: 0 0 1.5em; }

その他の回答 (1)

  • yuki_n_y
  • ベストアンサー率59% (938/1588)
回答No.1

Themehausは企業名です テーマをお願いします。 外観、現在のテーマをクリックしますと、右に、コピー・ペーストしてください。

noname#251892
質問者

補足

失礼しました、「First」です。 宜しくお願いします。

関連するQ&A

  • blogのwrapperの上下に余白が10pxほど空いていますが、つめるにはどうしたらいいでしょうか?

    wordpressを使用してブログを作成していますが、wrapperの上下の部分に、10pxほど余白ができてしまっています。 IE5 IE6 FireFoxのいずれでも、余白があるのですが、この余白をつめるには、どうしたらいいのでしょうか? cssの定義は以下の通りなのですが、これは、cssでは、余白を埋めることはできないのでしょうか? .wrapper { background: url(images/wrapper.png) repeat-y; position:relative; width:1000px; margin:0px auto 0px auto;

    • ベストアンサー
    • HTML
  • ブログのCSS編集について教えてください

    CSS編集初心者です。 ウェブリブブログのカスタマイズを教えてください。最初デザインテンプレートを使っていましたが、カスタマイズしようと思いトップページの背景の変更はできました。記事ページもカスタマイズしたいのですができません。初心者で言葉が変かもしれませんが・・・記事ページをまっさらにしてからカスタマイズしなくてはいけないのですか? 元のプレートのままで何も変わりません。どなたか初心者用の解説をお願いいたします。

  • こんなことが出来るブログ。

    おはようございます。 長らくブログでぼちぼち記事を書いてきたのですが、だんだん記事がたまってきて最近サイトの見通しが悪くなりつつあります。 ですのでブログのトップページに、 ・カテゴリタイトル   ├カテゴリ内の記事タイトル(記事の日付)   ├カテゴリ内の記事タイトル(記事の日付)   ├カテゴリ内の記事タイトル(記事の日付)   └カテゴリ内の記事タイトル(記事の日付) というような、カテゴリ別の記事への案内を載せたいと考えております。 このようなことが出来る(もしくはカスタマイズで設定できる)ブログってありませんでしょうか? 今現在 Seesaa を使用しているのですが、色々カスタマイズしてみたもものちょっと無理なようでした。 よろしくお願いいたします。

  • Seesaaブログのテンプレートカスタマイズについて。

    Seesaaブログカスタマイズについての質問です。 http://inqsite.seesaa.net/category/251966-1.html にある「<< 1 2 3 >>」や、 http://inqsite.seesaa.net/article/69975938.html のような「<< 前の記事 | TOP | 次の記事 >>」などのリンクは、どのようにテンプレートをカスタマイズすればよいのでしょうか? 教えてください。

  • ブログコンテンツをホームページに、、、

    ホームページを作っています。 トップページがあり、そこからコンセプトやアクセスなど色々なページに飛ぶようになってます。 一つのページをブログにしようと思っています。 色々凝った作りにしているので、ブログサイトでするつもりがありません。 このようなことができるのか、教えて下さい。 https://www.stmartin.edu/     http://www.izumi.akita.jp/child http://denatex.jp/         http://honke-owariya.co.jp/ http://www.waterras.com/     http://gloops.com/ 上記の皆様のようにトップページに最新記事のいくつかの写真と記事を表示して、そのページにいくと、ブログのページにいく様にしたいのです。 一番上の左のアメリカの大学の様に新しい記事の表示、その前の記事と前の前の記事をcssやhtmlで凝った表示にしたいのですが、どうすれば・・・? わざわざ新しい記事を作るたびに、トップページのこの部分を更新しているのでしょうか? それとも何かWebツールなのでしょうか?WordPressの埋め込み? 色々調べているのですが、わからなくて困ってます。 さらに自前のHPの仕様(ヘッダ、フッタ、cssアニメーションなど)で、ブログ用のページを作ろうと思っているのですが、これもどうすれば?って感じなんです。。。 ヘッダーやフッターがあり、他にもcssなどで凝った作りにはしているので、「WordPressで作り直したら」というのはなしで、、、 どうか皆様お助けを・・・

    • 締切済み
    • CSS
  • FC2ブログのカスタマイズ

    FC2ブログで特定のカテゴリや記事をブログに載せないようにするにはどのようにしたらよいか教えてください。 例えば、 記事1:アニメのタイトル(5つ)を書く (URLは記事2~5のURLを用いる) 記事2~5:記事1に書いたタイトルの詳細を個別に書く 記事1から記事2から5の記事を読めるようにし、記事2~5はカテゴリや記事をTOPページなどでは見れないようにしたい場合どのようにカスタマイズすればできますか? 分かりづらいかもしれませんがよろしくお願いします。

  • ブログ内の余分な余白を削除できずに困っています

    FC2でブログを作成中の者です。今、記事横のプラグインと呼ばれるカテゴリー等を表示する部分の調整をしているのですが、そのタイトルと内容の部分に余分な余白ができてしまっています(下記参照)。 ■=余白 ■■■■■■■■■■ ■■■■■■■■■■ ■■■■■■■■■■ タイトル ■■■■■■■■■■ ■■■■■■■■■■ ■■■■■■■■■■ ※内容部分も同様の状態。 このように大きな幅の余白が上下にできてしまっています。marginやpaddingの問題かと思い確認しましたが、どうやらそうではないようです。 テンプレートは共有テンプレートからダウンロードしたものなのですが、その時点ではプラグイン部分は普通に余白もない状態でした。どうやら私の未熟な加工が原因のようです。 marginやpaddingの他にこのような余白(スペース)ができる要因はあるのでしょうか?もしご存知の方がいましたら教えてください。

  • ブログ・HTML/CSSについて

    ざっくりとしたタイトルですみません。 作りたいブログがあり、レイアウトを考えていた際に疑問に思ったので質問させていただきます。 ブログのトップページに、最新記事一覧を掲載したいと考えています。 イメージとしては、記事の画像とタイトル(リンク付き)を1セットとして、横に3つずつ配置したいです。 このような場合、HTML/CSSで書いていく方法もあると思うのですが、 そもそも、ブログエンジン(はてなブログ、wordpressなど)では最新記事を書いたら自動的にトップページに最新記事が追加される作りになっているのでしょうか。もしそういうサービスを提供しているブログエンジンがあれば教えてください。 HTML/CSSを勉強し始めたばかりのため、上級者の方にとって当たり前のことを質問しているかもしれませんが、よろしくお願いします。

  • wordpressで余計な余白を削りたい

    WorpdressでTwenty Seventeenというテンプレートの子テーマを使っています。 静的HTMLページで作ったサイトをWordPressに持ってきたのですが、 静的ページより全体的に余白ができてしまって困っています。 画像と画像の間やヘッダーの上部です。 style.cssで追加したmarginやpaddingをいじっているのですが、静的ページと同じになりません。 余白を削る良い方法はありますでしょうか。 img { vertical-align:bottom; } で画像間の隙間を無くしてみました。 vertical-align:bottom; を追加する前とした後では隙間の出来が違うのですが、それでも静的ページと同じになりません。 「ヘッダー」もfunctions.phpに add_filter( ‘show_admin_bar’, ‘__return_false’ ); を追加したら追加する前よりは余白が減りましたがそれでも静的ページより余白ができてしまいます。 atyle.css以外の場所で余白を削るのかもしれません。

  • WP特定のカテゴリだけに表示させる方法

    ブログカテで回答頂けなかったので、こちらに再度書かせて頂きます。 この度wordpressを始め、現在カスタマイズを行っているのですが壁にぶつかっております・・・。 と言うのも、ある特定のカテゴリに属しているページにのみ共通してページ上部にマスコット的な画像リンクを掲載したいのですが、テンプレートに直接記述しても、望んでいない他のページにも表示されてしまいます・・・。(当然かと思いますが・・・) そこで、A・B・C とそれぞれ異なるカテゴリがあったとします。 その配下には、またそれぞれ3つの記事ページがあると仮定いたします。 その状況で、カテゴリBの支配するページにのみ画像リンクを表示するにはどうしたらよいでしょうか?(記事一覧が表示されるカテゴリページ自体も含む) 何かプログラム的な記述で振り分けるのでしょうか? もし、ご存知の方いらっしゃいましたら具体的な方法をアドバイス頂けますと大変助かります。 どうぞ、宜しくお願いいたします。m(_ _)m

    • ベストアンサー
    • PHP

専門家に質問してみよう