[hiro8watanabe]

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

情報不足ですみませんでした。
swiper読み込み、CSSでの横スクロールは対応してありますが、jsの方で問題があったようです。

document.addEventListener(“DOMContentLoaded”, () => {}

上記で囲むのを完全に見落としていました。
修正したところ、無事スクロールヒントの動作確認ができました。

お忙しい中、ありがとうございました。
トピック閉じさせていただきます。

♥ 1

いいねをした人:

[hiro8watanabe]

お世話になっております。

その後、読み込み方法やjsの記述など試してみたのですが、解決しませんでした。
以下は関係ある3ファイルの記述例です。

どこか見落としているおかしなところなどありますでしょうか？

==============================================================

my-snow-monkey.php

add_action(
	'wp_enqueue_scripts',
	function () {
		/* scroll-hint.css読み込み */
		// wp_enqueue_style(
			// 'scroll-hint_css',
			// 'https://unpkg.com/scroll-hint@1.1.10/css/scroll-hint.css'
		// );

		// /* scroll-hint.js読み込み */
		// wp_enqueue_script(
			// 'scroll-hint_js',
			// 'https://unpkg.com/scroll-hint@1.1.10/js/scroll-hint.js',
		// );

		wp_enqueue_style(
			'scroll-hint',
			MY_SNOW_MONKEY_URL . '/override/dist/assets/css/scroll-hint.css',
			[Framework\Helper::get_main_style_handle()],
			filemtime(MY_SNOW_MONKEY_PATH . '/override/dist/assets/css/scroll-hint.css')
		);

		wp_enqueue_script(
			'scroll-hint',
			MY_SNOW_MONKEY_URL . '/override/dist/assets/js/scroll-hint.min.js',
			['swiper_js'],
			MY_SNOW_MONKEY_PATH . '/override/dist/assets/js/scroll-hint.min.js',
		);
	}
);

===================================================================
アコーディオンブロックの中身

<div class="smb-accordion__item__body is-layout-constrained wp-block-accordion-item-is-layout-constrained">
	<figure class="wp-block-table alignfull is-style-stripes is-scroll c-scroll-hint" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">
		<table style="border-width:1px">
			<tbody>
			</tbody>
		</table>
	</figure>
</div>

=======================================================================

js

new ScrollHint(".c-scroll-hint", {
	suggestiveShadow: true,
	remainingTime: 5000,
	i18n: {
		scrollable: "スクロールできます",
	},
});

♥ 0

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

[hiro8watanabe]

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

こちらクライアントの許可など必要なので共有ができません。すみません。

しかし、通常は問題なく実装出来るという事だと思いますので、my-snow-monkey.phpの読み込み順など、もう一度試してみます。

♥ 1

いいねをした人:

[hiro8watanabe]

空白、無事消えました！
高速対応助かりました！ありがとうございます！

トピック閉じます！

♥ 1

いいねをした人:

[hiro8watanabe]

ありがとうございます。
確認した所、空白は発生していないようです！

♥ 0

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

[hiro8watanabe]

なにかクローズドな方法で共有することは可能でしょうか？

♥ 0

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

[hiro8watanabe]

教えて頂いたコードをMy Snow Monkeyへ記述したところ、無事意図した挙動にすることが出来ました！

filterフック関係の理解がまだ足りないので勉強になりました。

ありがとうございます！トピック閉じます。

♥ 1

いいねをした人:

[hiro8watanabe]

パンくずがページ最上部（ロゴの上）に来てしまうので、ヘッダー画像を入れて他のページに合わせる事ができないかな？と思いました。

♥ 0

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

[hiro8watanabe]

Yamasaki Daisukeさん

ありがとうございます！
難しいことしなくても設定で出来たのですね！汗

無事、カード全体にリンクを適用できました。
アドバイス感謝いたします！

♥ 1

いいねをした人:

[hiro8watanabe]

Olein_jpさん、まーちゅうさん、アドバイスありがとうございます。

Olein_jpさんの参考記事をカスタマイズして無事ループ表示することができました。
いろいろ試しているうちに検証漏れがあったようです。助かりました。

一点、各値を取得する際、ドキュメントに記載がある

<?php echo CFS()->get( 'フィールド名' );?>

では取得できない状態です。

現状は下記で取得していますが、これはSnow Monkey固有の現象なのか判断ができません。

<?php echo get_post_meta($post->ID, ‘フィールド名’, true); ?>
<?php echo wp_get_attachment_image(post_custom(‘フィールド名’), ‘large’); ?>

現在、WordPressに障害が発生しているらしく、テストサイトで検証ができないのため、復旧し次第検証し、Snow Monkeyの場合に起こる事象なのか確認後、不具合報告へ上げるか判断しようと思います。

色々と教えてくださりありがとうございました。

♥ 0

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

[hiro8watanabe]

### 試したこと
の画像の表示コードが欠けていました。

画像は
<?php echo wp_get_attachment_image(post_custom('フィールド名'), 'large'); ?>

で一旦表示されました。

♥ 0

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

[投稿者]

投稿