「新着記事」のサムネイルの無いバージョンの表示方法

投稿日：2013年6月5日

サイドバーなどの「新着記事」のサムネイルの無いバージョンの表示方法です。

こんな感じ

<最近のエントリ>内のコードを以下のように書き換えてください。
//表示本数の部分の数字を変えると表示記事数が変わります。

見栄えは各自、CSSで好きなように変更してください。

<!--最近のエントリ-->     

<h4 class="menu_underh2">NEW ENTRY</h4>
<div id="topnews">
<div class="sumnasi"><?php
foreach((get_the_category()) as $cat) {
$cat_id = 0;
break ;
}
$query = 'cat=' . $cat_id. '&showposts=5'; //表示本数
query_posts($query) ;
?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<h4>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</h4>
 <p><?php echo mb_substr(get_the_excerpt(), 0, 35); ?>...</p>

<?php endwhile; else: ?>
    <p>記事がありません</p>
<?php endif; ?>
<?php wp_reset_query(); ?>

</div>

</div>
 <!--/最近のエントリ-->

<h4 class="menu_underh2">NEW ENTRY</h4>

<div class="sumnasi"><?php

foreach((get_the_category()) as $cat) {

$cat_id = 0;

break ;

}

$query = 'cat=' . $cat_id. '&showposts=5'; //表示本数

query_posts($query) ;

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<h4>

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

</h4>

<?php endwhile; else: ?>

<p>記事がありません</p>

<?php endif; ?>

<?php wp_reset_query(); ?>

</div>

-カスタマイズ

yuk より:

2013年6月12日 9:45 PM

はじめまして。
YUKと申します。
テーマを使用させていただいています。
ありがとうございます。
質問なのですが、記事一覧のサムネイルと最新記事一覧のサムネイルがリサイズされず、縮小した形で表示されていまいます。
リサイズさせて表示させる方法を教えていただけないでしょうか。
お忙しいかとは思いますが、お手隙の際ご返信いただけたら幸いです。

返信
yuk より:

2013年6月12日 9:46 PM

ごめんなさい。
リサイズではなくトリミングです。

返信
- Stinger より:
  
  2013年6月14日 1:31 AM
  
  すいません！遅くなりました。
  後日、修正版をUP致します！
  
  返信

comment コメントをキャンセル

サイトのタイトルをロゴ画像にしたい又は文字サイズを変えたい

header.phpの

<div id="h-l"><p class="sitename"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></p>

1	<div id="h-l"><p class="sitename"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></p>

の

<?php bloginfo('name'); ?>

1	<?php bloginfo('name'); ?>

がタイトルに当たる部分なのでこれを [c ...

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

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

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

: ヘッダーの余計なソースを表示させない

以下の記事を参考にヘッダーソースの最適化をしてあります。参考サイト：プラグインを使わないでヘッダーを綺麗に整頓する

記事のアドセンスコード（広告）を削除、または減らす方法

「外観」→「テーマの編集」で「single.php」の

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

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

が表示コードになりますので、不要箇所を削除してください。

PREV: 好きなところにSNSボタンを表示したい
NEXT: Stinger20130615verをUPしました。