iCatch_wordpress

【WordPress】さらば!「WP Social Bookmarking Light」プラグイン

こんにちは、@yellow_bucketsです。
今回は、プラグインを一つ減らす事が出来ましたので、記事にしたいと思います。

 

WP Social Bookmarking Light

今回減らす事ができたプラグインは、「WP Social Bookmarking Light」。
「WP Social Bookmarking Light」は記事の最初と最後にSocail系サービスのシェアボタンを設置できるブラグインです。

▼こうゆうやつ。
mini1405247656

 

このプラグインを減らせたのは、自分で画像とコードを準備できたからです。

 

それぞれコード

Facebook

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&amp;t=<?php the_title(); ?>"onClick="window.open(encodeURI(decodeURI(this.href)), 'sharewindow', 'width=0, height=0, personalbar=0, toolbar=0, scrollbars=1, resizable=!'); return false;">
ここに表示させたい文字や画像のコードを書く
</a>

Twitter

<a href="http://twitter.com/intent/tweet?text=【<?php the_title(); ?> | <?php the_permalink(); ?>】" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=0, height=0, personalbar=0, toolbar=0, scrollbars=1, resizable=!'); return false;">
ここに表示させたい文字や画像のコードを書く
</a>

Google+

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="window.open(this.href, 'Gwindow', 'width=0, height=0, menubar=no, toolbar=no, scrollbars=yes'); return false;">
ここに表示させたい文字や画像のコードを書く
</a>

はてなブックマーク

<a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>">
ここに表示させたい文字や画像のコードを書く
</a>

▼僕は、ボタンの方がよかったので、画像をそれぞれ用意しました。
mini1405248409

「ここに表示させたい文字や画像のコードを書く」のとこにそれぞれの画像コードを書きます。

あとはこの4つのボタンをテーブルで横に並べました。
ただ素直に書いちゃうと、ボタンの間に隙間が出来ちゃうので、セルの背景をボタンの色と同じ色にしておしまい。

 

まとめ

自分で用意したボタンの方が見栄え的にもいいような気がしました。
自分で準備したからだけでしょうけど。。

これでまた一つプラグインが減らせました。
また何か減らせたら記事として残しておきたいと思います。

 
今回はここまで。

 

最後に

最後まで読んで頂きありがとう御座います。

もし気に入っていただいて、以下のリンクボタンからRSS登録やSNSでフォローしていただけると、とても励みになります。
宜しくお願い致します。

・RSS on c/w XXX.net
follow us in feedly

・SNS on c/w XXX.net

・SNS on yellow_buckets

 
最新記事一覧はこちらから。
このブログについて。