PengNote

勉強した事や行った場所の感想を書くブログ

WP Social Bookmarking Light のツイートボタンを修正しました

簡単にブックマークのボタンを表示出来る WP Social Bookmarking Light

これのうち、最も使われるのはのツイートボタンとFaceBookのいいねボタンかなって思います。

このうちツイートボタンの内容がちょっと不便かな~って思ったので修正しました。

今回行ったこと

  • ブログタイトルの入力
  • via()の設定

これを行っていなかったので、前回の記事をツイートする場合こうなりました。

タイトルとURLのみ…

どこの記事かも分からないし、ツイートされても分かんない!

実際、前回の記事に対して、Stocker.jpのなつきさんにツイートして頂いていたのに全く気付かず。気付いたのは記事書く前でした…。

ブログタイトルの入力

まずは、ブログタイトルを入れて、どこの記事か分かるようにしました!

参考記事:WP で記事タイトルとブログ名の表示方法

やり方としては、プラグインのソースに少し書き加えるといった感じで、

プラグイン -> インストール済みのプラグイン -> WP の編集 -> wp—/modules/services.php

最初の関数に、

function WP Social Bookmarking Light ( $url, $title, $blogname )
{
    $title = $this->to_utf8( $title );
    $this->blogname = $this->to_utf8( $blogname );
    $this->url = $url;
    $this->title = $title;
    $this->encode_url = rawurlencode( $url );
    $this->encode_title = rawurlencode( $title );
    $this->encode_blogname = rawurlencode( $this->blogname );
}

これを、

function WP Social Bookmarking Light( $url, $title, $blogname )
{
    $title = $this->to_utf8( $title );
    $this->blogname = $this->to_utf8( $blogname );
    $this->url = $url;
    $this->title = $title;
    $this->encode_url = rawurlencode( $url );
    $this->encode_title = rawurlencode( $title ) . ' | ' . rawurlencode( $this->blogname );
    $this->encode_blogname = rawurlencode( $this->blogname );
}

こう書き換えます。

変わったのはココ

$this->encode_title = rawurlencode( $title ) . ' | ' . rawurlencode( $this->blogname );
<code></pre>
<p>下から三行目 encode_titleの末尾に . ' | ' . rawurlencode( $this->blogname )が加わりました。<br />
見てみるとなるほどって思う。なるほど。</p>
<p>これで区切りの文字「|」とブログ名が入るようになりました!</p>
<p><a href="https://i1.wp.com/peng-note.com/images/2013/11/9100c672ca61891c6e84183fbc0c135f.png"><img src="https://i0.wp.com/peng-note.com/images/2013/11/9100c672ca61891c6e84183fbc0c135f-300x158.png?fit=300%2C158" alt="ブログ名が表示された" class="aligncenter size-medium wp-image-400" srcset="https://i1.wp.com/peng-note.com/images/2013/11/9100c672ca61891c6e84183fbc0c135f.png?resize=300%2C158 300w, https://i1.wp.com/peng-note.com/images/2013/11/9100c672ca61891c6e84183fbc0c135f.png?w=538 538w" sizes="(max-width: 300px) 100vw, 300px" data-recalc-dims="1" /></a></p>
<p>(-∀-).o0( 作者側でこれ直しておいて欲しいな〜 )</p>
<h3>via()の設定</h3>
<p>viaの設定をすることで、誰かが記事をツイートした場合、リプが飛んでくるようになります。<br />
これで反応ができるね!\アリガタイ!/</p>
<p><a href="https://i0.wp.com/peng-note.com/images/2013/11/878c9c20ff0bebce83feef608ea9778f.png"><img src="https://i0.wp.com/peng-note.com/images/2013/11/878c9c20ff0bebce83feef608ea9778f-300x164.png?fit=300%2C164" alt="viaを設定した結果" class="aligncenter size-medium wp-image-392" srcset="https://i0.wp.com/peng-note.com/images/2013/11/878c9c20ff0bebce83feef608ea9778f.png?resize=300%2C164 300w, https://i0.wp.com/peng-note.com/images/2013/11/878c9c20ff0bebce83feef608ea9778f.png?w=536 536w" sizes="(max-width: 300px) 100vw, 300px" data-recalc-dims="1" /></a></p>
<p>こんな感じになります。</p>
<p>方法としては、<br />
設定 -> WP Social Bookmarking Light -> Twitterのタブ</p>
<p><a href="https://i2.wp.com/peng-note.com/images/2013/11/2b43bdbe1d68a6b185a662a32b76e734.png"><img src="https://i2.wp.com/peng-note.com/images/2013/11/2b43bdbe1d68a6b185a662a32b76e734-300x245.png?fit=300%2C245" alt="viaの部分にを入れる" class="aligncenter size-medium wp-image-394" srcset="https://i2.wp.com/peng-note.com/images/2013/11/2b43bdbe1d68a6b185a662a32b76e734.png?resize=300%2C245 300w, https://i2.wp.com/peng-note.com/images/2013/11/2b43bdbe1d68a6b185a662a32b76e734.png?w=443 443w" sizes="(max-width: 300px) 100vw, 300px" data-recalc-dims="1" /></a></p>
<p>viaの部分のテキストフォームに自分のIDを入力します。<br />
これで先ほどの画像の様にツイートの内容にが入るはずです。</p>
<p>よくこのプラグインの設定で、デフォルトのままで十分ですといった記事がありますが、に関してはここまでやっておいた方がいいんじゃないかなって思います。</p>