[西澤颯]

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】chrome
【当該サイトのURL】https://hayatenishizawa.com/karatsu/

### 実現したいこと

スマホのグローバルメニューをスライダー式にしたいのですが可能でしょうか？
各商品カテゴリーを見せる際に、スマホだとメニューが見にくいので…。

snow_monkey_before_contents_inner

ここのアクションフックに現在設置しているグローバルメニューの第２層、第３層がそれぞれスライダー式に設置できれば最高（例えば第２層で「Seafood」を選んだ際、それに対応する第３層が追随するイメージ）なのですが、いい方法はありますでしょうか？

こういうイメージです。

お手数ですがご教授いただけますと幸いです。

[キタジマ タカシ]

有料になりますが、Archive Content アドオンを使うのが一番簡単だと思います。

Snow Monkey Archive Content

固定ページに入力した内容をカテゴリーアーカイブ・タグアーカイブ・著者アーカイブ・カスタムタクソノミーアーカイブ…

snow-monkey.2inc.org

自力で頑張る場合は、

サイドバーありレイアウトのときに、2つのカラムの上に1カラムのコンテンツを入れる方法

ちょっとわかりにくいタイトルかもですが、画像で説明するとこんな感じ。 この部分ってコンテンツエリアでもないし、…

snow-monkey.2inc.org

の応用編で、snow_monkey_before_contents_inner ではなくて snow_monkey_before_archive_entry_content や snow_monkey_prepend_archive_entry_content にフックする形でもできます。ただ、条件分岐しないと全てのアーカイブページに表示されてしまうので、is_category( 'hoge' ) で条件分岐が必要です。カテゴリーごとに違うコンテンツを割り当てたい場合は条件分岐とページを呼び出すコードがその分増えるのでその分複雑にはなります…。

♥ 0

いいねをした人: 居ません

[清水友美]

キタジマ様

申し訳ありません、こちらにコードを書くために念のため自身で1から書き直してみたところ上手くいきました。
恐らくどこかで抜け漏れがあったものと思います。お騒がせ致しました。

ご共有までコードを以下貼り付けの上、本トピックはクローズさせていただきます。

add_action(
	'snow_monkey_before_contents_inner',
	function() {
		$new_query = new \WP_Query(
			[
				'pagename' => 'blog_before_content',
				'post_type' => 'page',
				'post_status' => [ 'publish', 'draft' ],
				'posts_per_page' => 1,
			]
		);

		if ( ! is_home() ) {
			return;
		}

		$new_query->the_post();
?>
<div class="p-entry-content" id="blog_before_content">
	<?php the_content(); ?>
</div>
<?php
		wp_reset_postdata();
	}
);

♥ 1

いいねをした人:

[キタジマ タカシ]

ありがとうございます。PHP のコードを下記のように書き直してみてください。

/*1カラム on２カラム */
add_action(
	'snow_monkey_before_contents_inner',
	function () {
		var_dump( 1 );
		$new_query = new \WP_Query(
			[
				'pagename' => 'top-visual',
				'post_type' => 'page',
				'post_status' => ['publish', 'draft'],
				'posts_per_page' => 1,
			]
		);

		if ( ! $new_query->have_posts() ) {
			var_dump( 2 );
			return;
		}

		var_dump( 3 );
		$new_query->the_post();
		?>
		<?php if ( is_front_page() ) : ?>
		<div class="p-entry-content" id="front-page-top-content">
			<?php var_dump( 4 ); ?>
			<?php the_content(); ?>
		</div>
		<?php endif; ?>
		<?php
		wp_reset_postdata();
	}
);

実行すると int(1) のような文字列が画面に表示されると思うので、どこの部分で処理が終了してしまっているのか確認できると思います。

♥ 0

いいねをした人: 居ません

[memime]

コードはこちらです。

php

/*1カラム on２カラム */
add_action(
	'snow_monkey_before_contents_inner',
	function () {
		$new_query = new \WP_Query(
			[
				'pagename' => 'top-visual',
				'post_type' => 'page',
				'post_status' => ['publish', 'draft'],
				'posts_per_page' => 1,
			]
		);

		if (!$new_query->have_posts()) {
			return;
		}

		$new_query->the_post();
		?>
		<?php if (is_front_page()) : ?>
		<div class="p-entry-content" id="front-page-top-content">
			<?php the_content(); ?>
		</div>
		<?php endif; ?>
		<?php
		wp_reset_postdata();
	}
);

