るうのたわごと。

[£]「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


  関連記事

名刺2
[£] Stingerにテーマを変更してみた

WordPress、上書きインストールからの生還劇(ロリポップ!)を書いていた理 …

wpid-rps20131208_103047.jpg
[£]QUOカードの残高はあるのに使えない!なので、再発行してみた!

よく使うコンビニはLAWSONなるう(Lugh_)です。 頂き物のQUOカードが …

交換サービスの箱
[£]Xperia SX、復元中に迷うことなく入れたアプリ8選

復元作業に疲れてしまい、アプリ最低限の生活をしているるう(@Lugh_)です。 …

unnamed
[£]頭痛の予測に、「頭痛~る」を導入してみた

春先が一番片頭痛を起こしていたところ、親知らずを抜歯したら偏頭痛頻度が上がったよ …

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

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

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

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

猫置物。
[£]Google Adsenseの銀行支払い設定にまじめに手こずったのでメモしてみる

Google Adsense挑戦中のるう(@Lugh_)です。 先日、「Goog …

no image
[£]ウェブマスターツールがエラー(hentry)まみれだったので修正してみた:その2

先日施したエラーの結果が思わしくなかったので、少し方法を変えてみました。 先日の …

ロリポップユーザー画面1
[£]WordPressのログイン画面にエラー発生した時の対処方法(ロリポップ)

地道なPHPソース書き込みの毎日を過ごしているるう(@Lugh_)です。 昨夜は …

猫置物。
[£] 満身創痍のICOCAの再発行手続きをしてみた

かれこれ12年くらいICOCAを定期として使っているるう(@Lugh_)です。 …