解決済み
Question

デザインプリセット「Cute」デモにあるデザインについて

  • y yuki
  • 「Cute」のデモにある、
    https://jinr-demo.jp/demo-1/article01/
    のようなデザインを使いたいのですが、どう設定をすればできるでしょうか?

    また、このデモにあるように、他の投稿記事の、
    https://jinr-demo.jp/demo-1/producer/
    とデザインを共存させたいと思っています。

    ①のレイアウトは、白背景が幅広で、かつメインビジュアルの背景幅がフルに広がっていて、上にカテゴリ、タイトル、アイキャッチ画像などを表示できているように見えます。

    ②のレイアウトは、白背景のコンテンツ範囲が決まっていて、①と比べると、アイキャッチ画像、タイトルなどの位置も異なっています。

    これらの設定は、テーマのカスタマイズからできるものなのでしょうか?
    もしくはインストールした時点で①のデザインサンプルがあるのでしょうか…
    テーマは、「「JIN:R(1.3.2)」「JIN:R child(1.00)」双方試しています。

    ※WordPressのバージョンは、6.5.2を選択しましたが、6.5.3です。
    ※サーバーはローカルで今は作業中です。

    基本操作での見落としなどあればすみません。
    よろしくお願いいたします。

    • WP 6.5.2
    • PHP 7.4
    • その他(トピック内容に記載してください。)
    • GoogleChrome
    • macOS 14 Ssonoma
    2024/05/09 01:37
  • tsu_

    こんにちは!
    JIN:R運営チームのtsu_です。

    詳細の共有ありがとうございます!

    ※前提として、PHPファイルのカスタマイズ予定が無ければ、子テーマは使わなくても大丈夫ですよ


    "「Cute」のデモにある、
    https://jinr-demo.jp/demo-1/article01/
    のようなデザインを使いたいのですが、どう設定をすればできるでしょうか?"
     ↓
    こちらは固定ページの内容ですね!

    全体の部分から言うと、、
    管理画面「外観」>「カスタマイズ」>「サイトデザイン設定」>「ページフレーム」は「トリム」を選択します。

    メインビジュアルの位置は「フルワイド」ブロックの中に
    「デザイン見出し」
    「画像」
    「段落」
    を入れてる感じです!
    (フルワイドの背景画像と画像ブロックは同じ画像を入れてます)


    "また、このデモにあるように、他の投稿記事の、
    https://jinr-demo.jp/demo-1/producer/
    とデザインを共存させたいと思っています。"
     ↓
    こちらは投稿記事の内容ですね!

    白背景のコンテンツ範囲、アイキャッチ画像、タイトルなどの位置が、
    1と違うのは、そもそも「固定ページ」と「投稿記事」の話なので、ちょっと内容が変わってきますね...

    ここまでのご案内でわからない事があれば、遠慮なく仰ってください!

    ご確認お願いいたします!

    2024/05/10 18:44
  • y
    yuki

    ご回答ありがとうございます。
    なるほどです、①は固定ページだったのですね、納得いたしました。
    メインビジュアルの位置の方法も把握できました!
    ご丁寧にありがとうございました。

    2024/05/13 12:05
CLOSE