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

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

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

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

PHP

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

Q&A

解決済

1回答

817閲覧

次のページでも背景画像が同じように表示される

kazOh

総合スコア16

WordPress

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

PHP

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

0グッド

0クリップ

投稿2021/12/20 10:42

編集2021/12/22 03:00

イメージ説明問題:
下記のコードで、背景画像で記事維一覧を全て表示することはできたが、
'Pagination' コードを設置すると次と前のページでも同じ背景画像の記事一覧しか表示されないです。

問題点の把握 :
1.paginationの問題かも????? イメージ説明
2.ページャーで、繰り返し同じ画像が表示されます。
3.それともループされ続けているかも????
4.画像がなければノーが画像を表示させたいが、表示されない。

実装の結果:
コードを編集したが、背景画像の記事一覧が表示される。
次のページと前のページでも同じように記事一覧が表示される。
画像がなければノーが画像を表示させたいが、表示されない。

if( has_post_thumbnail() ) :

$blog_thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) ); echo '<div class="blog-post-image" style="background-image:url('.$blog_thumbnail[0].')"></a>'; echo '<h3><a href="'.get_the_permalink().'">'.get_the_title().'</a></h3>'; echo '</div>'; else : ?> echo ‘<div class=”blog-post-image” style=”background-image:url(/images/noimage.gif);”></div>’;

このコードを編集する必要はあるのかな 
このコードの設置場所:blog.php  ※single.php ではないです。

</p> </a> <?php //the_excerpt(); /** 抜粋(CHAPTER 14)*/ /** 続きを読むリンク */ ?> <?php echo dess_get_excerpt(280); ?> <p class="more-link"> <a href="<?php the_permalink(); ?>" title="「<?php the_title(); ?>」の続きを読む"><span class="badge badge-success">続きを読む &raquo;</span></a> </p> </div> <!--content box end--> <?php /** アイキャッチ画像(CHAPTER 14)*/ ?> <div class="blog-thumbnail-box"> <a href="<?php the_permalink(); ?>" title="「<?php the_title(); ?>」の続きを読む"> <?php if( post-image” style=”background-image:url(/images/noimage.gif);”></div>’; <?php endif; ?> </a> </div> <!--thumbnail-box end--> </div> <!--post id end--> <?php endwhile;

endif;

wp_reset_postdata(); ?>

<!--WP query loop end--> <?php if ( $wp_query->max_num_pages > 1 ) : /** ここからページャー */ ?>
endif; ?> </a> </div> <!--thumbnail-box end-->

追加の写真と説明だよ:
わかりやすく追加の情報:
前に進(previous_posts_link)んでも 次の進(next_posts_link)んでも 同じ10枚の背景画像しか表示されない。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

CHERRY

2021/12/20 13:15 編集

