サポート » テーマ » twentyseventeenで固定ページの横幅を広くしたい

  • 解決済 kitakarasu

    (@kitakarasu)


    これまで使っていたテーマ「Bizvector」を「twentyseventeen」に変更して
    設定を調整することをしています。
    先週の質問で大変お世話になりました。
    おかげさまで,
    1.固定ページを設定したフロントページでサイドバーあり
    2.他の固定ページでサイドバーあり
    3.他の固定ページでサイドバーなし
    を設定することができました。ありがとうございました。
    引き続きですみません。
    固定ページをパソコンのブラウザーで閲覧した時の
    横幅を広げる方法を教えてください。
    <質問1>
    サイドバーなしのページの横幅を広げる方法を教えてください。
    サイドバーありのページの本文+サイドバーの幅と同じ幅に
    なってほしいのです。
    <質問2>
    サイドバーありのページの本文の幅とサイドバーの幅の比率を
    変える方法を教えてください。
    現在,サイドバーが40%ぐらいになっていますが,
    それを本文70%サイドバー30%ぐらいにしたいのです。
    ————
    頼りきってすみません。ぜひ,教えてください。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは、

    頼りきってすみません。ぜひ,教えてください。

    @kitakarasu さんが問題を解決しようとして、どんな具体的な作業をしたのか具体的に書いたほうがいいですよ、

    特に、繰り返して「教えてくん」には、若干冷たいです。それなりに回答を書くには、時間もかかるので、、、

    とは、いうものの、Twentyseventeenのチャイルドテーマを作る場合、いくつかの勘所的な部分もあるので、回答とは直接結びつかない点もあるかと思いますが、

    私的には、チャイルドテーマで、サイドバーのカスタマイズを行う場合には、「こういった部分押さえとくといいんじゃないかなぁ」的な、個人用のまとめチャイルドテーマを

    差し上げますので、

    http://tenman.info/download/twentyseventeen-child.zip

    研究してみては、どうでしょうか?

    コードは、私の個人的なメモをコピペしただけなので、自分自身でよく検討してください。(テスト的なものですから、)

    なぜ、そのようなコードが記述されているかについては、functions.phpにリンク張っているので、それを読んでみてくださいね

    • この返信は7年、 1ヶ月前にnobitaが編集しました。
    トピック投稿者 kitakarasu

    (@kitakarasu)

    nobita様

    「自分が解決のためにどのような作業をしたのか」
    ごもっともです。
    CSS,PHPが読めるわけではないのに,既存のテーマを修正しようと
    しているものですから,問題解決について何もできていません。

    テーマを「twentyseventeen」に変更するにあたって,
    固定ページにサイドバーを追加(先の質問でお世話になりました)
    背景色の変更,
    メニューにグラデーション,
    タイトル文字に影,
    など,できるところまではしたのですが,

    1カラム,サイドバーなしの固定ページの表示幅を
    変える方法は,さっぱりわかりませんでした。
    「style.css」の
    19.0 Media Queries
    の中が怪しいかなと思って,
    .page-one-column .panel-content .wrap {
    max-width: 740px;
    のところの740pxを変えてみましたがだめでした。

    ご回答でヒントとしていただいていますのは,チャイルドテーマの使い方でしょうか。
    リンク先も見ましたが,まだ,とても理解できる状態ではないです。
    こんな状態でも教えていただけると助かるのですが
    もう少し,レベルアップしなければいけないのはそのとおりです。

    ご回答でヒントとしていただいていますのは,チャイルドテーマの使い方でしょうか。

    あれ、私が間違っていなければ、各投稿ページに、post attribute というメタボックス。固定ページだと、ページテンプレートに 1 col template,2 col templateが選択できるようになり、カスタマイザーに、サイドバーの項目が出来て、サイドバーの幅が調整できるようになっているはずなんですが、、、

    
    .page-one-column .panel-content .wrap {
    max-width: 740px;
    

    これは、フロントに、固定ページテンプレートを選択した時の、ページ幅を指定するスタイルじゃないですかね
    注意:カスタマイザー Theme Optionsが Two Column だと動きません たぶん
    style.css?ver=4.7.2:3279

    
    @media screen and (min-width: 48em)
    .wrap {
        max-width: 1000px;
        padding-left: 3em;
        padding-right: 3em;
    }
    

    を変更すればどうでしょう? 通常の固定ページの幅でしたら、

    • この返信は7年、 1ヶ月前にnobitaが編集しました。
    • この返信は7年、 1ヶ月前にnobitaが編集しました。
    トピック投稿者 kitakarasu

    (@kitakarasu)

    nobita様

    ご助言いただいていますが,「post attribute というメタボックス」。
    用語から,理解できません。

    私がしたかったのは,サイドバーなしにした固定ページのパソコンでの表示幅が
    狭いものですからこれを広げること。

    試行錯誤して,
    13.4 Posts

    /* Single Post */

    .archive.page-one-column:not(.has-sidebar) #primary {
    の中を
    max-width:1000px;
    に変えることで,できました。
    これが<質問1>で,
    <質問2>は,前回の質問でもらった子テーマのCSSの
    widthを変更することで,できました。

    nobita様が教えてくれようとしたものとは違うような気もしますが,
    試行錯誤,あてずっぽで目的を達成しましたことを報告します。
    ありがとうございました。お騒がせしました。

    自力解決 おめでとうございます

    トピック投稿者 kitakarasu

    (@kitakarasu)

    ありがとうございました。「解決済み」に変えました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「twentyseventeenで固定ページの横幅を広くしたい」には新たに返信することはできません。