投稿ページのシェアボタンエリアに、他のボタンを追加したい

♥ 0

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

このトピックには4件の返信、2人の参加者があり、最後に長井岳により3年、 5ヶ月前に更新されました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

投稿者

投稿
2020年11月26日 12:04 AM #61624

長井岳
閲覧者

♥ 2

【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

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

2020年12月2日 12:32 AM #62016
キタジマタカシ
参加者

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

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

いいねをした人: 居ません
2020年12月5日 5:54 PM #62357

長井岳
閲覧者

♥ 2

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

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

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

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

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

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

【PDF追加ボタン用のphp】

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

♥ 0

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

2020年12月7日 11:31 AM #62426
キタジマタカシ
参加者

♥ 2258
こんな感じでどうですかね？
```
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

いいねをした人: 居ません
2020年12月8日 11:03 PM #62614

長井岳
閲覧者

♥ 2

ありがとうございます！

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

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

トピックを閉じますね。

♥ 1

いいねをした人: 居ません
投稿者

投稿