[山崎 大祐]

■bogoを利用した日本語とその他の処理を分ける方法

add_action(
	'snow_monkey_prepend_contents',
	function() {
			$current_language = get_locale();

			if ( 'ja' == $current_language || 'ja_JP' == $current_language ) {
					// 日本語の時の処理
					?>
					日本語で表示したい HTML 文字列
					<?php
			} else {
					// それ以外の言語の時の処理
					?>
					他の言語で表示したい HTML 文字列
					<?php
			}
	}
);

♥ 0

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

[キタジマ タカシ]

具体的に画像を入れたい箇所は、コンテンツの1番上になります。（ヘッダーのすぐ下です。）

snow_monkey_prepend_contents が全ページのヘッダーのすぐ下のフックポイントになります。下記のコードでとりあえず画像が表示できます。全ページで実行されるので、表示が不要なページは条件分岐で弾いてください。

add_filter(
	'snow_monkey_prepend_contents',
	function() {
		// トップページの場合は表示しない
		if ( is_front_page() ) {
			return;
		}
		?>
		<img src="https://placehold.jp/1024x768.jpg" alt="" style="width: 100%">
		<?php
	}
);

また可能であればブレイクポイントで差し込む画像を切り替えたいです。

srcset を使うのが一般的かなと思います。

imgタグのsrcset・sizes属性とpictureタグの使い方 – レスポンシブイメージで画像表示を最適化 – ICS MEDIA

日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約40%であり、ウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「St…

ics.media

♥ 0

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

[うぇびん]

お返事が遅くなりすみません。諸々調べておりました。

この現象が起きているのは、現在利用しているサーバー（大塚商会アルファメール）のみです。
@wordpress/env が使用できるような環境でもないので、調べた限りの共有になりますが
結論としては、このサーバーのみの問題かもしれないと考えています。

—-

まず snow-monkey/assets/css/app/foundation/_body/_app.php でvar_dumpをしてみたのですが何も出力されませんでした。

試しに snow_monkey_prepend_contents フックで設定を呼び出したところ出力されたので、そもそも、このPHPファイルを通過していないのではないかと思っています。

カスタマイザーで設定した色は、以下のような感じでCSS varsとしてheadに書き出される、ということを他のSnow Monkey設置サイトで確認しましたが…

<style id=’snow-monkey-app-inline-css’ type=’text/css’>
:root {
–accent-color: #ff0000;
–sub-accent-color: #0000ff;
}

このサイトでは何も出力されていません。

なお、

• snow-monkey-inline-css などは出力されていました。
• --wp--preset--color--accent-color にはカラーが反映されており、コアの編集画面には影響がありません。
• 「ページ速度最適化」設定はすべてオフにしています。
• セキュリティプラグイン、高速化プラグインは使用していません。

—-

こちらで確認できたのは以上です。

今回は、反映されなかったCSS varsを手書きで追加する方向で対応しますが、なにかの参考になれば幸いです。

♥ 0

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

[徳本 奈穂子]

キタジマさん

add_action は任意のフックポイント（ここでは snow_monkey_prepend_body や snow_monkey_prepend_contents）で処理を実行したり、HTML を追加するものになるので削除はできません。

基本的には、既存の Snow Monkey の HTML を削除したり書き換えたりする場合は snow_monkey_template_part_render フィルターフックを使ったり、My Snow Monkey や子テーマを使ってテンプレートを上書き（同名のファイルを My Snow Monkey や子テーマに配置したら Snow Monkey のテンプレートではなくそのテンプレートが使用されるという仕組み）で対応することになります。

理解できた・・・と思います。勉強になりました！(フィルターフックはまだわかっていないので、これから勉強します)

ありがとうございましたm(_ _)m

♥ 1

いいねをした人:

[キタジマ タカシ]

と考えているのですが・・・

add_action は任意のフックポイント（ここでは snow_monkey_prepend_body や snow_monkey_prepend_contents）で処理を実行したり、HTML を追加するものになるので削除はできません。

