好きなところにSNSボタンを表示したい

更新日：2013年8月15日

SNSの以下のコードを
「外観」→「テーマの編集」にて、サイドバーとか
任意の場所にペーストしてください。

<?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'); ?>&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>
</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(); ?>&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>
</ul>

 </div>
</div>
<?php } ?>

<?php if (is_home()) { ?>

<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>

</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>

<?php } else { ?>

<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>

</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>

<?php } ?>

トップページなら、「サイトのタイトル」、記事ページなら各ページのタイトルとURLを取得します。

ウイジェットはPHPが使えないので、
どうしても使いたい方はプラグインなどを使用する必要があります。

ちなみに、本コードは以下のサイトにて公開されていたものになります。
株式会社コミュニティコム

WordPressプラグイン & WebAPI 活用ガイドブック [Version 3.x対応]

-よくある質問, カスタマイズ

松永哲哉より:

2013年6月5日 7:26 AM

はじめまして

自分はWPを1っヶ月前から勉強しはじめの初心者です
今回、自分に合いそうなテンンプレートをひたすら探してましたら
「Stinger」ページにたどり着きました。

色々見ましたら自分みたいな初心者にでもいけそうだと思い
ダウンロードさせていただきました。

御礼申し上げます。

質問なんですが、記事を書いていたら右側サイドバーにNEW ENTRYというところに記事が増えて行きます。
これの数は設定できるのでしょうか？

それとNEW ENTRYの各記事の頭に画像が出るのですが、このイメージ画像をなくしたいです。
*シンプルにテキストだけにしたい

突然の質問で大変申し訳ありません
本当に困ってしまいアドバイスをいただきたくメッセージしました。

何卒宜しくお願いします。

松永

返信
- Stinger より:
  
  2013年6月5日 7:39 PM
  
  記事にしましたのでご参考下さい。
  
  http://wp-stinger.com/custam/post-624/
  
  返信

comment コメントをキャンセル

抜粋の文字数を変える方法

StingerのTOPの抜粋文字数は「テーマの編集」よりhome.phpの

 <div class="entry-content">
                              <h3 class="entry-title-ac">  <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
          <?php the_title(); ?></a></h3>
        <div class="blog_info contentsbox">
          <p>
          <?php the_time('Y/m/d') ?> | <?php the_category(', ') ?> <?php the_tags('', ', '); ?>
          </p>
      </div> <p class="dami"><?php echo mb_substr(get_the_excerpt(), 0, 35); ?>...</p>
<p class="motto"><a class="more-link" href="<?php the_permalink() ?>">続きを見る</a></p>

 </div><!-- .entry-content -->

<h3 class="entry-title-ac"> <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">

<?php the_title(); ?></a></h3>

<p>

<?php the_time('Y/m/d') ?> | <?php the_category(', ') ?> <?php the_tags('', ', '); ?>

</p>

</div> <p class="dami"><?php echo mb_substr(get_the_excerpt(), 0, 35); ?>...</p>

<p class="motto"><a class="more-link" href="<?php the_permalink() ?>">続きを見る</a></p>

</div>

