固定ページのタイトルを非表示にして全幅表示エリアを作りたい

0
いいねをした人: 居ません
13件の投稿を表示中 - 1 - 13件目 (全13件中)
  • 投稿者
    投稿
  • #34320
    Takeru
    閲覧者
    0

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】8.0.4
    【お使いのブラウザ】Crome,Safari
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    固定ページに、以下のカスタマイズをしたいです。

    1.固定ページのタイトルを非表示にする(周辺余白も調整必要あり?)

    2.記事とサイドバーの上に全幅コンテンツをページごとに挿入したい(CTAなどページごとに設定したい)

    ウィジェット系プラグインで固定ページごとに条件分けすれば2はできますが、それだとウィジェット内の設定が煩雑(固定ページ数だけ設定が必要)になるので、できればシンプルなカスタマイズを行いたいです。

    挿入内容も、現時点でのsnow monkeyでの対応以外のコンテンツ(海外ブロックプラグインの画像のスライダーなど)も考えています。

    0
    いいねをした人: 居ません
    #34328
    Takeru
    閲覧者
    0

    挿入内容も、現時点でのsnow monkeyでの対応以外のコンテンツ(海外ブロックプラグインの画像のスライダーなど)も考えています。

    どちらかというとスライダーでなく、CTAやパネル(またはバナー)でのページ案内(メニューなど)のようなものを、サイドバーやコンテンツの上に、ページごとに挿入したいです。

    0
    いいねをした人: 居ません
    #34389
    キタジマ タカシ
    参加者
    2243

    単純にやるとすれば、下記の CSS で固定ページのタイトルを消して、

    .page .c-entry__header {
      display: none;
    }

    あとは、セクションブロックの全幅を記事の最初に挿入して、その中に CTA なりスライダーなりを入れる、という感じでしょうか。

    0
    いいねをした人: 居ません
    #34404
    Takeru
    閲覧者
    0

    PC表示時に、各固定ページの本文とサイドバーの上の位置(アイキャッチでいうと、ページヘッダーの位置)に全幅表示したいんですが、上記カスタマイズにプラスで何が必要になりますか?

    0
    いいねをした人: 居ません
    #34410
    Takeru
    閲覧者
    0

    色々調べると、ウィジェットに再利用ブロックを挿入できる下記プラグインが見つかりました。

    以下、解説記事

    ウィジェットに、ヘッダーエリア?のような、本文やサイドバーの上に表示できるエリアがあると、このトピックでやりたいことができるかなと思いましたが(素人考えで)

    …いかがでしょうか?

    0
    いいねをした人: 居ません
    #34411
    Takeru
    閲覧者
    0

    再度タイトル非表示の方でのカスタマイズ依頼ですが、bbpressのフォーラムページのタイトル非表示は可能ですか?

    単純にやるとすれば、下記の CSS で固定ページのタイトルを消して、

    .page .c-entry__header {
    display: none;
    }
    あとは、セクションブロックの全幅を記事の最初に挿入して、その中に CTA なりスライダーなりを入れる、という感じでしょうか。

    こちらでフォーラムページのみ出来なかったので…

    0
    いいねをした人: 居ません
    #34541
    キタジマ タカシ
    参加者
    2243

    PC表示時に、各固定ページの本文とサイドバーの上の位置(アイキャッチでいうと、ページヘッダーの位置)に全幅表示したいんですが、上記カスタマイズにプラスで何が必要になりますか?

    あー勝手にワンカラムだと思っていました。サイドバーありだと普通にエディターだけでは無理ですね…。ウィジェットでやりたいのであれば、独自にウィジェットエリアを追加する必要があるかと思います。

    CSS で調整が必要かと思いますが、とりあえずこんな感じでどうでしょうか?

    /**
     * my-page-top-widget-area という名前でウィジェットエリアを定義
     */
    add_action(
    	'widgets_init',
    	function() {
    		register_sidebar(
    			[
    				'name'          => '固定ページ上部ウィジェットエリア',
    				'id'            => 'my-page-top-widget-area',
    				'description'   => '固定ページの上部に表示されるウィジェットエリアです。',
    				'before_widget' => '<div class="my-page-top-widget-area__item"><div id="%1$s" class="c-section %2$s">',
    				'after_widget'  => '</div></div>',
    				'before_title'  => '<h2 class="c-section__title">',
    				'after_title'   => '</h2>',
    			]
    		);
    	}
    );
    
    /**
     * 固定ページの上部に my-page-top-widget-area ウィジェットエリアを表示
     */
    add_action(
    	'snow_monkey_before_contents_inner',
    	function() {
    		if ( ! is_page() ) {
    			return;
    		}
    
    		if ( ! \Framework\Helper::is_active_sidebar( 'my-page-top-widget-area' ) ) {
    			return;
    		}
    		?>
    
    		<div class="my-page-top-widget-area"
    			data-is-slim-widget-area="false"
    			data-is-content-widget-area="true"
    			>
    
    			<?php dynamic_sidebar( 'my-page-top-widget-area' ); ?>
    		</div>
    		<?php
    	}
    );
    0
    いいねをした人: 居ません
    #34568
    Takeru
    閲覧者
    0

    まさしくこれです!ありがとうございます!!

    余白の調整を色々と試してみますm(_ _)m

    0
    いいねをした人: 居ません
    #34570
    Takeru
    閲覧者
    0

    すみません、下記もご確認お願いします…

    再度タイトル非表示の方でのカスタマイズ依頼ですが、bbpressのフォーラムページのタイトル非表示は可能ですか?

    フォーラムページは先程のウィジェットが挿入できないようですが、こちらはタイトル非表示ができないのと同じく、bbpressのプラグインの使用上の問題ですかね…?

    0
    いいねをした人: 居ません
    #34572
    Takeru
    閲覧者
    0

    何度もすみません。

    先程の固定ページ上ウィジェットのカスタマイズですが、全幅表示にならないのはcssでのカスタマイズが必要になりますか?

    再利用ブロックを挿入できるプラグインで再利用ブロック(全幅設定済み)をウィジェットに挿入したんですが、全幅表示されていないので…

    こちらもプラグインの使用上の問題の可能性もありますが…

    0
    いいねをした人: 居ません
    #34622
    キタジマ タカシ
    参加者
    2243

    フォーラムページは先程のウィジェットが挿入できないようですが、こちらはタイトル非表示ができないのと同じく、bbpressのプラグインの使用上の問題ですかね…?

    bbPress が生成するページは固定ページ扱いじゃないのだと思います。bbPress が生成するページ全部で非表示にするならこんな感じですかね。

    .bbpress .c-entry__header {
      display: none;
    }

    ページ種別的に細かく指定したい場合(トピック一覧だけとか)は body に付与されるクラスを確認して調整してみてください。

    先程の固定ページ上ウィジェットのカスタマイズですが、全幅表示にならないのはcssでのカスタマイズが必要になりますか?

    これでどうでしょうか。

    .my-page-top-widget-area {
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw);
    }
    0
    いいねをした人: 居ません
    #34801
    Takeru
    閲覧者
    0

    bbPress が生成するページは固定ページ扱いじゃないのだと思います。bbPress が生成するページ全部で非表示にするならこんな感じですかね。

    できればbbpress作成ページ上にも表示したかったんですが…諦めますm(_ _)m

    ページ種別的に細かく指定したい場合(トピック一覧だけとか)は body に付与されるクラスを確認して調整してみてください。

    こちら色々と調整してみます。

    いつもありがとうございます!

    0
    いいねをした人: 居ません
    #34830
    キタジマ タカシ
    参加者
    2243

    できればbbpress作成ページ上にも表示したかったんですが…諦めますm(_ _)m

    bbPress の条件分岐タグの一覧がありました。

    if ( ! is_page() ) { のところに if ( ! is_page() && ! bbp_is_single_view() ) { のように条件を足せばいけるかもです。

    0
    いいねをした人: 居ません
13件の投稿を表示中 - 1 - 13件目 (全13件中)
  • トピック「固定ページのタイトルを非表示にして全幅表示エリアを作りたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。