基本的には、既存の Snow Monkey の HTML を削除したり書き換えたりする場合は snow_monkey_template_part_render フィルターフックを使ったり、My Snow Monkey や子テーマを使ってテンプレートを上書き（同名のファイルを My Snow Monkey や子テーマに配置したら Snow Monkey のテンプレートではなくそのテンプレートが使用されるという仕組み）で対応することになります。

♥ 0

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

[徳本 奈穂子]

WordPressの公式フォーラムで相談するべきなのか悩みました。

もしSnow Monkeyのサポートの範疇でなければおっしゃってくださいm(_ _)m

【お使いの Snow Monkey のバージョン】17.2.8
【お使いの Snow Monkey Blocks のバージョン】16.1.0
【お使いの Snow Monkey Editor のバージョン】8.0.2
【お使いのブラウザ】Chrome
【当該サイトのURL】https://busiani.com/

### 実現したいこと

下図の通り、ヘッダーとメインビジュアルの場所を入れ替えたいです。

その後ヘッダーはブラウザの上部に到達した時点で固定表示させたいです。(これはstickyで実現できるのではと思っています。)

### 発生している問題

以前、ここのフォーラムでアクションフックの使い方を教えていただいたのですが、コードの追加ではなく差し替え(削除)の場合どうすればいいでしょうか？

詳細記事で「ひとつ前に戻る」ボタンをつけたい。

このトピックには2件の返信、2人の参加者があり、最後に徳本 奈穂子により1週、 5日前に更新されました。 3件…

snow-monkey.2inc.org

### 試したこと

以前教えていただいたコードと https://happy-snow-monkey.olein-design.com/try-snow-monkey-hooks を眺め

add_action(
	'snow_monkey_prepend_body',
	function() {
		既存の要素の削除の仕方？
	}
);

add_action(
	'snow_monkey_prepend_contents',
	function() {
		headerの追加の仕方？
	}
);

と考えているのですが・・・

[キタジマ タカシ]

snow_monkey_prepend_contents はランディングページ系のテンプレートには無いので、もしランディングページ系のテンプレートを使っている場合はそれが原因かもしれません。

有料にはなりますが、アーカイブページに固定ページを割り当てるためのアドオンも販売しているので必要であればぜひ。

Snow Monkey Archive Content

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

snow-monkey.2inc.org

♥ 2

いいねをした人:

[KUGA]

【お使いの Snow Monkey のバージョン】 15.17.0
【お使いの Snow Monkey Blocks のバージョン】 13.6.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】Google Chomre

アーカイブページの上部に固定ページの要素を表示させる方法として、下記記事の情報を
元に実装していたのですが、改めて実装しようとしても表示がされない状況の為、フック等の
変更はございましたでしょうか。

【SnowMonkeyカスタマイズ】特定のアーカイブページに固定ページを挿入する方法 | WEBLOG.

こんにちは、じゅんぺーです。 SnowMonkeyをカスタマイズする中で、アーカイブページをもっと自由にカスタマイズしたいことってありませんか？ ウィジェットでも、ある程…

web-log.site

■投稿のカテゴリとスラッグ
投稿カテゴリ：news
投稿スラッグ：news

■投稿に表示させたい固定ページ
ステータス：下書き
スラッグ：　news_header

■実際にmy-snow-monkeyに記載したコード

