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

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #61624
    長井 岳
    参加者
    2

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

    ===

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

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

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

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

    以下、追加したい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
    いいねをした人: 居ません
    #62016
    アバター画像キタジマ タカシ
    参加者
    2421

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

    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
    いいねをした人: 居ません
    #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
    いいねをした人: 居ません
    #62426
    アバター画像キタジマ タカシ
    参加者
    2421

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

    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
    いいねをした人: 居ません
    #62614
    長井 岳
    参加者
    2

    ありがとうございます!

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

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

    トピックを閉じますね。

    1
    いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「投稿ページのシェアボタンエリアに、他のボタンを追加したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。