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

投稿日：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でjQueryを読み込む最適な方法

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

好きなところに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でRSSフィードが「抜粋」にしても「全文配信（表示）」になる件

Stingerでも使用していて、僕自身も困っていたのですが、RSSの配信で「抜粋」を選択しているのに「全文配信」されて原因がわからず悩んでいました。結果として、原因はfunctions.phpに記載 ...

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

参考サイト：【jQuery】はまった！WordPressプラグインを使用せずに「トップへ戻る」ボタンをフェードインさせる方法

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

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

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