カスタマイズ

投稿日:2017年8月22日 更新日:

stinger8/トップページに新着記事を表示してみる

シンプルなテンプレートstinger8のカスタマイズです。
トップページに新着記事(お知らせ、みたいな)表示させたい事って多いですよね。

まぁブログはもともと最新記事が表示されるようになってるので必要ないかもだけど、ECサイトなら新着商品だったり、会社なら最新のお知らせなどね。
これをトップページだけ表示させたい時は、page.phpを編集します。
ループ内に以下の記述を追加します。


<?php if( is_front_page() ): ?>
<ul>
<p>新着記事</p>
<?php wp_get_archives('type=postbypost&limit=5'); //トップページのみ最新記事を表示(limitの数字で表示件数を変更可) ?>
</ul>
<?php endif; ?>

wp_get_archives()のtypeを[postbypost(投稿を公開日時の順に)] にするだけで最新記事の表示ができます。
ulのクラスなどは任意でつけてくださいね。

- カスタマイズ
-

関連記事

stinger8/オンマウス時、一覧表示の画像をズーム(拡大)させる

シンプルなテンプレートstinger8のカスタマイズです。 サイトを作ってカテゴリを作り、記事を書くとカテゴリページに記事一覧が画像と一緒に(アイキャッチ画像が設定されていれば)表示されます。 このサ ...

stinger8/サイドバーのタイトルを装飾してみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルを装飾してみます。 まずは子テーマを作成後(方法は割愛します)style.cssを作成 サイドバーのタイトルには「m ...

wordpressテーマstinger8について

仕事でたまたま使うことになったwordpressのテーマ「stinger8」。 検索に強いとのこと。 管理画面はいたってシンプル。 カスタマイズ出来る部分もとっても少ないので管理画面からカスタマイズし ...

stinger8/サイドバーのリストの間隔をあけてみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルの装飾ができたので次はリストの間隔をあけてみます。 「ad」というクラスがついたdiv内にあるliに対しての指定なの ...

stinger8/記事のサムネイル画像を◯(丸型)にしてみる

シンプルなテンプレートstinger8のカスタマイズです。 カテゴリページの記事一覧などにも使える簡単なcssです。 画像を丸く表示しておいて、 オンマウス時に四角にもどします。 動きをなめらかにする ...