株式会社シスアナコム

情報システムに関することなら、どんなことでも適切に助言いたします!

この投稿は1年以上前に公開されました。
現在では状況や内容が変わっている可能性があります。
ご注意下さい。m(_ _)m

STINGER3で最近の投稿文書のみトップページに全て表示する

      2014/05/13

シスアナコム社長の杉山です。

今回はカスタマイズする量がかなり多いので注意して下さい。

通常、STINGER3のトップページにはアイキャッチ画像、タイトル、要約、続きを見るボタンが表示されています。

投稿文書の全体を見るためには、「続きを見る」ボタン等を1回クリックする必要があります。

これって意外に面倒だと思いませんか?

そこで、最新の投稿文書の場合のみ、トップページに全て表示するようにカスタマイズしてみます。

最新の投稿文書であることを判断する

カスタマイズ対象は、トップページなので「home.php」

カスタマイズの基本的な考え方は、トップページの最初の文書で、かつ、文書の公開日時がある一定の期日以内の場合、「single.php」で表示している内容を「home.php」で表示させればOK。

まずは条件分岐を加えてみます。

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

  <?php if ( ddiff(date_i18n('U') , get_the_time('U')) < 7 && $wp_query->current_post == 0) : ?>

  <?php else : ?>

  <div class="entry">
  ...
  ...
  ...
  </div>
  <!--/entry-->

  <?php endif; ?>

  <?php endwhile; else: ?>
  ...

「home.php」に追加記入するのは3行。

わかりやすくするために、改行を加えています。

「if」文を加えるのは、トップページで文書の要約を表示する「while」ループの直後。

最新記事タイトルにNEWアイコンを加えた時と、アドセンス広告の表示をカスタマイズした時のAND条件です。

7日以内なら最新の文書と判断しています。

「else」と「endif」で「entry」クラスの表示を挟み込む形にします。

この処理を加えると、最新の文書が存在している場合は、その文書だけがトップページに表示されなくなるはずです。

投稿文書の全てを表示する

では、表示されなくなった最新の投稿文書の全文を表示させましょう。

これは「single.php」から必要な部分をコピーして「home.php」の所定の場所へ貼り付けるだけ。

「kizi」クラスで表示している部分とアドセンスの広告を表示しているを丸ごとコピーして、「if」と「else」の間に貼り付けます。

  <?php if ( ddiff(date_i18n('U') , get_the_time('U')) < 7 && $wp_query->current_post == 0) : ?>

  <div class="kizi">
...
...
...
  </div>
  <div style="padding:20px 0px;">
    <?php get_template_part('ad');?>
  </div>

  <?php else : ?>

  <div class="entry">
...

これで、トップページに最新の投稿文書全てとアドセンスの広告表示されるはずです。

SNSボタンと「WordPress Related Posts」で関連記事を表示している部分もトップページで表示したい場合は、あと2行加えて下さい。

    <?php get_template_part('sns');?>
    <?php wp_related_posts()?>

「kizi」クラスで表示している部分の最後(</div>の前)に挿入するといいと思います。

これで完成です。

今後のSTINGER3のカスタマイズについて

弊社のウェブサイトの機能的な部分のカスタマイズはほとんど完成しました。

次回以降は「見た目」を徐々にカスタマイズしようと思います。

見た目に関しては、様々なサイトで様々なカスタマイズが実施されています。

デザインセンスはあまり持ってないので、他のサイトを参考にして少しずつカスタマイズしていく予定です。

追記

2014年5月13日

トップページがごちゃごちゃした感じになってしまったので、やっぱり元に戻しました。

 - ひとこと, ひとこと(ワードプレス)

↓ブログランキングに参加しています!


ネット・PC(全般) ブログランキングへ
にほんブログ村 IT技術ブログ ITコンサルティングへ
にほんブログ村

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です