[キタジマ タカシ]

– ヘッダーは2行に設定
– ヘッダー位置はノーマルに設定
– スライダーを何らかのプラグインで作成

として、

下記のコードを My Snow Monkey プラグインもしくは子テーマの functions.php に追加でいけると思います。

add_filter(
	'snow_monkey_template_part_render_header',
	function( $html ) {
		// トップページ以外のときは追加しない
		if ( ! is_front_page() ) {
			return $html;
		}

		ob_start();
		// 追加するコンテンツを記述
		?>
ここにスライダーの HTML やショートコードなど
		<?php
		return ob_get_clean() . $html;
	}
);

♥ 0

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

[HaseGawa]

キタジマ様

一応確認ですが、投稿者の HTML を削除するのは「任意のタクソノミーブロック」だけで、カテゴリーアーカイブページの一覧部分からは消さないということであっていますでしょうか？

投稿者のHTMLはカテゴリーアーカイブページの一覧部分、投稿記事メタ情報などすべてから削除したいのです。

なお、カテゴリーアーカイブページの一覧部分については以前にキタジマ様からフックを教えていただきましたので削除出来ております。

また、投稿記事メタ情報部分については、本フォーラムの過去記事に該当するフックが紹介されておりましたのでこれも削除出来ております。

後は、固定ページに作成した任意のタクソノミーブロックにのみ投稿者が表示されていますので、これを削除したいということです。

一応現在のフックを掲載しますので、問題点などありましたらご指摘いただけますと助かります。

/**
 * 投稿ページのメタ情報の投稿者を削除
 */
add_action(
	'snow_monkey_entry_meta_items',
	function() {
		remove_action( 'snow_monkey_entry_meta_items', 'snow_monkey_entry_meta_items_author', 30 );
	},
	9
);

/**
 * カテゴリーページの投稿者を削除
 */
add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/meta/meta',
	function( $html, $name, $vars ) {
		// カテゴリーアーカイブ表示時、かつ記事一覧部分のとき.
		if ( is_category() && 'archive' === $vars['_context'] ) {
			return preg_replace(
				'|
<ul>
 	<li class="c-meta__item c-meta__item--author">.*?</li>
</ul>
|ms',
				'',
				$html
			);
		}
		return $html;
	},
	10,
	3
);

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

♥ 0

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

[みしま]

サニタイズの視点、完全に飛んでましたので助かります。
esc_htmをつかって、下記のようなカスタマイズとして利用させていただきます。
ありがとうございます！

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary',
	//entry-summary-postが対象
	function( $html ) {
		if (get_post_type() === 'item'): //カスタム投稿 itemに限定する
			// 以降の出力を変数に格納する
			ob_start();
			?>
			<div class="price__wrapper">
				<p>税込<?php echo esc_html(number_format(get_field('price'))); ?>円</p>
			</div>
			<?php
			// 変数に格納
			$kw_price = ob_get_clean();
			// </header>を書き換える
			return str_replace(
				'</header>',
				'</header>'.$kw_price,
				$html
			);
		endif;
		return $html;
	}
);

♥ 4

いいねをした人:

[キタジマ タカシ]

一応下記のコードでグローバルナビゲーションの上に「あいうえお」という文字列を追加できるのですが、グローバルナビゲーションのテンプレートパーツは普通のグローバルナビゲーションだけではなくドロップナビゲーション（スクロールしたら上からにゅっとでてくるナビゲーション）にも流用しているので、そちらにも文字列が表示されてしまいます…。

add_filter(
	'snow_monkey_template_part_render_template-parts/nav/global',
	function( $html, $name, $vars ) {
		?>
		あいうえお
		<?php
		return ob_get_clean() . $html;
	},
	10,
	3
);

v13.0.0 からは判別してどちらか片方に出せるようにしようと思いますが、お急ぎであればとりあえず上記で追加しておいて、ドロップナビゲーションのほうは CSS で消しておくのが良いかもしれません…。

♥ 2

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

[みしま]

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

カラーミーショップと連携して（商品ごとにカートに入れるjsボタン発行して、htmlブロックに貼り付ける機能を利用）、Snow MonkeyでECサイトを制作しています。

CPT UIでカスタム投稿　商品（item)をつくって、カテゴリ毎のアーカイブページをみると

リッチメディアなのもあって、

・商品のアイキャッチ
・商品のタイトル
・商品記事の抜粋
・商品のカテゴリ

がきれいに表示され満足していたのですが、やっぱりタイトルの下にそれぞれの価格などを表示したいなぁという欲が出まして、かつ子テーマは使いたくないなぁと思い試行錯誤しています。

Advanced Custom Fieldsで、カスタム投稿用にカスタムフィールドを作成し、