css

/*トップビジュアル_フルスクリーン */
#front-page-top-content {
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
}

よろしくお願いします。

♥ 0

いいねをした人: 居ません

[望月功一]

GONSYさん

ヒントを頂いた通りに実装したら、簡単に解決することができました

ありがとうございました！

念のためにコードを記載します

add_action(
	'snow_monkey_before_contents_inner',
	function() {
		if(is_page('数字')){←こちらを追加しただけです
			$new_query = new \WP_Query(
				[
					'pagename' => 'front-page-slider',
					'post_type' => 'page',
					'post_status' => [ 'publish', 'draft' ],
					'posts_per_page' => 1,
				]
			);

			if ( ! $new_query->have_posts() ) {
				return;
			}

			$new_query->the_post();
			?>
<div class="p-entry-content" id="front-page-top-content">
	<?php the_content(); ?>
</div>
			<?php
			wp_reset_postdata();
		}
	}
);

解決しましたので、トピックを閉じます

♥ 1

いいねをした人:

[望月功一]

ご返事ありがとうございます。

教えて頂いた内容をもとにチャレンジしてみます！

もし可能なら、my-snow-monkey.phpに記述したコードをご提示ください。

下記の通りとなります。

add_action(
	'snow_monkey_before_contents_inner',
	function() {
		$new_query = new \WP_Query(
			[
				'pagename' => 'front-page-slider',
				'post_type' => 'page',
				'post_status' => [ 'publish', 'draft' ],
				'posts_per_page' => 1,
			]
		);

		if ( ! $new_query->have_posts() ) {
			return;
		}

		$new_query->the_post();
		?>
<div class="p-entry-content" id="front-page-top-content">
	<?php the_content(); ?>
</div>
		<?php
		wp_reset_postdata();
	}
);

確かに、いずれ最新版ではなくなりますね。次回から詳細は記述します

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

snow_monkey_before_contents_inner は場所的に .c-container の内側なので、そのままではコンテナー幅に収まります。適当な class を追加して、それをセレクタにして全幅になるような CSS を記述してみてください。

例：