コードと質問文が混ざっているので、どこからどこまでが、コードなのか見にくいです。 下記のような感じで、コードの前後に ``` だけの行を入れて、コードが見やすくなるように入力してもらえないでしょうか。 ```PHP コード ```
kazOh

2021/12/20 13:55

<div id="main"> <!--WP query loop starts--> <?php $wp_query = new WP_Query(); $my_posts01 = array( 'post_type' => 'post', 'category_name' => 'Tekken', 'posts_per_page'=> '10', ); $wp_query->query( $my_posts01 ); if( $wp_query->have_posts() ): while( $wp_query->have_posts() ) : $wp_query->the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <div class="content-box"> <a href="<?php the_permalink(); ?>"class="badge badge-primary"><?php the_title(); //Bootstrap色 Bootstrap見出しを大きくh4?></a> <p class="post-meta"> <svg class="icon icon-clock"> <use xlink:href="#icon-clock"> <span class="post-date"><?php the_time( get_option( 'date_format' ) ); ?></span> </use> </svg> <span class="category"><!--Category--><?php the_category( ', ' ) ?></span> <!--<p class="sidebar-comment-num"><?php //comments_popup_link( 'Comment : 0', 'Comment : 1', 'Comments : %' ); ?></p>--> <span class="sidebar-comment-num"> <?php comments_popup_link( '<i class="far fa-comments"></i> : 0', '<i class="far fa-comments"></i> : 1', '<i class="far fa-comments"></i> : %' ); ?> </span> </p> </a> <?php //the_excerpt(); /** 抜粋(CHAPTER 14)*/ /** 続きを読むリンク */ ?> <?php echo dess_get_excerpt(280); ?> <p class="more-link"> <a href="<?php the_permalink(); ?>" title="「<?php the_title(); ?>」の続きを読む"><span class="badge badge-success">続きを読む &raquo;</span></a> </p> </div> <!--content box end--> <?php /** アイキャッチ画像(CHAPTER 14)*/ ?> <div class="blog-thumbnail-box"> <a href="<?php the_permalink(); ?>" title="「<?php the_title(); ?>」の続きを読む"> <?php if( has_post_thumbnail() ) : $blog_thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) ); $noimage = get_template_directory_uri() . '/images/noimage.gif'; echo '<div class="blog-post-image" style="background-image:url('.$blog_thumbnail[0].')"></a>'; echo '<h3><a href="'.get_the_permalink().'">'.get_the_title().'</a></h3>'; echo '</div>'; else : ?> <div class=”blog-post-image” style="background-image: url( '<?php echo $noimage; ?>' );"></div> <?php endif; ?> </a> </div> <!--thumbnail-box end--> </div> <!--post id end--> <?php endwhile; endif; wp_reset_postdata(); ?> <!--WP query loop end--> <?php if ( $wp_query->max_num_pages > 1 ) : /** ここからページャー */ ?> <div class="navigation"> <div class="alignleft"><?php previous_posts_link( '&laquo; NEXT' ); ?></div> <div class="alignright"><?php next_posts_link( 'PREV &raquo;' ); ?></div> </div> <?php endif; /** ページャーここまで */ ?> </div> <!--main id end--> ?>
kazOh

2021/12/20 14:08

このような書き方で良いですか
kazOh

2021/12/20 18:37 編集

上記のコードでは、特に問題ないように思えます。 自身のウェブサイトで、検索フォームで全てのページが表示されるのですが 上記の新しいコード・レイアウトで表示すると次のページと前のページで全ての写真が表示されないです。 10ページでの固定されています。 10ページ以上とすると ページャーに関わらず 全ての写真が表示することができます。 bloglist.php 以前から利用していたhome.php 次に優先されるページです。 blog.php 今回の編集は、blog.php で行いました。 blog.php で書いたコードを bloglist,php と index.php にも上書きしましたが、 新しいレイアウトで表示されています。ですが、固定ページに設定しているbloglist blog でも前のページと次のページを押しても同じ10枚だけの写真・サブネイルしか表示されないです。 検索フォーム s/? だと自分が表示させたいように 新しいコードで書いたページ ブログページとして表示させたいです。 よろしくお願い申し上げます。 index.php
kazOh

2021/12/20 18:51 編集

簡単に説明しますと 検索フォームで表示された記事の一覧 10枚 ごとを表示したいです。 新しく書いたコードは、blog.php でした。index.php と今まで利用していた bloglist.php に書き換え新しいレイアウトに表示されます。 index.php も上書きしないと同じレイアウトで統一しないで 上書きしました。エラーは出ていないです。 問題は、ブログ 全ての記事一覧を読み込みさせ 且つ 10枚ごとにアイキャッチ(抜粋・記事とサブネイル・画像)表示させたいです。 どのようにしたらブログのトップページを指定して 順番ごとに見せられるのかわからないです。スラッグでは、bloglist にしてい確認しても ページャーごとに10枚の写真しか見れないです。 背景画像の記事一覧を表示させるのにページャーのコードを何か編集しないと行けないのですか?
kazOh

2021/12/20 18:52

背景記事一覧だからページャーを修正する必要があるのですか 現在利用しているページャとは、 <?php if ( $wp_query->max_num_pages > 1 ) : /** ここからページャー */ ?> <div class="navigation"> <div class="alignleft"><?php previous_posts_link( '&laquo; NEXT' ); ?></div> <div class="alignright"><?php next_posts_link( 'PREV &raquo;' ); ?></div> </div> <?php endif; /** ページャーここまで */ ?>
kazOh

2021/12/20 19:31 編集

Debugをつけました。 /** * Suspend cache invalidation. * * Turns cache invalidation on and off. Useful during imports where you don't want to do * invalidations every time a post is inserted. Callers must be sure that what they are * doing won't lead to an inconsistent cache when invalidation is suspended. * * @since 2.7.0 * * @global bool $_wp_suspend_cache_invalidation * * @param bool $suspend Optional. Whether to suspend or enable cache invalidation. Default true. * @return bool The current suspend setting. */ function wp_suspend_cache_invalidation( $suspend = true ) { global $_wp_suspend_cache_invalidation; $current_suspend = $_wp_suspend_cache_invalidation; $_wp_suspend_cache_invalidation = $suspend; return $current_suspend; } 上記のコード  5563 ラインです。 Notice: register_rest_route was called incorrectly. The REST API route definition for vimeography/v1/themes/schema is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/xxxxx/www/wordpress/wp-includes/functions.php on line 5663
kazOh

2021/12/20 19:17

line 118 bliglist.php エラーがあるので <?php if ( $wp_query->max_num_pages > 1 ) : /** ここからページャー */ ?> <div class="navigation"> <div class="alignleft"><?php previous_posts_link( '&laquo; NEXT' ); ?></div> <div class="alignright"><?php next_posts_link( 'PREV &raquo;' ); ?></div> </div> <?php endif; /** ページャーここまで */ ?> </div> <!--main id end--> <?php get_sidebar('test'); get_footer('home1'); ?>  ← 118 Line これは何のエラーなのかわかりません。
kazOh

2021/12/21 05:33

役に立たないくそサイト!
guest

回答1

0

自己解決

Finished this

投稿2021/12/21 14:14

kazOh

総合スコア16

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問