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

投稿日：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 コメントをキャンセル

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

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

: 上部のメニュー「カスタムメニュー」の設定

上記メニューの設定方法です。管理画面の「外観」→「メニュー」にて下記ページを開く ①～②任意のメニュー名を設定して保存 ③作成したメニューを選択して保存 ④～⑤表示したい固定ページにチェックを入れ ...

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

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

トップページなら、「サイト ...

: WordPressでjQueryを読み込む最適な方法

いろいろな方法を試しましたが以下の記事で紹介されている方法が一番トラブルが無いので採用しています。参考サイト：WordPressで外部のjQueryを読み込むときに注意すべきひとつのポイント

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