質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.08%

カスタム投稿タイプのタブ毎出力について

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 496

oyashiro

score 20

wordpressでカスタム投稿タイプの投稿をタブ切り替え出来る一覧ページを作ってます。
とある記事で、それらしい記述を見つけやっているのですが、
中身が出力されません。

function.php

function tab_portfolio_list($custom_post1, $custom_genre2, $custom_genre3, $custom_term4) {

    $cnt = 0;
    $taxonomies = get_terms($custom_genre2); 
    if( !is_wp_error($taxonomies) && count($taxonomies) ) {
?>

        <script type="text/javascript">
            (function($) {
                $(document).ready(function() {
                    $('.tab_area:first').show();
                    $('.tab li:first').addClass('active');

                    $('.tab li').click(function() {
                    $('.tab li').removeClass('active');
                    $(this).addClass('active');
                    $('.tab_area').hide();

                    $(jQuery(this).find('a').attr('href')).fadeIn();
                    return false;
                    });
                });
            })(jQuery);
        </script>

        <style type="text/css">
            ul.tab li { 
                float: left;
                background: #fff;
                border: #f0f0f0 1px solid;
                color: #2c699f;
                padding: 1em;
                width: 10em;
                font-size: 1.3em;
                font-weight: bold;
            }
            ul.tab li.active { 
                background: #2c699f;
            }
            ul.tab li.active a { 
                color: #fff;
                font-weight: bold;
            }
            ul.tab li.active a:hover { 
                color: #f0f0f0;
                font-weight: bold;
            }
            ul.tab li:hover { 
                background: #2c699f;
            }
            ul.tab li:hover a { 
                color: #fff;
            }
            .tab_area{ 
                display: none;
            }
            .tab_content{ 
                width: 99%; 
                clear: both;
                overflow: hidden;
                border: #f0f0f0 1px solid;
                padding: 1em 0 0 0;
                min-height: 140px;
            }
            .tab_content ul li { 
                clear: both; 
                background: #f8f8f8;
                padding: 1em 2em 1em 2em;
                margin: 0 1em 1em 1em;
            }
            .tab_content ul li img{ 
                float: left;
                /*margin: 0 10px 10px 0;*/
            }
        </style>

        <ul class="tab">
<?php
            foreach ( $taxonomies as $taxonomy ) {
                $cnt++;
                echo '<li><a href="#tab' . $cnt . '">' . $taxonomy->name . '</a></li>';
            }
?>
        </ul>
        <div class="tab_content">
<?php
        $cnt = 0;
        foreach ($taxonomies as $taxonomy ) {
            $cnt++;
?>

            <div class="tab_area" id="tab<?php echo $cnt; ?>">

<?php
            $args = array(
                'posts_per_page' => -1,
                'post_type' => $custom_post1,
                'tax_query' => array( 
                    array(
                        'taxonomy' => $custom_genre2,
                        'field' => 'term_id',
                        'terms' => $taxonomy->term_id
                        ),
                    array(
                        'taxonomy' => $custom_genre3,
                        'field' => 'slug',
                        'terms' => $custom_term4
                        ),
                    'relation' => 'AND'
                ),
                'post_status' => 'publish'
            );
            query_posts( $args );


            print_r($args);

            if( have_posts() ) {
?>

                <ul>

<?php
                while( have_posts() ) {
                    the_post();
                    $portfolio_thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'portfolio-thumb');
?>
                    <li class="clearfix">

                        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="search-portfolio-thumb"><img src="<?php echo $portfolio_thumb[0]; ?>" height="<?php echo $portfolio_thumb[2]; ?>" width="<?php echo $portfolio_thumb[1]; ?>" alt="<?php echo the_title(); ?>" class="alighleft" /></a>
                        <h4><a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
                        <p><?php the_excerpt(''); ?></p>
                        <?php the_excerpt_max_charlength(50); ?><a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>" class="css_btn_class"><?php _e("<!--:en-->Read More<!--:--><!--:ja-->続きを読む<!--:-->"); ?></a>

                    </li>
<?php
                }
?>
                </ul>
<?php
            }

            wp_reset_query();

?>
            </div><!-- // tab_area -->
<?php
        }
?>

    </div><!-- // tab_content -->

<?php

    }

}

front-page.php

<?php tab_portfolio_list( 'product-list','genre','item_genre','original' ); ?>

カスタム投稿タイプはCPT UIプラグインをつかってます。
他の設定は添付画像です。

イメージ説明
イメージ説明

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • stampdoor

    2018/04/08 15:02

    添付画像見た限りproduct-list→product_listではないですか?

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.08%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る