画面の上部に３列目のメニューを表示する

で教えていただいた内容とググった内容をあわせて、現状下記のようになりました。

表示は希望のものとなっていますが、このようなカスタマイズで問題ないのか？という疑問と、同じようなことをしたい人への情報提供になればと思いトピック立てさせてもらいます。（既出でしたらすみません）

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary',
	//entry-summary-postが対象
	function( $html ) {
		if (get_post_type() === 'item'): //カスタム投稿 itemに限定する
			// 以降の出力を変数に格納する
			ob_start();
			?>
			<div class="price__wrapper">
				<p>税込<?php echo number_format(get_field('price')); ?>円</p>
			</div>
			<?php
			// 変数に格納
			$kw_price = ob_get_clean();
			// </header>を書き換える
			return str_replace(
				'</header>',
				'</header>'.$kw_price,
				$html
			);
		endif;
		return $html;
	}
);

[キタジマ タカシ]

コード書いてみました。こんな感じでどうでしょうか？

/**
 * 投稿の一覧ページで、記事一覧レイアウトが simple のときにインフィード広告を表示
 */
add_filter(
	'snow_monkey_template_part_render_template-parts/archive/entry/content/content',
	function( $html, $name ) {
		$infeed_ads = get_option( 'mwt-google-infeed-ads' );
		if ( ! $infeed_ads ) {
			return $html;
		}

		$entries_layout = get_theme_mod( $name . '-entries-layout' );

		if ( 'post' !== $name ) {
			return $html;
		}

		if ( ! in_array( $entries_layout, [ 'simple' ], true ) ) {
			return $html;
		}

		$count = 0;

		return preg_replace_callback(
			'|(<li class="c-entries__item)|s',
			function( $matches ) use ( &$count, $infeed_ads ) {
				$count ++;
				if ( 0 !== $count % 4 ) {
					return $matches[0];
				}

				ob_start();
				?>
				<li class="c-entries__item">
					<?php \Inc2734\WP_Adsense\Helper::the_adsense_code( $infeed_ads ); ?>
				</li>
				<?php
				return ob_get_clean() . $matches[0];
			},
			$html
		);
	},
	10,
	2
);

♥ 0

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

[みしま]

ob_start()を知らなかったので勉強になりました。

当初理解できなかったのですが、昨日の配信で
・snow_monkey_template_part_render_<slug>
・str_replace
に触れてらっしゃったのでどのような処理かわかりました。

記載いただいたようにするとheaderとして上部固定などもできるようになりました。
お手数おかけしました。ありがとうございました。

♥ 1

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

[キタジマ タカシ]

もしヘッダー位置が「ノーマル」であればこれでも見え方は変わらないと思いますが、ちゃんと「ヘッダーの中」にメニューを入れたいのであれば snow_monkey_template_part_render_header フックでヘッダーの HTML を書き換える形でヘッダーの中にメニューを入れるのが良いと思います（ヘッダーの内側にはアクションフックが無いので、この HTML 書き換えようフックで代用しています）。

add_filter(
	'snow_monkey_template_part_render_header',
	function( $html ) {
		// 以降の出力を変数に格納する
		ob_start();
		?>
<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
		// 変数に格納
		$menu = ob_get_clean();

		// ヘッダーの </header> の前にメニューを追加
		return str_replace(
			'</header>',
			$menu . '</header>',
			$html
		);
	}
);

♥ 2

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

[キタジマ タカシ]

My Snow Monkey プラグインに下記のコードを貼り付けてみてください。

add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title',
	function( $html, $name, $vars ) {
		// 関連記事のとき
		if ( 'snow-monkey/related-posts' === $vars['_context'] ) {
			// テキスト部分を抽出
			$text = trim( strip_tags( $html ) );
			// タイトル（タグを含む）のテキスト部分を、トリミングしたテキストに置換
			return str_replace(
				$text,
				mb_strimwidth( $text, 0, 10, '…' ), // 抽出したテキストをトリミング
				$html
			);
		}
		return $html;
	},
	10,
	3
);

「2行目以降」という指定はできないので、切り取る長さを調整してみてください（mb_strimwidth の 10 の部分）。

あと、僕はサイトを何度も拝見しているのでだいたいなにがどこにあるのかわかりますが、初見の人は「関連記事はどこにあるの？」となってしまう場合があると思いますので、【当該サイトのURL】にはトップページの URL ではなくそのトピックの内容（今回であれば関連記事）が確認できる URL を書いていただければと思います！

♥ 0

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

[Kmical Lights]

v6系にはsnow_monkey_template_part_render_{slug}のフックがまだ無かった頃ですね。

