るうのたわごと。

[£]「Stinger2」改造 -SNSアイコン群にFeedly・RSS追加-

 

「Stinger2」で運営中のるう(@Lugh_)です。

「Stinger2」は個別記事の下にSNSアイコンが並んでいます。
それに「Feedly」と「RSS」のアイコンを追加してみました。
SNSとはちょっと違うと思うんですけどね、ご愛敬です。

作業をするファイルは「single.php」「header.php」の2つです。
作業前にはバックアップをしっかりと!
アイコン画像もアップロードしておくと作業は楽です。

まずは「single.php」。

<div class="sns03">

を探し、下記例の通り13~18行目を追加する。

<div class="sns03">
     <ul class="snsb clearfix">
<li>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
</li>
<li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone></li>
<li>
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>|<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
<li>
<a href='Feedly用RSS取得URL'  target='blank'><img id='feedlyFollow' src='Feedly画像までのURL' alt='follow us in feedly' width='50' height='50'></a>
</li>
<li>
<a href='RSS取得URL' target='blank'><img id='RSS' src='RSS画像までのURL' alt='follow us in RSS' width='45' height='45'></a>
</li>
</ul>
 </div>

次いで、「header.php」

<div id="snsbox">

を探し、14~19行目を追加。

<div id="snsbox">
<div class="sns">
     <ul class="snsb clearfix">
<li>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php echo get_option('home'); ?>" data-text="<?php bloginfo('name'); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo get_option('home'); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
</li>
<li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall" href="<?php echo get_option('home'); ?>"></g:plusone></li>
<li>
<a href="http://b.hatena.ne.jp/entry/<?php echo get_option('home'); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
<li>
<a href='Feedly用RSS取得URL'  target='blank'><img id='feedlyFollow' src='Feedly画像までのURL' alt='follow us in feedly' width='50' height='50'></a>
</li>
<li>
<a href='RSS取得URL' target='blank'><img id='RSS' src='RSS画像までのURL' alt='follow us in RSS' width='45' height='45'></a>
</li>
</ul>
</div>
</div>

当サイトでは下記ソース(ついてくるSNS群)を消していますが必要があればこちらにも同じ記載を15~20行目のようにしておく。

<?php } else { ?>
<div id="snsbox">
<div class="sns">
    <ul class="snsb clearfix">
<li>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</li>
<li>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=box_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:62px;" allowTransparency="true"></iframe>
</li>
<li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone></li>
<li>
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>|<?php bloginfo('name'); ?>" data-hatena-bookmark-layout="vertical" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
<li>
<a href='Feedly用RSS取得URL'  target='blank'><img id='feedlyFollow' src='Feedly画像までのURL' alt='follow us in feedly' width='50' height='50'></a>
</li>
<li>
<a href='RSS取得URL' target='blank'><img id='RSS' src='RSS画像までのURL' alt='follow us in RSS' width='45' height='45'></a>
</li>
</ul>
 
</div>
</div>

保存し、アップロード作業が終わると、Feedly、RSSのアイコンが無事に表示されます。

アイコン増えた。

以上、アイコン追加より、ソースコードをWordpressに記載する方が手間取ったるう(@Lugh_)でした。

↓試しにどれかをぽちっと押していただくと(私が)幸せになれるはずです(笑)↓

 - ぶろぐ, めも

admax300-2

admax300-2

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

no image
[£]Androidユーザーに贈る?iOS端末のカーソル移動法

Xperia SXとiPad mini使いのるう(@Lugh_)です。 なぜか、 …

no image
[£]Stinger2をカスタマイズする -ヘッダタイトル画像にリンクをはる-

Stinger2を自分なりにカスタマイズしているるう(@Lugh_)です。 本来 …

no image
[£]STINGER3、ウィジェットがうまく編集されない場合はテーマを変えてみるといいかも?

と、言うことを書こうと思ったら事象が再現しなかったるう(@Lugh_)です。 い …

no image
[£]UP by Jawbone、表面割れで問い合わせてみた

最近、動いてない気がするるう (@Lugh_)です。 Jawboneの表面割れで …

no image
[£]とりあえずPC版!SNSボタンの形をそれとなく揃えてみたよ!

やろうやろうと思っていたことをようやくやりました。 るう(@Lugh_)です。 …

名刺2
[£]ぶろがーめいしなるものをたのんでみた

ぶろがーめいしなるものに興味津津のるう(@Lugh_)です。 なにやらおふ会なる …

wpid-wp-1416407810016.jpeg
[£]だららんっと過ごせる気がしない!ミスドのスケジュールン2015を貰ってきたよ!

キイロイトリ派のるう(@Lugh_)です。 ミスタードーナツでポイントを集めても …

no image
[£]京都グルメマップを作ってみた!…だけですよ?

迷子属性のるう(@Lugh_)です。 Twitterのお友達で「京都に行きたい! …

wpid-rps20131123_145254_874.jpg
[£]LAWSONポイントカードを再発行してみた

LOWSONをよく使うるう(@Lugh_)です。 ポイントを使おうとロッピーの機 …

no image
[£] タイトルを画像に変更する

随分形ができてきたような、そうでないような…。 ざっくりと形を整えるべく、タイト …