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

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

新規登録して質問してみよう
ただいま回答率
87.20%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

解決済

ワードプレスで、2番目の投稿から一覧表示させる方法が上手くいきません。

2232
2232

総合スコア233

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

1回答

-2評価

0クリップ

277閲覧

投稿2022/04/03 08:10

編集2022/04/06 16:41

ワードプレスでサイトを作成しています。
そして、アーカイブページの記事の一覧を作成するに当たり、
ページネーションを作成し、表示記事の1つ目の記事と2つ目の記事の画像の大きさを変えたいと考えています。

なんとか、上記の内容を行うことが出来たのですが、一行目と2行目の記事の内容が、
おなじになってしまいました。

マルチポスト(なかなか回答が得られないためマルチポストしています。)
(https://qiita.com/keikkkk/questions/6b69fb04bd4d1c85560c)
https://ja.stackoverflow.com/questions/88160/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%81%a7-2%e7%95%aa%e7%9b%ae%e3%81%ae%e6%8a%95%e7%a8%bf%e3%81%8b%e3%82%89%e4%b8%80%e8%a6%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93)

試したこと
( 'offset' => 1,を加えるイメージ説明
上記のコードを打ち込んでも直しません、
また素人のため、細かなPHPのルールを理解出来ていないのが、
理由に気づけ無い原因かもしれません。

PHP

<?php get_header(); ?> <section class="blog-archive-wrapper"> <div class="blog-archive-wrapper-second"> <div class="blog-archive-outer"> <h2 class="blog-archive-outer-title">新着一覧</h2> <div> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <?php $paged = get_query_var('paged')? get_query_var('paged') : 1; $information= new WP_Query( array( 'post_type' => 'post', 'paged' => $paged, 'post_status' => 'publish', 'posts_per_page' => 1, )); ?> <ul> <!-- ループ --> <li> <?php if ($wp_query->current_post == 0) { ?> <a href="<?php the_permalink(); ?>" class="blog-item"></a> <div class="blog-item-thumbnail-content"> <div class="blog-list-wrapper-second"> <?php // アイキャッチを表示させる start ?> <div class="blog-item-thumbnail-second"> <?php if(has_post_thumbnail()): ?> <div class="thumbnail-image-second"><?php the_post_thumbnail(array(240, 148)); ?></div> <?php endif; ?> </div> <?php // アイキャッチを表示させる end ?> </div> <div class="blog-list-category"> <?php $cat = $cat[0]; ?> <p class="blog-list-category-title"><?php echo get_cat_name($cat->term_id); ?></p> </div> <div class="blog-item-content"> <p class="blog-item-day-second"><?php the_time('Y-m-d'); ?></p> <?php // タイトルを表示させる start ?> <h3 class="blog-item-title"> <?php echo mb_substr($post->post_title, 0, 30).'……'; ?> </h3> <?php // タイトルを表示させる end ?> <?php // 抜粋を表示させる start ?> <?php the_excerpt(); ?> <?php // 抜粋を表示させる end ?> </div> </div> <?php } ?> <?php $args = array( 'posts_per_page' => 9, 'offset' => 1, ); $the_query = new WP_Query( $args ); ?> <div class="blog-list-category"> <?php $cat = get_the_category(); ?> <?php $cat = $cat[0]; ?> <p class="blog-list-category-title"><?php echo get_cat_name($cat->term_id); ?></p> </div> <div class="blog-list-list-item"> <a href="<?php the_permalink(); ?>" class="blog-item"></a> <div class="blog-item-thumbnail-content-second"> <div class="blog-list-wrapper"> <?php // アイキャッチを表示させる start ?> <div class="blog-item-thumbnail-second"> <?php if(has_post_thumbnail()): ?> <div class="thumbnail-image"><?php the_post_thumbnail(array(240, 179)); ?></div> <?php endif; ?> </div> <?php // アイキャッチを表示させる end ?> </div> <div class="blog-item-content"> <p class="blog-item-day-second"><?php the_time('Y-m-d'); ?></p> <?php // タイトルを表示させる start ?> <h3 class="blog-item-title"> <?php echo mb_substr($post->post_title, 0, 30).'……'; ?> </h3> <?php // タイトルを表示させる end ?> <?php // 抜粋を表示させる start ?> <p class="blog-item-read"> <?php the_excerpt(); ?> </p> <?php // 抜粋を表示させる end ?> </div> </div> </div> <?php endwhile; ?> </div> </li> </ul> <?php // サブクエリをリセット wp_reset_postdata(); ?> <?php if( function_exists('wp_pagenavi') ) { wp_pagenavi(array('query' => $information)); } ?> <?php endif;?> </div> </div> </section> <?php get_footer(); ?>

一行目と2行目がおなじになっています。

イメージ説明

<?php $args = array( 'posts_per_page' => 8, 'offset' => 1, ); $the_query = new WP_Query( $args ); ?>

も効いていないようで,表示数の合計が10になりません11表示されてしまいます。

ご存知のかた何卒よろしくお願いいたします。

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

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

会員登録して回答してみよう

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

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

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

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。