Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい
- このトピックには15件の返信、2人の参加者があり、最後に
みきにより9年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2016年11月23日 11:34 PM #47856
匿名
ゲストはじめまして。初めてのブログ運営でSimplicity2を使わせて頂いてる者です。初心者でもわかりやすく使いやすく、なによりこうしたヘルプフォーラムが充実しているということに感動しています。
さて、質問内容は上記の通りですが、よくツイッターで流れてくる「〇〇〇〇〇(記事名) – 〇〇〇(ブログ名)」を再現したいということで、過去のトピック
Twitterシェア時の「via」にアカウント名の他に、ブログタイトルを追加したい
そして
を読みましたが、残念ながらよく理解できず、改めて質問させて頂きました。また、ワードプレスのテーマは違いますが以下の記事
[Stinger5] デフォルトのツイートボタンからブログ名を含めて投稿する
を読み、この記事にあるコードをSimplicityの「sns-buttons-default.php」から探し出し、この記事と同じような手順でハイフンと自身のブログ名を入れphpを更新しましたが、クロームのキャッシュ等を削除しても結果がうまく反映されませんでした。
sns-buttons-default.phpの「data-text=”<?php the_title(); ?>”」の部分をいじったわけですが、いじるところが間違っているのでしょうか?それか他の方法が?どうすればツイッターシェア時に「記事名+ブログ名+URL」とすることができるのでしょうか?
そして、できれば直接ブログ名を記入する方法ではなく、今後ブログ名を変更したという際にも対応できるように、なにかしらのコードでお教えいただければ幸いです。
長文になりましたが、この右も左もわからない初心者をお救いください。よろしくお願いいたします。
-
2016年11月23日 11:39 PM #47857
わいひらキーマスター管理画面の「外観→カスタマイズ→SEO」項目から「投稿・固定ページタイトル後にサイト名を付加 」を有効にした状態でツイートするのではダメなのでしょうか?
それだと投稿タイトル|サイト名 URL
みたいな表記にはなると思います。
-
2016年11月23日 11:57 PM #47858
匿名
ゲスト早すぎる回答ありがとうございます。
「投稿・固定ページタイトル後にサイト名を付加 」の項目は、すでに有効化しています。
その状態で記事下に設置してあるシェアボタンからツイートしようとしても、ブログ名が付加されていないツイート確認画面が表示されます。
ちなみにシェアボタンは記事下のみに表示してあり、そこからシェアされた際に「記事名+ブログ名+URL」としたい、ということです。
-
2016年11月24日 12:47 AM #47860
みき
ゲスト管理画面の「外観→カスタマイズ→SEO」項目から「投稿・固定ページタイトル後にサイト名を付加 」を有効にした状態でツイートするのではダメなのでしょうか?
こちらでもだめでした
simplicityのサイト(当サイト)でもだめみたいです・・・sns-buttons-default.phpの「data-text=”<?php the_title(); ?>”」の部分をいじったわけですが、いじるところが間違っているのでしょうか?
どうなんでしょうかね
シェアしたときの順番を見てみてください
おそらく記事名>URLの順番になっていると思うのですが
data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>"
この並びだとURL>記事名になるはずですどこを呼び出しているんだろう・・・
サイト名を取るだけなら下のコードでいけるんですけど
<?php bloginfo('name'); ?> -
2016年11月24日 2:02 AM #47861
Hidekichi
ゲストリンクの文字列にサイトタイトルが入ってたら間違いなく表示されますよ。
このトピックのtwitterのボタン部分は、
<li class="balloon-btn twitter-balloon-btn"> <span class="balloon-btn-set"> <span class="arrow-box"> <a href="//twitter.com/search?q=https%3A%2F%2Fwp-simplicity.com%2Fsuport%2Ftopic%2F%25e3%2583%2584%25e3%2582%25a4%25e3%2583%2583%25e3%2582%25bf%25e3%2583%25bc%25e3%2582%25b7%25e3%2582%25a7%25e3%2582%25a2%25e6%2599%2582%25e3%2581%25ae%25e6%2596%2587%25e5%25ad%2597%25e5%2588%2597%25e3%2582%2592%25e3%2580%258c%25e8%25a8%2598%25e4%25ba%258b%25e5%2590%258d%25e3%2583%2596%25e3%2583%25ad%25e3%2582%25b0%25e5%2590%258d%2F&related=MrYhira" target="blank" class="arrow-box-link twitter-arrow-box-link" rel="nofollow"> <span class="social-count twitter-count">0</span> </a> </span> <a href="//twitter.com/share?text=%E3%83%84%E3%82%A4%E3%83%83%E3%82%BF%E3%83%BC%E3%82%B7%E3%82%A7%E3%82%A2%E6%99%82%E3%81%AE%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E3%80%8C%E8%A8%98%E4%BA%8B%E5%90%8D%2B%E3%83%96%E3%83%AD%E3%82%B0%E5%90%8D%2BURL%E3%80%8D%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84&url=https%3A%2F%2Fwp-simplicity.com%2Fsuport%2Ftopic%2F%25e3%2583%2584%25e3%2582%25a4%25e3%2583%2583%25e3%2582%25bf%25e3%2583%25bc%25e3%2582%25b7%25e3%2582%25a7%25e3%2582%25a2%25e6%2599%2582%25e3%2581%25ae%25e6%2596%2587%25e5%25ad%2597%25e5%2588%2597%25e3%2582%2592%25e3%2580%258c%25e8%25a8%2598%25e4%25ba%258b%25e5%2590%258d%25e3%2583%2596%25e3%2583%25ad%25e3%2582%25b0%25e5%2590%258d%2F&related=MrYhira" target="blank" class="balloon-btn-link twitter-balloon-btn-link" rel="nofollow"> <span class="icon-twitter"></span> </a> </span> </li>こうなってます。aタグのリンク部分、カウントの部分とアイコンの部分でリンクが異なっているのが気になりますが、まぁ通常は、
//twitter.com/share?text=に続く部分がタイトルです。エンコードされているのでここをデコードすると、//twitter.com/share?text=ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい&url=[このトピックのアドレス]&related=MrYhiraこういうことです。なので、
//twitter.com/share?text=ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい - Simplicity&url=[このトピックのアドレス]&related=MrYhiraとなれば「ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい – Simplicity」となるはずです。
Twitterシェア時の文字列をOGPタイトルにする方法 では、all in one seoがheadタグの中に挿入したogp:titleの値を取得して、それを上記で言う所の「 – Simplicity」にすると言う処理です。これらは、ogpのタイトルを取得してそれを反映させたいと言うことだったのでogpを取得していますが、サイトのタイトルなどは基本固定なので、その場合は別途値を用意すればそれようにできます。
-
2016年11月24日 2:57 AM #47862
みき
ゲストHidekichiさんのレスを見て思いついたことをやってみたらできました
今、使われているボタン表示によると思いますが
<li class="balloon-btn twitter-balloon-btn">
こういう感じのやつをソースから探してみてください(サイトの)
クラスがtwitter-balloon-btnなっていたのでわかりましたが
twitter-balloon-btnはsns-button-twitter.phpで指定してありました
<a href="//twitter.com/share?text=<?php echo urlencode( get_the_title() ); ?>&url=<?php echo urlencode( get_the_permalink() ) ?><?php echo get_twitter_via_param(); //ツイートにメンションを含める ?><?php echo get_twitter_related_param();//ツイート後にフォローを促す ?>" target="blank" class="balloon-btn-link twitter-balloon-btn-link twitter-balloon-btn-link-default" rel="nofollow">
これの<?php echo urlencode( get_the_title() ); ?>と&の間に<?php bloginfo('name'); ?>を入れればできます
これで記事名>サイト名>URLになります
<?php echo urlencode( get_the_title() ); ?>と&の間に入れるだけだと見にくいので「|」とかを入れると良いかも・・・
ほかにもtwitter-btn-iconとかがあると思いますが
twitter-btn-iconはsns-buttons-icon.phpで指定されていました
sns-buttons-icon.phpに先ほどと同じように追加すればいけると思いますほかのボタンを使用されているのであれば教えていただけると探します
カスタマイズされるときはバックアップをお忘れなく
aタグ内だったら大丈夫だと思いますが・・・ -
2016年11月24日 3:06 AM #47863
みき
ゲストめっちゃ見にくい www
もしかしたらいろいろ間違っているかも・・・
(結構やばいかも) -
2016年11月24日 3:09 AM #47864
みき
ゲスト全部調べてきました
sns-button-twitter.php
sns-buttons-balloon.php
sns-buttons-icon.phpでした
これを修正するとどのボタンでも対応できると思います -
2016年11月24日 3:12 AM #47865
みき
ゲストほかのSNSとかも対応しようと思えばできると思います
たとえばフェイスブックとかはシェアの部分が<a href="//www.facebook.com/sharer/sharer.php.......と
なっているのでこれで調べると
sns-buttons-balloon.phpと
sns-buttons-icon.phpになりました -
2016年11月24日 2:56 PM #47873
わいひらキーマスター「投稿・固定ページタイトル後にサイト名を付加 」の項目は、すでに有効化しています。
その状態で記事下に設置してあるシェアボタンからツイートしようとしても、ブログ名が付加されていないツイート確認画面が表示されます。
そうでした;そのような仕様だったんでした。失礼しました。
-
2016年11月24日 4:28 PM #47878
匿名
ゲストお教えいただいた通りに
sns-button-twitter.php
sns-buttons-balloon.php
sns-buttons-icon.phpの3つからそれぞれ
<a>のコードを探し出し、すべてのphpファイルに<?php bloginfo(‘name’); ?>を挿入しました。また、「|」等を入れると良いとありましたが、ここをハイフンとし、結果的にコードは
<?php echo urlencode( get_the_title() ); ?> <span style=”color: #ff0000;”>- <?php bloginfo(‘name’); ?></span>&url=~
となりました。
ファイルを更新し、再度シェアボタンを押したところ、見事にツイート確認画面が「〇〇〇〇〇(記事名) – 〇〇〇(ブログ名)」となりました。ありがとうございます。
ですが、私はシェアボタンを「バイラルタイプ(高速)」にしているのですが、シンプリシティで設定できる以下のシェアボタン
・デフォルト(サービス固有のボタン)
・テーマカラータイプ(高速)
・Twitterタイプ(高速)
・バイラルタイプ(高速)
・バイラル白タイプ(高速)これらすべてをそれぞれ確認してみたところ、この効果があったのは「バイラルタイプ」と「バイラル白タイプ」の2つのみとなりました。
この結果にはどういう意味があるのでしょうか?書き換える部分が他にもありそうだと思いますが、どうでしょうか?
-
2016年11月24日 4:31 PM #47879
匿名
ゲスト?!?!
<span style=”color: #ff0000;”>~~</span>は色をつけたかっただけなんですが・・・。
なんだか色々と見づらくなってしまい申し訳ありません・・・。
-
2016年11月24日 4:43 PM #47880
みき
ゲスト本当ですか
シェアの//twitter.com/share?text=で調べて
結果が
sns-button-twitter.php
sns-buttons-balloon.php
sns-buttons-icon.phpだったので
ちょっと確認してきます -
2016年11月24日 4:54 PM #47881
みき
ゲスト全部のシェアボタンを調べてみましたが
サイト名は表示されていましたなので
sns-button-twitter.php
sns-buttons-balloon.php
sns-buttons-icon.phpで大丈夫だと思いますほかにもシェアだけでなく
検索のやつもあるので間違えて記述していないか確認をしてみてください
↓こういうやつ
//twitter.com/search?q=こちらでは
sns-button-twitter.php
sns-buttons-balloon.php
sns-buttons-icon.phpでいけました -
2016年11月24日 5:49 PM #47882
匿名
ゲスト無事にできました!!
原因は、
このトピックの中でHidekichiさんが紹介されていた以下の
twitterのリンクタイトル部分を書き換える | jsFiddle
の中にあったjQueryのコードを、わけもわからないままjsファイルにコピペしたままになっていたことでした。
このコピペしたままの部分を削除したことにより、無事にブログ名が表示されるようになりました。
何度見返しても間違っていないはずなのにうまくいかず、ひたすら悶々としていましたが、皆様のおかげでなんとかすることができました!!
いやぁうれしいです。みきさん、Hidekichiさん、わいひらさん、本当にありがとうございました。そして、これからもわからないことが出てくると思いますので、そのときはまたお力添えをよろしくお願いします!!
ありがとうございました!!
-
2016年11月24日 6:02 PM #47883
みき
ゲスト解決できて良かったです
親テーマの更新なので
アップデート後に再度修正が必要です
修正を忘れていたらその間サイト名が表示されないことになるので修正をお忘れなく
実装お疲れ様でした!!
-
-
投稿者投稿
- トピック「ツイッターシェア時の文字列を「記事名+ブログ名+URL」にしたい」には新しい返信をつけることはできません。