Q&A
$href
$img_url
という変数を使っていますが、どこで値を入れていますか？
Wordpressでニュース一覧ページを作っているのですが、
以下のソースに変更した所、画像とリンクがデータベースより取れなくなりました。
具体的な変更箇所は、
get_posts
から
have_posts
に変更しました。
問題のページは以下の一覧ページになります。
http://test.second-order.jp/news
Wordpressのcategory.phpファイルのソースは以下になります。
<?php get_header(); $theID = get_the_ID(); ?> <div id="news-line"> <div class="container-fluid news-text"> <div class="row"> <div class="smp-1"> <h2><span>NEWS一覧</span></h2> </div> <div class="col-xs-12 col-sm-12 col-sm-offset-0 col-md-6 col-md-offset-3"> <div class="topthirty"> <?php $paged = get_query_var('paged'); ?> <?php if (have_posts()) : query_posts( '$query_string&posts_per_page=10&category_name=news&paged='.$paged); ?> <?php while ( have_posts() ) : the_post(); ?> <div class="row wht news-line"> <div class="col-xs-12 col-sm-12 col-md-3"> <p class="days"><?php the_time( get_option( 'date_format' ) ); ?></p> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <a href="<?php echo esc_url($href); ?>"> <h3 class="news4 bold1"><?php echo $post->post_title; ?></h3> </a> <p class="next-p text-justify"> <?php echo wp_trim_words( get_the_content(), 100, '...' ); ?> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3"> <a href="<?php echo esc_url($href); ?>"> <div class="pic"> <img src="<?php echo esc_url($img_url); ?>" alt="<?php echo $post->post_title; ?>" class="img-responsive same-size"/> </div> </a> </div> </div> <?php endwhile; ?> <?php else : ?> <?php endif; ?> <div class="view2"> <?php echo paginate_links(); ?> <!--<div class="grad-wrap2"> <span class="grad-trigger2"> <div class="eff-4"></div> <a href="news">VIEW MORE</a> </span> </div>--> </div> </div> </div> </div> </div> </div> <?php get_footer(); ?>
画像が読み込めなくなった原因をお教え頂ければと思います。
何卒よろしくお願い致します。
元のデータは以下になりまして、
こちらのソースで写真やリンクは問題なく設置できるのですが、
2ページ目の遷移ができなく、ページネーションの連動ができませんでした。
そして、上記にした場合、無事ページネーションが効きましたが、
その代わり写真とリンクが反映されない事態になりました。
<?php get_header(); $theID = get_the_ID(); ?> <div id="news-line"> <div class="container-fluid news-text"> <div class="row"> <div class="smp-1"> <h2><span>NEWS一覧</span></h2> </div> <div class="col-xs-12 col-sm-12 col-sm-offset-0 col-md-6 col-md-offset-3"> <div class="topthirty"> <?php $args = array( 'posts_per_page' => 10, 'post_type' => 'post', 'exclude' => $theID ); $posts = get_posts( $args ); foreach ( $posts as $post ) : setup_postdata( $post ); $href = get_permalink($post->ID); $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post-thumb' ); $img_url = $thumb['0']; $excerpt = $post->post_excerpt ? mb_substr(strip_tags($post->post_excerpt), 0, 120) : mb_substr(strip_tags($post->post_content), 0, 120); ?> <div class="row wht news-line"> <div class="col-xs-12 col-sm-12 col-md-3"> <p class="days"><?php the_time( get_option( 'date_format' ) ); ?></p> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <a href="<?php echo esc_url($href); ?>"> <h3 class="news4 bold1"><?php echo $post->post_title; ?></h3> </a> <p class="next-p text-justify"> <?php echo wp_trim_words( get_the_content(), 100, '...' ); ?> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3"> <a href="<?php echo esc_url($href); ?>"> <div class="pic"> <img src="<?php echo esc_url($img_url); ?>" alt="<?php echo $post->post_title; ?>" class="img-responsive same-size"/> </div> </a> </div> </div> <?php endforeach; wp_reset_postdata(); ?> <div class="view2"> <?php wp_pagenavi(); ?> <div class="grad-wrap2"> <span class="grad-trigger2"> <div class="eff-4"></div> <a href="news">VIEW MORE</a> </span> </div> </div> </div> </div> </div> </div> </div> <?php get_footer(); ?>
回答2件
0
WordPressで2ページ目が表示されない の続きでしょうか？
Wordpressでニュース一覧ページを作っているのですが、
以下のソースに変更した所、画像とリンクがデータベースより取れなくなりました。
前の質問( WordPressで2ページ目が表示されない )のコードにあった リンクを取得している部分
$href = get_permalink($post->ID);
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post-thumb' );
$img_url = $thumb['0'];
はどこに行ったのでしょうか？
リンクを取得したり、画像の URL を取得したりしていた部分がなくなっていますので、表示されないと思います。
また、query_posts は、テンプレートタグ/query_posts に
query_posts() はページ内のメインクエリーを書き換え、新しいクエリーのインスタンスと置き換えるために使う関数としては過度に単純化され、問題が発生しやすい方法です。非効率的で（SQL クエリを再実行します）、一部の状況では適切に実行することもできません（特にページング処理）。モダンな WordPress コードではもっと安定したメソッドを使うべきです。例えばpre_get_posts フックを使った方法などです。ひとことで言うと、query_posts() は決して使うべきではありません。
とある様に 非推奨の古いやり方です。
前の質問( https://teratail.com/questions/235388 )の回答に記載されているように pre_get_posts を使う方法に変更することをおすすめします。
投稿2020/01/16 22:56
総合スコア25171
0
ベストアンサー
php
1<?php while ( have_posts() ) : the_post(); ?> 2
上記のコードの直下に以下のコードを移植してみてください。
php
1<?php 2$href = get_permalink($post->ID); 3$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post-thumb' ); 4$img_url = $thumb['0']; 5?>
移植すると以下のようになります。
php
1... 2<?php while ( have_posts() ) : the_post(); ?> 3<?php 4$href = get_permalink($post->ID); 5$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post-thumb' ); 6$img_url = $thumb['0']; 7?> 8...
しかしながらget_postsとhave_postsは本来用途が異なるものなので正常に挙動しない可能性もあります。
投稿2020/01/16 22:58
総合スコア2449
あなたの回答
tips
プレビュー
