SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/ Cocoon ディスカッション掲示板 ja Thu, 17 Sep 2026 04:07:28 +0000 wpForo 60 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57327 Sat, 09 Oct 2021 04:55:34 +0000
投稿者:: @suika10

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

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

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

詳細なカスタマイズ依頼をするならこちら。

]]> CSSカスタマイズ相談 さる子 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57327 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57260 Thu, 07 Oct 2021 04:17:56 +0000 suika10さん

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

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

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

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

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

 

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

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

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

]]> CSSカスタマイズ相談 ｍｋ２ https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57260 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57256 Wed, 06 Oct 2021 22:54:35 +0000 みなさんお答え頂きありがとうございます。

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

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

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

]]> CSSカスタマイズ相談 suika10 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57256 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57253 Wed, 06 Oct 2021 15:36:17 +0000 ごめんなさい。コードを訂正します。余計な 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 );
  }
}
]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57253 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57250 Wed, 06 Oct 2021 10:56:32 +0000

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

]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57250 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57240 Wed, 06 Oct 2021 10:03:16 +0000
投稿者:: @mk2_mk2

シェアするURK

誤字訂正です。

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

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

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

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

]]> CSSカスタマイズ相談 ｍｋ２ https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57240 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57239 Wed, 06 Oct 2021 09:41:53 +0000 カスタムHTMLウィジェットを使う方法では、あくまでもウィジェットエリアがある場所にしかできないという前提ですが・・・。

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

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

 

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

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

 

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

 

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

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

 
2ページ目以降にも、SNSシェアボタンが表示されます。

 

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

トップページ
 
2ページ目以降
 

 

 
最後に、「Cocoon設定」－「SNSシェアボタン」でフロントページの表示を外します。
すると、ウィジェットのボタンのみ残ります。
 
トップページ
 
2ページ目以降
 
 
超ローテクですが、おそらくこんな感じでできるのではないと。
 
トップページのHTMLソースをコピーしていますので、シェアするURKもトップページになっていると思います。（キチンと確認はしていませんが。）
 
 
ボトムの位置のシェアボタンや、カテゴリーページについても同じような感じで、できないことはないのかな・・・と思います。
 
ただ、カテゴリーページはカテゴリー毎に設定する必要がありそうですが・・・。
（ウィジェット表示のコントロールが上手くできるのかも確認してしません。）
 
]]> CSSカスタマイズ相談 ｍｋ２ https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57239 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57238 Wed, 06 Oct 2021 08:22:31 +0000
投稿者:: @saruko

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

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

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

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

]]> CSSカスタマイズ相談 さる子 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57238 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57236 Wed, 06 Oct 2021 06:39:52 +0000
投稿者:: @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の提示をお願いします。ただし大掛かりなカスタマイズになるとフォーラムのサポート範囲外になりますことをご留意ください。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります
]]> CSSカスタマイズ相談 さる子 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57236 RE: SNSシェアボタンをフロントページとカテゴリーページの2ページ目以降にも表示させる https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57234 Tue, 05 Oct 2021 22:03:21 +0000 みなさんお答え頂きありがとうございます。
やはり2ページ目以降には表示されない仕様なのですね。

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

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

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

]]> CSSカスタマイズ相談 suika10 https://wp-cocoon.com/community/customs/sns%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%a8%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%83%9a/#post-57234