にある [crayon-5c10d86c569130825 ...

: サイドバーの見出しのカスタマイズ

すいません。大分前に治そうと思って忘れていたのですが、現状のままだと背景色を変えるとサイドバーの見出し部分の背景色が残ってしまいます。これはstyle.cssの [crayon-5c10d86c ...

: [お詫び] ヘッダー画像が縮小される件について

今回追記したコードで新しくヘッダー画像を登録しようとするとこちらもリサイズされるエラー報告を頂きました。お手数ですが、ヘッダー登録の際は一度functions.phpの下記に該当する箇所を削除して下 ...

Googleのアドセンスを好きな位置に表示したい。

Googleアドセンスのコードは

<?php include(TEMPLATEPATH."/ad.php");?>

1	<?php include(TEMPLATEPATH."/ad.php");?>

として、single.php、sidebar.php、single.phpに記載してありますので、 ...

Stingerのfunctions.php

<?php
function example_remove_dashboard_widgets() {global $wp_meta_boxes;
//unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']); // 現在の状況
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']); // 最近のコメント
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']); // 被リンク
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']); // プラグイン
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']); // クイック投稿
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']); // 最近の下書き
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']); // WordPressブログ
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']); // WordPressフォーラム
}
add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets');

function dashboard_widget_function() {
echo "
Stingerに関するバグや更新情報は@ENJILOG（https://twitter.com/ENJILOG）で呟いていますのでフォローして下さい。
最新のテーマはhttp://wp-stinger.com/dl/stinger2.zipでダウンロードできます。 ";
}
function add_dashboard_widgets() {
wp_add_dashboard_widget('dashboard_widget_welcome', '「Stinger」について', 'dashboard_widget_function');
}
add_action('wp_dashboard_setup', 'add_dashboard_widgets' );

//WordPress の投稿スラッグを自動的に生成する
function auto_post_slug( $slug, $post_ID, $post_status, $post_type ) {
    if ( preg_match( '/(%[0-9a-f]{2})+/', $slug ) ) {
        $slug = utf8_uri_encode( $post_type ) . '-' . $post_ID;
    }
    return $slug;
}
add_filter( 'wp_unique_post_slug', 'auto_post_slug', 10, 4  );
//アイキャッチサムネイル
add_theme_support('post-thumbnails');
add_image_size('thumb100',100,100,true);
add_image_size('thumb110',110,110,true);
//カスタムメニュー
register_nav_menus(array('navbar' => 'ナビゲーションバー'));

//カスタムヘッダー
add_custom_image_header('','admin_header_style'); add_theme_support( 'custom-header', array('admin_header_style')); 

//標準のヘッダー画像
define('HEADER_IMAGE','%s/images/stinger2.png');

//ヘッダー画像の横幅と高さ
define('HEADER_IMAGE_WIDTH','986px');
define('HEADER_IMAGE_HEIGHT','150px');

//メディアサイズ追加
add_image_size( 'my_thumbnail', '100%', 'auto', true );

//画像に重ねる文字の色
define('HEADER_TEXTCOLOR', '');

//画像に重ねる文字を非表示にする
define('NO_HEADER_TEXT',true);

//投稿用ファイルを読み込む
get_template_part('functions/create-thread');
//カスタム背景
add_custom_background(); 
add_theme_support( 'custom-background', array()); 
//ページャー機能

function pagination($pages = '', $range = 4)
{
     $showitems = ($range * 2)+1; 

     global $paged;
     if(empty($paged)) $paged = 1;

     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }  

     if(1 != $pages)
     {
         echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link

(1)."'>&laquo; First</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; 

Previous</a>";

         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems 

))
             {
                 echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link

($i)."' class=\"inactive\">".$i."</a>";
             }
         }

         if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 

1)."\">Next &rsaquo;</a>";
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a 

href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
         echo "</div>\n";
     }
}

//管理画面では内蔵のjQueryサイト側ではGoogle AJAX Libraries API

if ( !is_admin() ) {
wp_deregister_script('jquery');
wp_enqueue_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');
}

//ヘッダーを綺麗に
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
remove_action( 'wp_head', 'wp_generator' ); 

//moreリンク
function custom_content_more_link( $output ) {
    $output = preg_replace('/#more-[\d]+/i', '', $output );
    return $output;
}
add_filter( 'the_content_more_link', 'custom_content_more_link' );

//セルフピンバック禁止
function no_self_ping( &$links ) {
    $home = get_option( 'home' );
    foreach ( $links as $l => $link )
        if ( 0 === strpos( $link, $home ) )
            unset($links[$l]);
}
add_action( 'pre_ping', 'no_self_ping' );

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(4) )
register_sidebars(1,
    array(
    'name'=>'サイドバー1',
    'before_widget' => '<ul><li>',
    'after_widget' => '</li></ul>',
    'before_title' => '<h4 class="menu_underh2">',
    'after_title' => '</h4>',
    ));
register_sidebars(1,
    array(
    'name'=>'スクロール広告用',
    'before_widget' => '<ul><li>',
    'after_widget' => '</li></ul>',
    'before_title' => '<h4 class="menu_underh2" style="text-align:left;">',
    'after_title' => '</h4>',
    ));
register_sidebars(1,
    array(
    'name'=>'Googleアドセンス用',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h4 style="display:none">',
    'after_title' => '</h4>',
    ));

?>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

<?php

function example_remove_dashboard_widgets() {global $wp_meta_boxes;

//unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']); // 現在の状況

unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']); // 最近のコメント

unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']); // 被リンク

unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']); // プラグイン

unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']); // クイック投稿

unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']); // 最近の下書き

unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']); // WordPressブログ

unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']); // WordPressフォーラム

}

add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets');

function dashboard_widget_function() {

echo "

Stingerに関するバグや更新情報は@ENJILOG（https://twitter.com/ENJILOG）で呟いていますのでフォローして下さい。

最新のテーマはhttp://wp-stinger.com/dl/stinger2.zipでダウンロードできます。 ";

}

