SimplicityのSNSボタンにブログ村のランキング用バナー追加するカスタマイズしてみた

シェアする



どうもIT大好きFwwwです

最近Simplicity2に思い切ってアップデートしました

見た目もあまり変わることなく、特に不具合も無いので一安心です

このサイトはキャッシュでページをガチガチに軽くしてるのでSimplicity1.8.3の時は、

Simplicity独自のソーシャルボタンのぐるぐるが止まらなくて機能しませんでした

なので、忍者おまとめボタンを仕方無く導入して使っていました

ですが、Simplicity2にいざアップデートしてみると独自のソーシャルボタンが機能するではありませんかΣ(゚д゚lll)

ということで、念願であったブログ村のバナーを貼ることにしました

なので今回はその方法をご紹介させていただきたいと思います

※子テーマを導入しておくことを超オススメします

スポンサーリンク

Simplicityの独自ソーシャルボタンにブログ村のバナーを追加しよう

ブログ村とは何なのか

トラコミュというユーザーが作成したコミュニティに自分のブログの記事をトラックバック(コミュニティに貼る)して、コミュニティメンバーがその記事を直接訪問したらOUTポイントが貰える仕組みです

そして、あなたのブログからブログ村にバナー経由でアクセスするとINポイントが貰えます

その、ポイントで各カテゴリごとにランキングされます

上位にランクインするとブログのアクセス数もデイリー300PVぐらい増えるそうです

各カテゴリで上位にランクインするには

積極的にトラコミュに自分の記事を貼ることですね

でも、貼り過ぎはウザがられるので注意してください

それと、自分のブログからブログ村へのアクセス(INポイント)を増やす必要もあるようです

なのでうまくブログ村に誘導するか、ある程度のアクセスが必要です

早速ブログ村のランキング用バナーを貼ってみよう

1、ランキング用バナーのタグをコピーする

※今回はWordpressでSimplicityを使っている方向けの記事ですのでご注意ください

※ブログ村の登録は割愛させていただきます

まず、ブログ村にログインしてマイページに移動してください

そして、メニューから「ランキング用バナー」に移動します

ランキング用バナー

そして、あなたが貼りたいランキング用バナーのタグをコピーしてください

2、自分が使用しているシェアボタンのタイプを把握する

WordPressのダッシュボードで、「外観⇒カスタマイズ⇒SNS」に移動して現在使用しているSNSボタンの種類を覚えておいてください

僕の場合はパソコンが「テーマカラータイプ(高速)」でモバイルは「デフォルト(アイコン)」になっています

SNSボタン種類把握

3、カスタマイズするファイル名を把握する

PCの場合

SNSボタンのタイプ カスタマイズするファイル名
デフォルト sns-buttons-default.php
テーマカラータイプ sns-buttons-balloon.php
Twitterタイプ sns-buttons-balloon.php
バイラルタイプ sns-buttons-icon.php
バイラル白タイプ sns-buttons-icon.php

モバイルの場合

SNSボタンのタイプ カスタマイズするファイル名
デフォルト sns-buttons-icon.php
バイラルタイプ sns-buttons-icon.php
バイラル白タイプ sns-buttons-icon.php

4、実際にカスタマイズしてブログ村のバナーを表示させてみる

「外観⇒テーマの編集⇒任意のPHPファイル」に移動してください

カスタマイズ方法は簡単です

それぞれのファイルの下から3行目に</ul>というHTMLタグがあるのですが、

新たにその上の行に行を作りブログ村のバナータグを貼るだけです

5、きちんとブログ村のバナーが表示されたか確認する

表示されていなければキャッシュが残っている場合があります

最後まで読んでいただきありがとうございました

質問があれば気軽にコメントください

Simplicityカスタマイズマニュアル

スポンサーリンク

シェアする



オススメ記事