[長井 岳]

【Snow Monkey のバージョン】10.10.7
【使用ブラウザ】Googleクローム
【当該サイトのURL】http://nagatake.sakura.ne.jp/work-styles/2020/11/18/1785/

===

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

今、投稿ページのタイトル下に表示されるシェアボタンのエリアに、新たにLINEの友達追加ボタン（HTMLコードで記述）と、別プラグインの機能を使ったPDF印刷ボタン（ショートコードもしくはphpで記述）の２つのボタンを追加したいと思っているのですが、何か良いカスタマイズ方法などはあるでしょうか…？

当該ページでは現在は、Twitterシェアボタン/Facebookシェアボタン/LINEシェアボタンを表示しているのですが、それらの隣に横並びになるように上記２つのボタンを表示するイメージです。

デフォルトではシェアボタンに新しくボタンを追加する機能はないかと思いますので、なにがしかのコードを書き加えるのかと思いますが。。
何か良い方法があればご教授お願いします。

以下、追加したいLINE友達追加ボタンのコードです。

【LINE友達追加ボタン】
<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>

♥ 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

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

[長井 岳]

いえいえ！いつも丁寧なご対応、本当にありがとうございます！

提示していただいたコードでmy snow monkeyへの追記で、LINE友達追加ボタンは無事実装できそうです。ありがとうございます。

ただ、すみません、コードを書き忘れていたのですが、LINE友達追加ボタンの隣に配置したいPDF印刷ボタンの方はphpコードで記述できたらと思っておりまして、お教えいただいた上記のコードでは、wordpressにエラーが出てしまい、実装ができずでした。。

そちらの方は何か良い方法はあるでしょうか。。

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

以下、そのphpのコードになります。

【PDF追加ボタン用のphp】

 
<?php if(function_exists('pf_show_link')){echo pf_show_link();} ?>

♥ 0

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

[キタジマ タカシ]

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

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

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

[長井 岳]

ありがとうございます！

上記のPDF追加ボタン用のphpコードを入れたコードで、ボタンを追加することができました。

大変助かりました。ありがとうございます。

トピックを閉じますね。

♥ 1

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

[投稿者]

投稿