特定の固定ページを1カラムにする方法(初心者)

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 特定の固定ページを1カラムにする方法(初心者)

  • このトピックには7件の返信、2人の参加者があり、最後にyukiにより10年、 6ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #30251
      yuki
      ゲスト

      私はワードプレスを使い始めて僅かで知識も浅いです。

      そのなかで、simplicityを使用させて頂き、カスタマイズしている訳なのですが、
      固定のページ1つのみを1カラムのページにしたいと考えています。

      実際その答えとなる記事があるのですが、 こちら

      お恥ずかしながらphp構文等の意味が理解できず
      失礼ながら質問をさせて頂く事にしました。

      ■目的

      現在固定ページを3つ持っておりますが、1つだけ1カラムのページを作りたいです。

      ■質問

      ・まずは、page.phpの< ?php get_header(); ?>の下あたりに以下のコードを挿入します。
       と対策ページには記載がありますが、このコードでは1つの固定ページのみに反映させることは
       出来ないという事で正しいですよね?
       特定の固定ページのみに1カラムを反映させるのにはどのようなコードが必要になるのでしょうか?

      ・あとは、子テーマなどのmobile.cssに以下のように追記します。
       と更に対策ページに記載されていますが、実際に追記するとしたら、
       どの箇所に入力するのか?

      質問レベルは初歩的な所と認識はしておりますが、
      どうか初心者目線でのご教示があると幸いです。

    • #30252
      Hidekichi
      ゲスト

      >特定の固定ページのみに1カラムを反映させるのには
      >どのようなコードが必要になるのでしょうか?

      if (is_page(10)){…} などとすれば、記事No.が10のものだけ反映させることができます。
      複数ある場合は、 if (is_page(array(10,33,51,…)))のようにすればイケると思います。
      is_page | WordPress私的マニュアルで調べると、「投稿ID、投稿タイトル、投稿名(post_name)のいずれかを指定」とありますので投稿IDだけでなくてもいけそうです。

      投稿IDは、編集画面でアドレス欄に・・・&post=数字、とある数字の部分です。
      他にも色々と条件分岐の方法はありますので、codex日本の条件分岐 | codex日本で調べてみるのが良いかと思います。

      で、どうすればこの条件分岐が役に立つのかと言いますと、例えば、投稿IDが10のものだけタイトルを消したいと言うような場合です。

      今回は、そういう要望というよりは、その記事を1カラムにしたいということなので、そういう方法ではなく、CSSだけで、例えば

      .page-id-10 #main {
        width: 100%;
        float: none;
      }
      
      .page-id-10 #sidebar {
        width: 100%;
        float: none;
        position: initial !important;
        margin: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        top: 0 !important;
      }

      こんな感じですかね。#sidebarは追従するためのスクリプトが子テーマjavascript.jsにあるので、インラインでタグの中にスタイルが出力されています。これは一番優先されるだろうと思うので、それを打ち消すために!importantを入れてあります。!importantを取り除くためには、javascript.jsの該当部分で、そのページの時は処理しないというような条件を入れればよいのですが、かえって面倒なので、子テーマStyle.cssに上記を追記すればいけるんじゃなかろうかと思います。

      あとは、marginやらpaddingやらそのあたりの調整でしょうか。
      1カラムにすることによって、文章が横に伸びます。これでは読みにくい場合があるため、フォントサイズを大きくするか、ある程度大きくした上でpadding等で調整するか、そのあたりも色々考える必要がありそうです。

      と、書きましたが実際反映されるかどうかは試してないのでわかりません。
      理屈としては、そのページ固有の何かしらのclassやIDがあれば、それを指定して、#mainや#sidebarをごにょごにょすることで実現できるということです。

      • この返信は10年、 6ヶ月前にアバター画像わいひらが編集しました。理由: リンクの修正
    • #30253
      Hidekichi
      ゲスト

      うぉぉ、しまった閉じaタグを入れてなかった。
      その内にわいひらさんが修正してくれると思うので、しばしこのままで(滝汗

    • #30254
      Hidekichi
      ゲスト

      おかしな部分の正しいリンク: 条件分岐 | codex日本

    • #30259
      アバター画像わいひら
      キーマスター

      hidekichiさんのレスのリンク部分を修正しておきました。

    • #30260
      アバター画像わいひら
      キーマスター

      hidekichiさんが書かれているis_page()と、以下の方法を組み合わせてもいけるかなと思います。
      Simplicityの固定ページのみを1カラムにする方法

    • #30369
      yuki
      ゲスト

      遅くなりましてすみません。

      そして早速のご回答ありがとうございます。
      現在は未だ手空きではないので、このあと一つずつ消化して行きたいと思います。

      ひとまずのお礼を申し上げます。
      不明な点は追記にて質問させて頂きます。

    • #30412
      yuki
      ゲスト

      弱い理解度の中でも、無事対策を打つ事が出来ました。
      わいひらさん、Hidekichiさん ご丁寧にありがとうございます。

      また宜しくお願いいたします。

7件の返信スレッドを表示中
  • トピック「特定の固定ページを1カラムにする方法(初心者)」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)