function add_dashboard_widgets() {

wp_add_dashboard_widget('dashboard_widget_welcome', '「Stinger」について', 'dashboard_widget_function');

}

add_action('wp_dashboard_setup', 'add_dashboard_widgets' );

//WordPress の投稿スラッグを自動的に生成する

function auto_post_slug( $slug, $post_ID, $post_status, $post_type ) {

if ( preg_match( '/(%[0-9a-f]{2})+/', $slug ) ) {

$slug = utf8_uri_encode( $post_type ) . '-' . $post_ID;

}

return $slug;

}

add_filter( 'wp_unique_post_slug', 'auto_post_slug', 10, 4 );

//アイキャッチサムネイル

add_theme_support('post-thumbnails');

add_image_size('thumb100',100,100,true);

add_image_size('thumb110',110,110,true);

//カスタムメニュー

register_nav_menus(array('navbar' => 'ナビゲーションバー'));

//カスタムヘッダー

add_custom_image_header('','admin_header_style'); add_theme_support( 'custom-header', array('admin_header_style'));

//標準のヘッダー画像

define('HEADER_IMAGE','%s/images/stinger2.png');

//ヘッダー画像の横幅と高さ

define('HEADER_IMAGE_WIDTH','986px');

define('HEADER_IMAGE_HEIGHT','150px');

//メディアサイズ追加

add_image_size( 'my_thumbnail', '100%', 'auto', true );

//画像に重ねる文字の色

define('HEADER_TEXTCOLOR', '');

//画像に重ねる文字を非表示にする

define('NO_HEADER_TEXT',true);

//投稿用ファイルを読み込む

get_template_part('functions/create-thread');

//カスタム背景

add_custom_background();

add_theme_support( 'custom-background', array());

//ページャー機能

function pagination($pages = '', $range = 4)

{

$showitems = ($range * 2)+1;

global $paged;

if(empty($paged)) $paged = 1;

if($pages == '')

{

global $wp_query;

$pages = $wp_query->max_num_pages;

if(!$pages)

{

$pages = 1;

}

if(1 != $pages)

{

echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";

if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link

(1)."'>« First</a>";

if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo;

Previous</a>";

for ($i=1; $i <= $pages; $i++)

{

if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems

))

{

echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link

($i)."' class=\"inactive\">".$i."</a>";

}

if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged +

1)."\">Next &rsaquo;</a>";

if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a

href='".get_pagenum_link($pages)."'>Last »</a>";

echo "</div>\n";

}

//管理画面では内蔵のjQueryサイト側ではGoogle AJAX Libraries API

if ( !is_admin() ) {

wp_deregister_script('jquery');

wp_enqueue_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');

}

//ヘッダーを綺麗に

remove_action( 'wp_head', 'feed_links_extra', 3 );

remove_action( 'wp_head', 'feed_links', 2 );

remove_action( 'wp_head', 'rsd_link' );

remove_action( 'wp_head', 'wlwmanifest_link' );

remove_action( 'wp_head', 'index_rel_link' );

remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );

remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );

remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );

remove_action( 'wp_head', 'wp_generator' );

//moreリンク

function custom_content_more_link( $output ) {

$output = preg_replace('/#more-[\d]+/i', '', $output );

return $output;

}

add_filter( 'the_content_more_link', 'custom_content_more_link' );

//セルフピンバック禁止

function no_self_ping( &$links ) {

$home = get_option( 'home' );

foreach ( $links as $l => $link )

if ( 0 === strpos( $link, $home ) )

unset($links[$l]);

}

add_action( 'pre_ping', 'no_self_ping' );

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(4) )

register_sidebars(1,

array(

'name'=>'サイドバー1',

'before_widget' => '<ul><li>',

'after_widget' => '</li></ul>',

'before_title' => '<h4 class="menu_underh2">',

'after_title' => '</h4>',

));

register_sidebars(1,

array(

'name'=>'スクロール広告用',

'before_widget' => '<ul><li>',

'after_widget' => '</li></ul>',

'before_title' => '<h4 class="menu_underh2" style="text-align:left;">',

'after_title' => '</h4>',

));

register_sidebars(1,

array(

'name'=>'Googleアドセンス用',

'before_widget' => '',

'after_widget' => '',

'before_title' => '<h4 style="display:none">',

'after_title' => '</h4>',

));

PREV: SNSの数字取得不具合の修正版　Ver20130531
NEXT: 「新着記事」のサムネイルの無いバージョンの表示方法