.added-one-column-contents {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

♥ 0

いいねをした人: 居ません

[むねよし]

is_page()で指定しておりましたが、is_home()に変更したら無事表示することができました！

ですが、投稿ページ設定前は、全幅表示でコンテンツを挿入できましたが、なぜか全幅表示になっておりません。
コンテンツ最大幅で設定している1150pxで表示されてしまうのを、全幅で表示するようにしたいです。
こちらは、可能でしょうか？

以下が、挿入したコードになります。

add_action(
	'snow_monkey_before_contents_inner',
	function () {
		if (is_home()) {

			$new_query = new \WP_Query(
				[
					'pagename'       => 'column-content',
					'post_type'      => 'page',
					'post_status'    => ['draft']
				]
			);

			if (!$new_query->have_posts()) {
				return;
			}

			$new_query->the_post(); ?>
		<div class="p-entry-content">
			<?php the_content(); ?>
		</div>
	<?php wp_reset_postdata();
		}
	}
);

何卒よろしくお願いいたします！

♥ 1

いいねをした人:

[まーちゅう]

アクションフックの場所が違っているので、snow_monkey_before_contents_innerを snow_monkey_after_contents_innerに変更すれば、フッターの前にコンテンツが入ります。
どこにどんなフックがあるのかについては

HAPPY SNOW MONKEY

100%GPL有料WordPressテーマ Snow Monkeyの非公式カスタマイズデモサイト

happy-snow-monkey.olein-design.com

を見ると分かりやすいと思います。

♥ 2

いいねをした人:

[むねよし]

### 実現したいこと
特定の投稿ページ (右サイドバー) の1カラムのコンテンツをページごとに分けたい

上記のみは、is_pageで固定ページの番号を指定することで、解決することができました。

add_action(
	'snow_monkey_before_contents_inner',
	function () {
		if (is_page('19')) {

			$new_query = new \WP_Query(
				[
					'pagename'       => 'column-content',
					'post_type'      => 'page',
					'post_status'    => ['draft']
				]
			);

			if (!$new_query->have_posts()) {
				return;
			}

			$new_query->the_post(); ?>
		<div class="p-entry-content">
			<?php the_content(); ?>
		</div>
<?php wp_reset_postdata();
		}
	}
);

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あーなるほど！ フックの場所を snow_monkey_prepend_body か wp_footer にするとどうでしょうか？ snow_monkey_before_contents_inner はランディングページ系のページテンプレートでは実行されないのでした。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

どこにも丸いバナーは表示されませんでした

どこにも表示されないということは、そもそも .sticky な要素の追加自体がされていない可能性はないですかね？

add_action(
	'snow_monkey_before_contents_inner',
	function() {
		?>
		<div class="sticky">
			<span class="web_rsv">
				<a href="https://sample01.glasscoope.com/syokaitaiken/"><p class="font-size-large font-weight-bold">初回体験</p><p class="font-size-small">予約は<br>こちらから！</p></a>
			</span>
		</div>
		<?php
	}
);

を My Snow Monkey プラグインに追加すると、表示場所は置いておいて、「予約はこちらから！」という文字がページ上に追加されるはずです。まずそれは追加されていますか？ ページ上を眺めても確認できない場合はブラウザから HTML ソースを開いてページ内検索をして存在を確認してみてください。

もし目視でも HTML ソースにも存在しないということであれば追加に失敗しています。その場合は My Snow Monkey プラグインが有効化されていないというのが一番可能性が高いと思います。

♥ 0

いいねをした人: 居ません

[Mobby]

ご回答ありがとうございます。

アクションフックのsnow_monkey_before_contents_innerで組み込んでみます

♥ 1

いいねをした人:

[Olein_jp]

詳しく教えていただきましてありがとうございます。

構成はトップページ1ページ、投稿ページ1ページ、固定ページ3ページあるのですが、投稿ページ以外のページのヘッダーはウィジェットよりも上にくるようにしたいです。

とのことですので、条件分岐としては is_front_page() || is_page() の時にコンテンツエリア（左サイド：コンテンツ/右サイド：サイドバー）の上にコンテンツヘッダーを置きたいという感じとお見受けしました。

また、表示したいコンテンツも固定ページで作られているように（編集画面を拝見して）お見受けしましたが、もし自分がやるとしたら「再利用ブロック」を活用するかもしれません。

流れとしては以下のような手順になるかと思います。

1. 再利用ブロックとして挿入したいコンテンツを作る
2. 再利用ブロックの post_id 番号を確認
3. フックを利用して再利用ブロックを任意の場所に出力

再利用ブロックを管理したり post_id 番号を確認される場合、手前味噌ですが僕が作ったプラグインを使われてもスムーズに確認いただけるかもしれません。

Easy Access Reusable Blocks

You can access the Reusable Block(s) List screen with a single click from the admin.

ja.wordpress.org

使い方はこちらをどうぞ。ショートコード内に表示されている数字が post_id になります。

Easy Access Reusable Blocks プラグインの活用方法 | オレインデザイン – 岐阜県岐阜市のWordPress専門家

先日、Easy Access Reusable Blocks というプラグインを公開し、WordPress 公式ディレクトリに掲載登録を行いました。 https://wordpress.org/plugins/easy-access-reusab…

olein-design.com

そして、実際に挿入するソースコードですが、こんな感じで良いかと思います。

フック先は snow_monkey_before_contents_inner とし、 post_id は 1234 とした場合、

add_action(
	'snow_monkey_before_contents_inner',
	function() {
		if ( is_front_page() || is_page() ) {
			echo apply_filters( 'the_content', get_post( 1234 )->post_content );
		}
	}
);

こんなコードで出力できるかと思います。もし、複数の再利用ブロックを用意されて、別の任意の固定ページなどに振り分けたい場合には、条件分岐を変えたり増やしたりすることで対応可能かと思います。

長くなりましたがご確認ください。

♥ 3

いいねをした人: