suika10さん

以下マニュアルページをご参照ください。

SNSシェア・フォローボタンの表示をページタイプごとに切り替える方法
https://wp-cocoon.com/sns-button-display-switching/

• フロントページ（サイトトップインデックスの1ページ目のみ）
• 投稿
• 固定ページ
• カテゴリー（1ページ目のみ）
• タグ（1ページ目のみ）

マニュアルページには上記のように記載がありますので、仕様のようです。

ウィジェットを上手く使えば出来そうな気はしますが、シェアボタンはウィジェットがないようです。

となると、カスタムHTMLウィジェットを使って自前で設置するくらいしか、私には思いつきません。

しかし・・・。

フロントページにしろ、カテゴリーページにしろ。
そのものをシェアというのは分かりますが、2ページ目・3ページ目をシェアはしないような気はします。
（投稿が増えてしまえば、そのページの内容は変わりますし。）

あくまでも個人的な意見ですが。

投稿者:: @mk2_mk2

フロントページにしろ、カテゴリーページにしろ。
そのものをシェアというのは分かりますが、2ページ目・3ページ目をシェアはしないような気はします。
（投稿が増えてしまえば、そのページの内容は変わりますし。）

2ページ目以降をシェアするボタンではなく「カテゴリーページの1ページ目をシェアできるボタン」を2ページ目以降にも表示させたい、とかでしょうか。どちらにしてもCocoonデフォルトにない機能なので、自力でカスタマイズになります。

希望するシェアボタンの詳しい仕様を教えていただければカスタマイズのヒントは出せると思います。また、「シェアボタン HTML CSS」などで検索すると参考になる記事が出てきます。

あとはプラグインで表示させる方法もあるかと。ただしプラグインを使う場合はCocoonのシェアボタンと競合する可能性があるので注意が必要になります。

みなさんお答え頂きありがとうございます。
やはり2ページ目以降には表示されない仕様なのですね。

さる子さんのおっしゃる通り目的は
フロントページ、カテゴリーページの1ページ目をシェアできるボタンを
2ページ目以降にも表示させたいと言う事になると思います。

ｍｋ２さんご提案のカスタムHTMLウィジェットを使って設置するのがよさそうだと思いました。

希望するシェアボタンの仕様は1ページ目と同じ様に表示するだけなのですが、
ウィジェットにシェアボタンの項目が無いので、
カスタムHTMLにどのように書けば表示させることが出来るのかご教示願えますでしょうか？
宜しくお願い致します。

投稿者:: @suika10

希望するシェアボタンの仕様は1ページ目と同じ様に表示するだけ

おそらく1ページ目と同じ場所・デザインにしようと思うと逆に難しいと思います。（同じ場所に表示できるウィジェットがなさそうなので。）

簡単なのは下記の方法だと思います。

1. シェアボタンを自作
2. フロントページやカテゴリー1ページ目のシェアボタンを非表示
3. ウィジェットでシェアボタンを表示

ただし、フロントページやカテゴリー別で違うURLをシェアさせたい場合は別々でシェアボタンを作ってウィジェットに設定する必要があります。

シェアボタンのコード参考

【Cocoon】コピペで簡単！シェアボタンデザイン4選 - Nomad Code https://code.nomad.inc/wordpress/cocoon/share/

コピペで使えるCSS！シェアデザインサンプル10選 - See-SS https://see-ss.com/posts/p29wgx8uh/share/

自動でURLを取得させようと思うとPHPでのカスタマイズになると思います。

これ以上のアドバイス実物を見ないと難しいので、必要でしたら案内にある通り実際のURLの提示をお願いします。ただし大掛かりなカスタマイズになるとフォーラムのサポート範囲外になりますことをご留意ください。

投稿者:: @saruko

自動でURLを取得させようと思うとPHPでのカスタマイズになると思います。

よくよく考えると、自動取得させようと思うと2ページ目からは2ページ目のURLになってしまいますね…。

カテゴリーページの2ページ目からカテゴリーページ1ページ目のURLを自動取得がPHPで可能かどうか、私自身PHPには疎いのでちょっとわかりません。

カテゴリーの数が膨大でなければ、フロントページ（新着記事）とカテゴリーページだけならカスタムHTMLとCSSのカスタマイズでできる範囲だと思います。

カスタムHTMLウィジェットを使う方法では、あくまでもウィジェットエリアがある場所にしかできないという前提ですが・・・。

超ローテクですのですし、詳しく説明するのは大変ですので、簡単に。

図などのご提示もありませんし、suika10さんのご希望通りかは分かりません。

とりあえず、インデックスリストのトップを例にあげます。

まずは、「Cocoon設定」－「SNSシェア」で、トップページのトップの位置にSNSシェアボタンを表示させます。

このページのHTMLソースを表示させて、SNSシェアボタン部分のソースを丸々コピーします。

上記でコピーしたソースを「カスタムHTMLウィジェット」に貼り付けて、インデックスリストトップに設置します。

すると、トップページは、以下のようになります。

ウィジェットのSNSシェアボタンには、外部リンクであることを示すアイコンフォントが表示されていますので、CSSでこのアイコンフォントを消します。
（表示させていない場合は不要。Cocoon設定からも非表示にできます、外部リンク全部消えてしまいますが。）

投稿者:: @mk2_mk2

シェアするURK

誤字訂正です。

最後の方の上記部分は、「シェアするURL」です

他にも誤字が・・・
急いで書きましたので、ご容赦ください。

とりあえずやってみましたが、動作などは確認しておりません。

（簡単な確認しかしていませんが、カテゴリーページのウィジェット表示コントロールはできそうな感じでした。）

フロントページ、カテゴリーページの1ページ目をシェアできるボタン

この条件が面倒ですね。この条件がなければ、下記コードを子テーマの functions.php に追加すればできるのですが。

※「メインカラムトップシェアボタンを表示」の場合のコードです。

add_action( 'get_template_part_tmp/list-tab-index', 'my_paged_sns_share');
add_action( 'get_template_part_tmp/list-category', 'my_paged_sns_share');
add_action( 'get_template_part_tmp/list-category-columns', 'my_paged_sns_share');
add_action( 'get_template_part_tmp/list-index', 'my_paged_sns_share');

function my_paged_sns_share() {
  if ( is_paged() && (
    ( is_front_page() && is_sns_front_page_top_share_buttons_visible() ) ||
    ( is_category() && is_sns_category_top_share_buttons_visible() ) ||
    ( is_tag() && is_sns_tag_top_share_buttons_visible() )
  ) ) {
    get_template_part_with_option( 'tmp/sns-share-buttons', SS_TOP );
  }
}

上記コードは、2 ページ目でボタンを押すと 2 ページ目をシェアします。

「フロントページ、カテゴリーページの1ページ目をシェアできるボタン」の条件を満たすには、上記コードに置換処理を追加しないといけません。その置換処理が面倒に感じ、試しませんでした。

ごめんなさい。コードを訂正します。余計な 3 行が含まれていました。

訂正後のコード

add_action( 'get_template_part_tmp/list-index', 'my_paged_sns_share');

function my_paged_sns_share() {
  if ( is_paged() && (
    ( is_front_page() && is_sns_front_page_top_share_buttons_visible() ) ||
    ( is_category() && is_sns_category_top_share_buttons_visible() ) ||
    ( is_tag() && is_sns_tag_top_share_buttons_visible() )
  ) ) {
    get_template_part_with_option( 'tmp/sns-share-buttons', SS_TOP );
  }
}

みなさんお答え頂きありがとうございます。

ｍｋ２さんご提案のカスタムHTMLウィジェットにコードを貼り付ける方法で目的はほぼ達成できたと思っています。
ありがとうございました。

ｍｋ２さんご指摘の通りウィジェットで作ったボタンからSNSに投稿時はカテゴリーページのカテゴリー名は自動入力はされない様です。
各カテゴリー名が自動入力される様にする事が出来れば完璧なのですが、
その方法がお分かりになられる方がおられましたらご教示願えますでしょうか？
宜しくお願い致します。

もし無理そうであればこれで解決済みとさせて頂こうと思います。

suika10さん

今回の例は、トップページですから、各SNSへトップページのURLをパラメーターとして渡しています。

ウィジェットに貼り付けたソースを見ていただければ、お分かりいただけると思いますが、トップページのURLが書かれているはずです。

トップページのURLを自動取得している訳ではなく、HTMLソースにベタ打ちされているだけです。
（自動取得すると2ページ目、3ページ目のURLになってしまう。そして自動取得にはPHPなど処理する必要があり、HTMLだけではできない。）

そのURLをカテゴリーページのものに書き換えれば良いだけです。

ただ、1つ1つ書き換えるのは面倒です。

ですから、先に書いた手順と同じことをカテゴリーページでも行います。

複数の例をつくるのは正直手間と時間がかかり大変ですし、ご提示は致しません。

トップページと同じことをカテゴリーページでもするだけだと思うのですが・・・。
（ただし、カテゴリー毎に設定する必要がある。カテゴリー毎にURLが変わりますので。）

投稿者:: @suika10

ｍｋ２さんご指摘の通りウィジェットで作ったボタンからSNSに投稿時はカテゴリーページのカテゴリー名は自動入力はされない様です。
各カテゴリー名が自動入力される様にする事が出来れば完璧なのですが、

カテゴリーを自動取得しようとすると、PHPでのカスタマイズになります。カスタムHTMLウィジェットではできません。また、PHPで取得するにしてもAkiraさんがおっしゃっるには複雑なものになようです。

ご自身でカスタマイズが難しい場合は有償でプロに依頼するという手もあります。