なので… snow_monkey_template_part_render
を使用する形になります。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug, $name, $vars ) {
if ( $slug === 'template-parts/content/share-buttons' ) {
元々のフックの間のコードをここに記述してください
}
	},
	10,
	4
);

で一度試していただけますか？。

少し、v6.2.1ピッタリ + PDFボタンが動作するような環境構築を今直ぐにできなかったので、v6系の似たような環境で確認しました程度になってます。
もし、上手くいかない場合は再度返信の形でお願いしますー。

♥ 1

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

[長井 岳]

【お使いの Snow Monkey のバージョン】6.2.1
【お使いの Snow Monkey Blocks のバージョン】 9.2.0
【お使いのブラウザ】Googleクローム
【当該サイトのURL】https://workstyle.roukyou.gr.jp/

◆実現したいこと

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

すみません、以前にこちらで「投稿ページのシェアボタンエリアに、他のボタンを追加したい」（投稿ページのシェアボタンエリアに、他のボタンを追加したい – WordPress テーマ Snow Monkey (2inc.org)）というトピックをたて、一度は解決したと思ったのですが、改めて問題にあたってしまったため、再度トピックを立てさせていただきました。

実装したい機能は、「投稿ページのシェアボタンエリアに、他のボタンを追加する」というものです。LINEビジネスの友達追加ボタンと他プラグインを使用してphpコードによって出力する「PDF印刷ボタン」を追加しようとしています。

◆発生している問題

以前たてたトピックでは、以下のようなコードをmy snow monkeyプラグインに記述することをご提案いただき、それで解決したと思っていたのですが、テスト環境と本番環境では、snow monkeyのバージョンが違い、本番環境では古いバージョンの6.2.1だったためか、提案のコードを貼ってもページに何も変化がないという状態になってしまいまして。

おそらく古いバージョンと現在のバージョンではmy snow monkeyで使用できるフィルターフックなどが違うからなのかと思いますが、本番環境の制約ですぐにはsnow monkeyのバージョンを上げられず（遠からず上げたいですが…）、旧バージョンのままで「投稿ページのシェアボタンエリアに独自のボタンを追加する」ことを実現する方法はありますでしょうか。。

すみませんが、何か良い方法があれば、よろしくお願いいたします。。

以下、以前のトピックで提案いただいたコードです。