add_action(
	'snow_monkey_prepend_contents',
	function () {
		/* 特定のアーカイブページを指定 */
		if (is_category('news')) {/* 'news'の記述を各自の環境に合わせて変更 */

			$new_query = new \WP_Query(
				[
					'pagename'       => 'news_header',/* 作成したページのスラッグ */
					'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();
		}
	}
);

[キタジマ タカシ]

ランディングページ系のページテンプレートの場合、ヘッダーコンテンツの表示と snow_monkey_prepend_contents の実行はされません。なので可能性としてはランディングページ系のページテンプレートを使用されているのではないかと思うのですがどうですかね？

♥ 1

いいねをした人:

[diiih]

【お使いの Snow Monkey のバージョン】13.2.3
【お使いの Snow Monkey Blocks のバージョン】10.3.3
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Google Chrome
【当該サイトのURL】非公開

いつもお世話になっております。連投すみません。

### 発生している問題

カスタマイズのヘッダーコンテンツで「モバイルでもヘッダーコンテンツを表示」にチェックを入れたのですが、トップページだけ表示されないです。

### 試したこと

ヘッダーデザインを変更、追加したCSSはすべて解除してみたりもしました。

代わりにアクションフックで表示させてみようと「snow_monkey_prepend_contents」を試したところこのフックも同様に表示されませんでした。

 

同様の設定を使用したのは他のサイトで何回もありますが今回このようなことは初めてでした。

何かトップページだけ表示させないような設定をしてしまっているのでしょうか。

よろしくお願いいたします。

[大ちゃん]

【お使いの Snow Monkey のバージョン】 15.11.1
【お使いの Snow Monkey Blocks のバージョン】 12.6.1
【お使いの Snow Monkey Editor のバージョン】 6.2.1
【お使いのブラウザ】 Google Chroom
【当該サイトのURL】

D-Works

daisukedworks.com

### 実現したいこと

topページにparticles.jsを実装したい。

### 発生している問題

### 試したこと
お世話になっております。

ホタルが舞う | 動くWebデザインアイディア帳

coco-factory.jp

この動きを実装したくて

add_action(
	'wp_enqueue_scripts',
	function(){
		// AOSの読み込み　//
		wp_enqueue_style(
			'aos-style' ,
			'https://unpkg.com/aos@2.3.1/dist/aos.css',
		);

		wp_enqueue_script(
			'aos',
			'https://unpkg.com/aos@2.3.1/dist/aos.js',
		);

		wp_enqueue_script(
			'my-aos',
			MY_SNOW_MONKEY_URL . '/scripts/aos-app.js',
			['aos'],
			filemtime( MY_SNOW_MONKEY_PATH . '/scripts/aos-app.js' ),
			true
		);

		if( is_front_page() ) {
			wp_enqueue_script(
				'particles',
				'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js',
			);

			wp_enqueue_script(
				'my-particle',
				MY_SNOW_MONKEY_URL . '/scripts/my-particle.js',
				['particles'],
				filemtime( MY_SNOW_MONKEY_PATH . '/scripts/my-particle.js' ),
				true
			);
		}
	}
);

/* メインコンテンツの上部にHTMLの挿入 */
add_action(
	'snow_monkey_prepend_contents',
	function () {
		/* if文でフロントページのみに適応 */
		if (is_front_page()) {
			?>
			<div id="particles-js"></div>
				<div class="mv__wrapper">
					<h2 class="mv__wrapper__title"　data-aos="fade-in" data-aos-duration="2000">D-Works</h2>
					<p class="mv__wrapper__title__sentence" data-aos="fade-in" data-aos-duration="2200">テスト</p>
				</div>

			<?php
		}
	}
);

上記のコードを書きました。
AOSは実装されていたのですが、particles.jsは実装されていませんでした。

少し前にもrellax.jsを似たような方法で実装できたのですが、今回はうまくいきませんでした。
わかる方いらっしゃいましたらご教授お願い致します。

[ma_san_32_]

いつも大変お世話になっております。

主題の件についてご質問させてください。

【お使いの Snow Monkey のバージョン】　　　　14.3.4
【お使いの Snow Monkey Blocks のバージョン】　11.4.0
【お使いの Snow Monkey Editor のバージョン】　5.0.6
【お使いのブラウザ】　　　　　　　　　　　　　Google Chrome

### 発生している問題

「 投稿ページ」に設定した固定ページのみに、ピックアップスライダーをお知らせバーの下、パンくずリスト（標準位置の場合）の上のエリアに表示させたいのですが表示させることができません。

### 試したこと

①下記プログラムにて全ての固定ページにピックアップスライダーが挿入されることを確認しました。

＝＝＝↓↓↓↓↓↓↓↓↓↓＝＝＝

add_action(
	'snow_monkey_prepend_contents',
	function () {
		//if (is_page('blog') ) {
			$new_query = new \WP_Query(/* ピックアップスライダーを作成したページの取得 */
				[
					'pagename' => 'blogup',/* スラッグを指定 */
					'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();

		//}
	}
);

＝＝＝↑↑↑↑↑↑↑↑↑↑＝＝＝

②今回ご質問させていただいているプログラムになります。投稿ページのみを指定しているつもりですが、表示されません。

＝＝＝↓↓↓↓↓↓↓↓↓↓＝＝＝

add_action(
	'snow_monkey_prepend_contents',
	function () {
		if (is_page('blog') ) {/* 投稿ページをスラッグで指定(ページIDでもNGでした) */
			/* ちなみに、他の固定ページのスラッグやページIDを指定した場合は指定通り表示されます。) */

			$new_query = new \WP_Query(/* ピックアップスライダーを作成したページの取得 */
				[
					'pagename' => 'blogup',/* スラッグを指定 */
					'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();

		}
	}
);

＝＝＝↑↑↑↑↑↑↑↑↑↑＝＝＝

以上になります。

お手数おかけしますが、よろしくお願いいたします。

[みしま]

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】
【当該サイトのURL】

### 実現したいこと
PCのメニューで、1.グローバルナビゲーションPC甩、2.ヘッダーサブナビゲーションで上部に２列メニューが持てますが、３列目のメニューをグローバルナビゲーションPC甩の下に作るとなったら snow_monkey_prepend_contents の位置は妥当でしょうか？
wp_nav_menu の書き方も Snow Monkey 的になにか問題がないかと考えています。

### 試したこと
my-snow-monkey.php に下記を追加して、管理画面からメニューを設定して、CSSをあてています。

// メニューの表示位置を追加
register_nav_menu( 'kw-nav', ' kwナビゲーション ' );

add_action(
	'snow_monkey_prepend_contents',
	function() {
		?>
<div class="kw-nav__wrapper">
	<?php
	wp_nav_menu(
		array(
			'theme_location' => 'kw-nav', // 指定した位置
			'container' => 'kw-nav',
			'container_class' => 'kw-nav',
			'container_id' => 'kw-nav-wrap',
			'fallback_cb' => ''
		)
	);
	?>
</div>
		<?php
	}
);

[アクツ]

こんにちは！ masalllさん

カスタマイズや表示するテンプレートの切替だけだと、ご要望の形にはならないですね。
テストしてみましたが、ウィジェットやテンプレートではできなかったです（；；）

ちなみにコードを記述することができるようであれば、My Snow Monkeyでコードを書いていけば実現は可能です！

参考：

snow_monkey_prepend_contents

<div class="l-contents" role="document">の直後にHTMLを…

happy-snow-monkey.olein-design.com

 

上記のサンプルのHTMLタグで作られている部分を自分の出したいもののHTMLにしていけば実現できます（+CSS当てていく）
※特定のページだけしたいな〜という場合は、if文などでコントロールください

♥ 1

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

[キタジマ タカシ]

あ、カスタマイザーでカスタム投稿のビューテンプレートを「投稿」にされていますかね？ もしかしたらそれだと僕の書いたコードだと効かないかもです。マドカさんのコードでも全然問題ないと思います！ 一応僕ならこうしたほうが見やすいかな？というのも書いておきますね。

add_action(
	'snow_monkey_prepend_contents',
	function() {
		if ( ! is_archive( 'works' ) ) {
			return;
		}

		add_action(
			'snow_monkey_get_template_part_template-parts/loop/entry-summary/meta/meta',
			function() {
				$terms = get_the_terms( $post->ID, 'works_tag' );
				if ( ! $terms ) {
					return;
				}
				?>
				<?php foreach ( $terms as $term ) : ?>
					<span class="tag-cloud-link tag-link-<?php echo esc_html( $term->term_id ); ?>"><?php echo esc_html( $term->name ); ?></span>
				<?php endforeach; ?>
			}
		);
	}
);

♥ 1

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