好きなところにSNSボタンを表示したい
SNSの以下のコードを
「外観」→「テーマの編集」にて、サイドバーとか
任意の場所にペーストしてください。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<?php if (is_home()) { ?> <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'); ?>&layout=box_count&show_faces=false&width=50&action=like&colorscheme=light&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> </ul> </div> </div> <?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(); ?>&layout=box_count&show_faces=false&width=50&action=like&colorscheme=light&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> </ul> </div> </div> <?php } ?> |
トップページなら、「サイトのタイトル」、記事ページなら各ページのタイトルとURLを取得します。
ウイジェットはPHPが使えないので、
どうしても使いたい方はプラグインなどを使用する必要があります。
ちなみに、本コードは以下のサイトにて公開されていたものになります。
株式会社コミュニティコム
ad
関連記事
-
-
WordPressでRSSフィードが「抜粋」にしても「全文配信（表示）」になる件
Stingerでも使用していて、僕自身も困っていたのですが、RSSの配信で「抜粋」を選択しているのに
-
-
WordPressのカレンダーのデザインカスタマイズ
すいません。遅くなりましたがウィジェットのカレンダーのCSSを書きましたのでカレンダーを使用している
-
-
SNSのTwitterボタンに「@○○さんより」を含める方法
header.php、single.phpにあるTwitterのコードにて 上記の５行目の「E
-
-
プラグインが上手く動かない件について
まずは、 http://wp-stinger.com/news/post-646/ を必
-
-
pagetopを画像にする
imagesフォルダに「pagetop.png」をUP footer.ph
-
-
プラグインを使わずに「ページTOPへ戻る」ボタンの実装
参考サイト：【jQuery】はまった！WordPressプラグインを使用せずに「トップへ戻る」ボタン
-
-
【Stinger利用者の方は必ずお読み下さい】Stingerでいるもの、いらないもの
ちょっと取り急ぎのエントリーです。 Stingerでプラグイン系の不具合が多いので取り敢えず、
-
-
抜粋の文字数を変える方法
StingerのTOPの抜粋文字数は「テーマの編集」よりhome.phpの にある [cra
-
-
ヘッダーの余計なソースを表示させない
以下の記事を参考にヘッダーソースの最適化をしてあります。 参考サイト：プラグインを使わないでヘッダ
-
-
【重要】Stingerのスマホ用アドセンス表示の問題について
重要なお願い フォローさんから 現在のStingerのスマホのアドセンス表示に対し問題点があると
Comment
はじめまして
自分はWPを1っヶ月前から勉強しはじめの初心者です
今回、自分に合いそうなテンンプレートをひたすら探してましたら
「Stinger」ページにたどり着きました。
色々見ましたら自分みたいな初心者にでもいけそうだと思い
ダウンロードさせていただきました。
御礼申し上げます。
質問なんですが、記事を書いていたら右側サイドバーにNEW ENTRYというところに記事が増えて行きます。
これの数は設定できるのでしょうか？
それとNEW ENTRYの各記事の頭に画像が出るのですが、このイメージ画像をなくしたいです。
*シンプルにテキストだけにしたい
突然の質問で大変申し訳ありません
本当に困ってしまいアドバイスをいただきたくメッセージしました。
何卒宜しくお願いします。
松永
記事にしましたのでご参考下さい。
http://wp-stinger.com/custam/post-624/