add_filter(
	'snow_monkey_template_part_render_template-parts/content/share-buttons',
	function( $html ) {
		// シェアボタンの最後にボタンを追加
		$new_buttons = '
<ul>
 	<li class="wp-share-buttons__item"><a href="https://lin.ee/DsJhUZL"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png" alt="友だち追加" height="36" border="0" /></a></li>
</ul>
';
		if ( function_exists( 'pf_show_link' ) ) {
			$new_buttons .= pf_show_link();
		}

		return str_replace(
			'

			',
			$new_buttons . '

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

[アクツ]

返答ありがとうございます！
どういった内容を出したい（あとハンバーガーボタン寄りなのかロゴ寄りなのか等）にもよりますが、下記のコードでハンバーガー前に任意のものを出力できるかと思います。

add_filter(
	'snow_monkey_template_part_render_template-parts/header/hamburger-btn',
	function( $html, $name, $vars ) {
		$add_html = '<div class="hoge">こちらにでるよ！</div>';
		return $add_html.$html;
	}
);

※カスタマイズ > ページ速度最適化 項目でヘッダーをキャッシュ をON している場合は、コード設定後キャッシュを削除で削除ください

♥ 2

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

[キタジマ タカシ]

こんな感じでどうですかね？

add_filter(
	'snow_monkey_template_part_render_template-parts/content/share-buttons',
	function( $html ) {
		// シェアボタンの最後にボタンを追加
		$new_buttons = '<li class="wp-share-buttons__item"><a href="https://lin.ee/DsJhUZL"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png" alt="友だち追加" height="36" border="0" /></a></li>';
		if ( function_exists( 'pf_show_link' ) ) {
			$new_buttons .= pf_show_link();
		}

		return str_replace(
			'</ul>',
			$new_buttons . '</ul>',
			$html
		);
	},
	10,
	2
);

♥ 0

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

[キタジマ タカシ]

おそくなってすみません！

CSS で調整が必要になると思いますが、とりあえずボタンを追加するコードを書いてみました。My Snow Monkey プラグインか子テーマの functions.php にコードを追加してみてください。

add_filter(
	'snow_monkey_template_part_render_template-parts/content/share-buttons',
	function( $html ) {
		// シェアボタンの最後にボタンを追加
		return str_replace(
			'</ul>',
			'<li class="wp-share-buttons__item"><a href="https://lin.ee/DsJhUZL"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png" alt="友だち追加" height="36" border="0" /></a></li></ul>',
			$html
		);
	},
	10,
	2
);

上記は LINE のボタンだけ追加しているので、</ul> の前に <li class="wp-share-buttons__item">PDF追加ボタン</li> を追加することでさらにボタンを増やせます。

♥ 0

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

[Kmical Lights]

簡単にやるなら
<i class="fa fa-angle-right" aria-hidden="true"></i>を「次へ」という文字列に置換。
<i class="fa fa-angle-left" aria-hidden="true"></i>を「前へ」という文字列に置換。
そして、CSS で数字の部分をdisplay: noneで非表示にし、左右のボタンのスタイルを調整する形でしょうか。

文字列置換に関しては、my snow monkey で

add_filter( 'inc2734_wp_basis_posts_pagination_args', function( $_args ) {
  $_args['mid_size'] = 0;
  return $_args;
} );
add_filter( 'snow_monkey_template_part_render_template-parts/archive/pagination', function( $_html, $_name, $_vars ) {
  $_html = str_replace(
    '<i class="fa fa-angle-right" aria-hidden="true"></i>',
    '次へ',
    $_html
  );
  $_html = str_replace(
    '<i class="fa fa-angle-left" aria-hidden="true"></i>',
    '前へ',
    $_html
  );
  return $_html;
}, 10, 3 );

かなと。

数値を消すとかのスタイルは、下記のCSSを参考に調整してみてください。

.c-pagination__item-link,
.c-pagination__item current {
  display:none;
}
.c-pagination__item-prev,
.c-pagination__item-next {
  display: inline-block;
}

@ キタジマさん
ページャーの呼び出しって、inc2734ライブラリの範囲なので…これってSnow Monkeyなやり方では綺麗に書けないんじゃ…と。

とりあえず、テンプレート上書きとかしにくい範囲かなと思いますが、…ゴリ押しテンプレート置換するならDOMパーサーかなーって事で、別なページャースタイルにする方法も下記に書いときます…。
（上級者向けのコードです。読めない・解らないなら、やらない方がいいです）

class Pager {

	function __construct() {
		add_filter( 'inc2734_wp_basis_posts_pagination_args', [ __CLASS__, '_posts_pagination_args' ] );
		add_filter( 'snow_monkey_template_part_render_template-parts/archive/pagination', [ __CLASS__, '_render_pagination' ], 10, 3 );
	}

	static function _posts_pagination_args( $_args ) {
		$_args['mid_size'] = 0;
		return $_args;
	}

	static function _render_pagination( $_html, $_name, $_vars ) {
		global $wp_query;
		global $paged;	// 現在のページ値

		$_links = [];

		$_paged = ( $paged >= 2 ) ? $paged : 1;
		$_navigation_html = '<span class="kt-pagination-text">' .
			$_paged . 'ページ （' . $wp_query->max_num_pages . 'ページ中）' .
		'</span>';

		$_html = preg_replace(
			'/<span (.*)<\/span>/',
			'',
			$_html
		);

		$_domDocument = new \DOMDocument();
		$_pre_use = libxml_use_internal_errors( true );
		$_domDocument->loadHTML( '<?xml encoding="UTF-8">' . $_html );
		libxml_clear_errors();
		libxml_use_internal_errors( $_pre_use );
		$_xPath = new \DOMXPath( $_domDocument );

		$count = 0;
		foreach ( $_xPath->query( '//div[@class="nav-links"]/a' ) as $_node ) {
			if ( $_paged === 1 ) {
				switch ( $count ) {
					case 0 :
						$_node->nodeValue = '最後のページ';
						break;
				}
			} else {
				switch ( $count ) {
					case 1 :
						$_node->nodeValue = '最初のページ';
						break;
					case 2 :
						$_node->nodeValue = '最後のページ';
						break;
				}
			}
			$_links[] = $_node->ownerDocument->saveHTML( $_node );
			$count++;
		}

		$_links = self::replace_array( $_links, 0, 1 );
		if ( count( $_links ) === 4 ) {
			$_links = self::replace_array( $_links, 3, 2 );
		}

		$_links_html = '';
		foreach ( $_links as $_link ) {
			$_links_html .= $_link;
		}

		$_html = preg_replace(
			'/<div class="nav-links">(.*)<\/div>/s',
			'<div class="nav-links">' . $_links_html . '</div>' . $_navigation_html,
			$_html
		);

		return $_html;
	}

	private static function replace_array( $_items, $_position, $_new_position ) {
		$_new_items = $_items;
		$_old_item = $_new_items[$_position];
		unset( $_new_items[$_position] );
		array_splice( $_new_items, $_new_position, 0, $_old_item );

		return $_new_items;
	}

}

こんな風になるかと。

♥ 1

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