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

投稿日：2012年12月29日

広告をスクロールする機能

comment コメントをキャンセル

デフォルトの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-5b2ad6f5cff6b89145 ...

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

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-5b2ad6f5d06511852 ...

pagetopを画像にする

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

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

を [crayon-5b2ad6f5d0 ...

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

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

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

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

NEXT: プラグインを使わずに「ページTOPへ戻る」ボタンの実装