[Kazu]

お使いの Snow Monkey のバージョン】バージョン: 17.0.5
【お使いの Snow Monkey Blocks のバージョン】バージョン 15.0.6
【お使いの Snow Monkey Editor のバージョン】バージョン 7.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://blog.tukurell.com/

### 実現したいこと

投稿ページの下部　「この記事を読んだ人におすすめ」の上段に画像を挿入したい。
是非アドバイスをお願いします。

### 発生している問題

・自分でカスタマイズして作成したものではなく修正願いをだされたもので、編集箇所がわかっていない
・投稿ページの記事自体はhttps://blog.tukurell.com/WP-adminから作成しています。

「この記事を読んだ人におすすめ」以下は、プラグインのCode SnippetsなどでPHPで記載をされています。

my-snow-monkey内のファイルもしくはCode Snippetsで投稿ファイルの下部に常に特定の画像を表示させたいです。

なお、ウィジェットでは「投稿ページの下部」は機能せず、「記事本文の下」では機能しますが、「この記事を読んだ人におすすめ」の下に表示されてしまいます。

### 試したこと

・サーバー内のmy-snow-monkey内のファイルを閲覧した。（見落としているかもしれませんが）

・ウィジェットで画像の挿入を提案しましたが、上述の「この記事を読んだ人におすすめ」の上に画像を挿入したい希望があり、こちらは承認されませんでした。

・「この記事を読んだ人におすすめ」はプラグイン　Code Snippetsで下記のコードが記載されていました。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/content/related-posts' === $slug ) {
			return preg_replace(
				'|<span>.*?関連記事|ms',
				'<span>この記事を読んだ人におすすめ',
				$html
			);
		}
		return $html;
	},
	10,
	2
);

以上です。

♥ 0

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

[キタジマ タカシ]

関連記事の上にアクションフックがないので、関連記事の HTML を書き換える形で対応するしか無いのかなと思います。もともとのコードを利用する形だとこんな感じでしょうか。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/content/related-posts' === $slug ) {
			// 関連記事のタイトルを書き換え
			$html = preg_replace(
				'|<span>.*?関連記事|ms',
				'<span>この記事を読んだ人におすすめ',
				$html
			);

			// 関連記事の上部に HTML を追加
			$html = '<p><img src="..." alt=""></p>' . $html;

			return $html;
		}
		return $html;
	},
	10,
	2
);

♥ 0

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

[Kazu]

ご丁寧にコードのアドバイスまでありがとうございました。

PHPについて今一度勉強をしており返信に時間を要しました（結局対して知識がついたわけでもありません）

 

解決のために大きく前進しました。ありがとうございます

ただ、まずアドバイス通り実装したのですが、下記Linkのようにウィジェットページの設定同様に関連記事の下に出てしまいました。

Screenshot – cc1cfbb1df9a6bde49648482ca5da8cf – Gyazo

gyazo.com

IF分の書き方を変えればうまく出そうなのですが、まだ解決はできません。

この部分について、さらにアドバイス可能であればお願いさせてください

引き続き私も試行錯誤してみます。

 

以上　よろしくお願いします。

♥ 0

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

[キタジマ タカシ]

スクショを見ると、関連記事（.p-related-posts）の上に画像（p > img）があるように見えるので、コード自体はあっているのではないですかね？

デベロッパーツールの HTML が表示されている部分で、関連記事上の画像を選択すると、画面表示の部分ではどこが選択されますか？

♥ 0

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

[Kazu]

お世話になります。

アドバイスいただきありがとうございます。

依頼側の方が特にこだわらないというのと、ウィジェットで処理するだけでよいと連絡をしていただきましたので

本件後味が悪いですがCloseとさせていただきます。

 

以上です

♥ 1

いいねをした人:

[投稿者]

投稿