サポート » 使い方全般 » サイドバーを消して1カラムにする方法

  • 解決済 uzume

    (@uzume)


    初心者です。
    固定ページのサイドバーを消して1カラムにする方法の質問です。
    使っているテーマはillyriaです。

    フロントの固定ページだけ1カラムにしたくて方法を調べたところ、
    まずサイドバーを消してから記事の余白の調整をする、ということでした。

    該当するPHPファイル(この場合(front-page.php)でした)から、
    <?php get_sidebar(); ?>
    の部分を削除してサイドバーを消すことができました。

    余白の調整ですが、CSSで記事エリアに該当する場所を見つけて、
    そこのwidth値を変更するらしいのですが、
    どれが記事エリアに該当するものなのかが見つかりません。

    例えばstingerというテーマであれば
    テーマによって書き方が違うらしいのですが、
    #wrap #wrap-in #main
    の下に書かれているwidth値がそうらしいです。

    CSS内で、[main]や[center]など検索をかけてみましたがそれらしき場所が見当たりません。

    この場所を見つける方法はありますか?
    もしくは、illyriaというテーマで[main]に当たる単語?を知っている方がいればご教示ください

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • デベロッパーツールを使い慣れてください

    インストールしてみました。「illyria」テーマの固定ページでは、サイドバーを含んだコンテンツ領域が、wrapper cf。本文枠は、postsになってました。

    style.cssに
    #posts
    という箇所がメディアクエリいくつかあると思いますが、それらを変更するとフロントの固定ページ(トップページ?)以外の全てのメイン部分の幅に影響が出てしまいます。

    トップページだけ幅を広げたいのであれば、style.cssの末尾に

    body.home #posts {
    	width: 100%;
    }

    を追加したらうまくいくと思います。

    munyaguさん、ご回答ありがとうございます。
    言われたとおりに、CSSにコードを書いたら無事余白の調整ができました!
    CSSの一番下に書いてみましたがだめだったので、カスタムCSSというのを使って、
    その固定ページのCSSに書きました所、無事成功いたしました。

    熊本地震東区避難所86日目さん、ご回答ありがとうございます。
    なるほど、デベロッパーツールを使って領域を調べることができるんですね
    今後も使うことがありそうです。

    お二人とも、本当にありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「サイドバーを消して1カラムにする方法」には新たに返信することはできません。