サポート » テーマ » テーマ「oxygen」でのサイドバーの幅を変えたい

  • 解決済 isaminaoka

    (@isaminaoka)


    はじめて投稿させて頂きます。ワードプレス初心者です。
    ワードプレスのテーマ「oxygen
    でサイトを作っています。
    今回、左サイドバーの幅を、max-width: 940pxの中で少し広げようとstyle.cssを編集してみましたが、全く変更されません。このフォーラムにも過去同様の質問があり(過去記事)ここに記載のあるように変更しましたが、それでも一切反映されませんでした。いじったのはcss内、/* Layout/の箇所のみです。
    他記事を拝見した所、oxygenは、デバッグモードの場合は、style.cssを読み込み、通常モードの場合は、style.min.cssを読み込むようになっているそうで、style.min.cssも書き換える必要があるのでしょうか?その際、このstyle.min.cssはどのように書き換えれば良いでしょうか??
    style.cssと同内容を、style.min.cssに書き換えることもやってみましたが、それは上手く行きませんでした。

    色々いじってみましたが上手く行かず、困っています。
    初期設定の幅はサイドバー160pxですが、これを240pxくらいにしたいです。

    因に、書き換えた際使用したのか下記です。過去記事通りに17opxになるようにやってみましたが、反映されませんでした。

    初心者で申し訳ないのですが、どなたかお助け頂けると幸いです。
    宜しくお願いします。

    /* Layout
    ————————————————————– */
    #main {
    clear: both;
    width: 100%;
    margin: 0 auto;
    position: relative;
    }
    .page-template-fullwidth #content { width: 100%; }
    .content-wrap {
    float: right;
    width: 78.7234042553191%; /* 740 / 940 = 0.787234042553191 */
    }
    .page-template-fullwidth .content-wrap { width: 100%; }
    #content {
    float: left;
    width: 100.0%; /* 740/ 740 = 1.0 */
    margin: 0 0 30px 0;
    }
    .aside {
    float: left;
    width: 18.0851063829787%; /* 170 / 940 = 0.180851063829787 */
    }
    #sidebar-primary {
    float: left;
    width: 100%;
    }
    #sidebar-secondary {
    float: right;
    width: 33.33333333333333%; /* 250 / 750 = 0.3333333333333333 */
    }
    .wrap {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    }
    #comments-template { clear: left; }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 外観 > カスタマイズ > Miscellaneous > Custom CSS に下記を入力すれば、テーマのCSSファイルを書き換えなくても実現できます。

    .aside {
    width: 25.531914893617%;	/* (160+80) / 940 = 0.25531914893617 */
    }
    .content-wrap {
    width: 71.276595744681%;	/* (750-80) / 940 = 0.71276595744681 */
    }

    Custom CSS の入力欄は見た目に1行しかありませんが、テキストエディターに上記の複数行を用意してコピー&ペーストすれば入れられます。

    gblsmさま

    返信が大変遅くなりました。申し訳ございません!

    早速ご丁寧なアドバイスを頂けて感激です。
    ご指摘頂いた通りやったところ一発でうまくいきました。
    いじくりまわして途方に暮れていたので、大変助かりました!
    テーマのCSSを書き換えなくてもこういったところで変更可能だったんですね。
    勉強になりました。

    本当にありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーマ「oxygen」でのサイドバーの幅を変えたい」には新たに返信することはできません。