pagetopを画像にする

投稿日：2013年9月5日

imagesフォルダに「pagetop.png」をUP

footer.phpの

<!-- ページトップへ戻る -->
  <div id="page-top"><a href="#wrapper">PAGE TOP ↑</a></div>
<!-- ページトップへ戻る　終わり -->

を

<!-- ページトップへ戻る -->
<div id="page-top"><a href="#wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/pagetop.png"  /></a></div>
<!-- ページトップへ戻る　終わり -->

<div id="page-top"><a href="#wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/pagetop.png" /></a></div>

cssの

/*-----------------------------
ページTOP
------------------------------*/

#page-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  font-size: 10px;
}

#page-top a {
  background: #665e53;
  text-decoration: none;
  color: #fff;
  width: 80px;
  padding: 10px 5px;
  text-align: center;
  display: block;
  border-radius: 5px;
  /* CSS3 */
  -moz-border-radius: 5px;
  /* Firefox */
  -webkit-border-radius: 5px;
  /* Safari,Chrome */
}

#page-top a:hover {
  text-decoration: none;
  background: #d6cdc0;
  color: #665e53;
}

/*-----------------------------

ページTOP

------------------------------*/

#page-top {

position: fixed;

bottom: 40px;

right: 20px;

font-size: 10px;

}

#page-top a {

background: #665e53;

text-decoration: none;

color: #fff;

width: 80px;

padding: 10px 5px;

text-align: center;

display: block;

border-radius: 5px;

/* CSS3 */

-moz-border-radius: 5px;

/* Firefox */

-webkit-border-radius: 5px;

/* Safari,Chrome */

}

#page-top a:hover {

text-decoration: none;

background: #d6cdc0;

color: #665e53;

}

を

/*-----------------------------
ページTOP
------------------------------*/

#page-top {
  position: fixed;
  bottom: 40px;
  right: 20px;

}

/*-----------------------------

ページTOP

------------------------------*/

#page-top {

position: fixed;

bottom: 40px;

right: 20px;

}

に

-カスタマイズ

: WordPressのカレンダーのデザインカスタマイズ

すいません。遅くなりましたがウィジェットのカレンダーのCSSを書きましたのでカレンダーを使用している方はstyle.cssにコピペして下さい。こんな感じです。 [crayon-5c9ac1103ee ...

: 【Stinger利用者の方は必ずお読み下さい】Stingerでいるもの、いらないもの

ちょっと取り急ぎのエントリーです。 Stingerでプラグイン系の不具合が多いので取り敢えず、大事な事をまとめておきますね。まず、基本的にはStingerはプラグインなしで利用できるのが「ウリ」なの ...

デフォルトのSNSボタンを消したい

header.phpの以下の部分を削除してください。

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

あとsingle.phpの [crayon-5c9ac1103f34930908 ...

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

Googleアドセンスのコードは

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

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

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

: サイドバーの広告をスクロール（固定）する機能

広告をスクロールする機能参考サイト：ライブドアみたいにスクロールしたらサイドバーの広告を固定する

PREV: いろいろ上手くいかない方に最低限のfunctions.php
NEXT: Stinger3の正式公開