記事一覧の上にカテゴリー別エントリーカードを表示したい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 記事一覧の上にカテゴリー別エントリーカードを表示したい

  • このトピックには5件の返信、2人の参加者があり、最後にhiroにより2年、 3ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #56670
      kazu
      ゲスト

      お世話になっております。フォーラムを色々検索しましたが、どうしても見つからなかったので質問させて下さい。
      現在ブログTOPを最新記事一覧に設定しています。
      最新記事一覧の上に色々なカテゴリー別に記事を載せていきたいです。

      こちらを参考にしたいです
      https://30sman.com/

      投稿ページを上部固定でカスタマイズの一覧リストから「最初だけ本文表示」に設定でなんとなくできるかもしれないとやってみましたが、サムネイルが欲しく断念しました。

      一覧リストの様なエントリーカード方式で表示したいです。
      もうしわけありませんが、よろしくお願いします。

    • #56681
      わいひらわいひら
      キーマスター

      そういったカスタマイズをするためには、テンプレートPHPで編集するか、プラグインの利用が必要になります。
      なので、申し訳ないですがサポート対象外のものにもあるように、サポート外とさせていただいています。
      それぞれでカスタマイズしていただくか、クラウドソーシング等に依頼していただくしかないかもしれません。

    • #56684
      かうたっく
      ゲスト

      私のページのPHPでしたら、使ってください。ただ自分仕様にしているので、CSSは微妙ですので省略しますね。

      ・80と書いている3つがカテゴリIDなので、任意のものをいれてください。
      ('numberposts=5&category=80');5を3にすれば、該当カテゴリを3つ表示します。
      ・任意のカテゴリIDを入れるようなアナログタイプですw

      <h2 class="whatsnew"><a href="<?php echo get_category_link( 80 );?>"><?php echo $cat_name = get_the_category_by_ID( 80 ); ?></a>新着</h2>
      <div class="news">
        <?php
        $lastposts = get_posts('numberposts=5&category=80');
        foreach($lastposts as $post) : setup_postdata($post);
        ?>
          <figure class="news-thum">
            <?php if ( has_post_thumbnail() ): // サムネイルを持っているとき ?>
            <a href="<?php the_permalink(); ?>" class="entry-image entry-image-link" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'thumb100', array('class' => 'entry-thumnail', 'alt' => get_the_title()) ); ?></a>
            <?php else: // サムネイルを持っていない ?>
            <a href="<?php the_permalink(); ?>" class="entry-image entry-image-link" title="<?php the_title(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/no-image.png" alt="NO IMAGE" class="entry-thumnail no-image list-no-image" width="100" height="100" /></a>
            <?php endif; ?>
          </figure>
          <p class="news-meta">
            <span class="news-date"><?php the_time('Y/m/d') ?></span> <wbr><span><i class="fa fa-folder fa-fw"></i></span><?php 
            $category = get_the_category(); 
            if ( $category[0] ) {
            echo '<a href="' . get_category_link( $category[0]->term_id ) . '" class="news-cat">' . $category[0]->cat_name . '</a>';
            }
            ?>
          </p>
          <h3 class="new-title clearfix"><a id="post-<?php the_ID(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
        <?php endforeach; ?>
      </div>

      https://bibabosi-rizumu.com/cat-summary/
      このページの幅の狭いデバイスで見た感じ(パンくずリストはなし)になります。

      続きを読むが必要でしたら、わいひらさんのコードを参考にしてください。

      書く場所はSimplicity2 child: before-main.phpに書けば簡単ですが、フロントページだけ表示したい場合はWordPressの分岐タグ・フロントページの時のみ表示するコードをいれてください。

      またはmain<div id="main" itemscope="" itemtype="http://schema.org/Blog">下に入れるのも良いかもしれません。

      ローカルで試すのが良いかもです。

      h2タグ・figureなどをSimplicity子テーマで使っているものと同じにすればOKだと思われます。

    • #56729
      hiro
      ゲスト

      割り込み申し訳ございまん。
      かうたっく さんの
      https://bibabosi-rizumu.com/cat-summary/
      の表示が凄く気に入りました。

      それでカテゴリじゃなくタグを表示する場合はどのようにすれば良いのでしょうか。

      そこで別トピ立てるかどうか迷ったのですがここに書くことにしました。
      スミマセン。

    • #56731
      かうたっく
      ゲスト

      get_category_linkget_tag_linkに変更するとタグが表示されるかと思われます。試してませんがおそらく……。

      関数リファレンス/get tag link|WordPress Codex 日本語版

    • #56759
      hiro
      ゲスト

      かうたっく さん 
      ありがとございました。
      教えて頂いた方法で無事タグの一覧も表示出来るようになりました。

5件の返信スレッドを表示中
  • トピック「記事一覧の上にカテゴリー別エントリーカードを表示したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)