好きなところに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
関連記事
-
-
サイドバーの広告をスクロール（固定）する機能
広告をスクロールする機能 参考サイト：ライブドアみたいにスクロールしたらサイドバーの広告を固定する
-
-
「新着記事」のサムネイルの無いバージョンの表示方法
サイドバーなどの「新着記事」のサムネイルの無いバージョンの表示方法です。 こんな感じ
-
-
いろいろ上手くいかない方に最低限のfunctions.php
プラグインを全部止めても駄目。又はどうしても使いたいプラグインのある方など 最低限のfunct
-
-
サイトのタイトルをロゴ画像にしたい又は文字サイズを変えたい
header.phpの の [crayon-59c83ab207093/] がタイトルに当
-
-
[STINGER3修正のお願い] IE9で、画像が大きく表示される
申し訳ありません。 CSSの記述ミスでIE9にて通常画像がPCでも拡大表示されるご報告を頂いており
-
-
[お詫び] ヘッダー画像が縮小される件について
今回追記したコードで新しくヘッダー画像を登録しようとするとこちらもリサイズされるエラー報告を頂きまし
-
-
WordPressのカレンダーのデザインカスタマイズ
すいません。遅くなりましたがウィジェットのカレンダーのCSSを書きましたのでカレンダーを使用している
-
-
サムネイルが表示されない
各投稿画面で「アイキャッチ画像」を設定してね。 過去記事のアイキャッチ設定を設定してな
-
-
「次の記事」「前の記事」が表示されない
すいません。コード記述ミスのご連絡です。 single.phpの下の方の を [cra
-
-
プラグインが上手く動かない件について
まずは、 http://wp-stinger.com/news/post-646/ を必
Comment
はじめまして
自分はWPを1っヶ月前から勉強しはじめの初心者です
今回、自分に合いそうなテンンプレートをひたすら探してましたら
「Stinger」ページにたどり着きました。
色々見ましたら自分みたいな初心者にでもいけそうだと思い
ダウンロードさせていただきました。
御礼申し上げます。
質問なんですが、記事を書いていたら右側サイドバーにNEW ENTRYというところに記事が増えて行きます。
これの数は設定できるのでしょうか？
それとNEW ENTRYの各記事の頭に画像が出るのですが、このイメージ画像をなくしたいです。
*シンプルにテキストだけにしたい
突然の質問で大変申し訳ありません
本当に困ってしまいアドバイスをいただきたくメッセージしました。
何卒宜しくお願いします。
松永
記事にしましたのでご参考下さい。
http://wp-stinger.com/custam/post-624/