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

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

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

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

PHP

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

1118閲覧

php(html)ページにワードプレス記事をアイキャッチ込みで読み込ませたい

sakurashinguuji

総合スコア6

WordPress

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

PHP

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/04/02 02:46

編集2020/04/02 03:06

諸先輩方お知恵をお貸しください。

php/htmlページにブログの記事一覧を載せたいです。

記事一覧は出ると言えば出ているのですが、
アイキャッチ画像が出なくて困っています。
(画像をクリックしても記事にもいきません)

コード <dl> <?php $args = array( 'numberposts' => 3, //表示する記事の数 'post_type' => 'blog' //投稿タイプ名 // 条件を追加する場合はここに追記 ); $customPosts = get_posts($args); if($customPosts) : foreach($customPosts as $post) : setup_postdata( $post ); ?> <dt><?php if (has_post_thumbnail() ) { //アイキャッチがあれば img タグの画像を返す。 echo get_the_post_thumbnail($post->ID, 'full'); } else { //アイキャッチがない場合は代替画像を表示。 $thumbimg = content_url(); echo '<img src="'.$thumbimg.'/uploads/sample.jpg">'; } ?> </dt> <dd><span><?php the_time('Y年m月d日'); ?></span><a href="<?php the_permalink(); ?>" target="_blank"><?php the_title(); ?></a><br /><?php echo mb_substr(get_the_excerpt(), 0, 120); ?>…</dd> <?php endforeach; ?> <?php else : //記事が無い場合 ?> <?php endif; wp_reset_postdata(); //クエリのリセット ?> </dl>

ソースはこちらを使っています
サーバーはXサーバーになります。

もちろんこのソースでなくとも構いません
ブログから最新の
アイキャッチ画像とタイトル・そしてジャンプできればいいのです

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

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

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

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

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

Lhankor_Mhy

2020/04/02 02:52

一般に、PHPなどのサーバサイドスクリプトで書かれたページを「静的ページ」とはあまり呼ばないと思います。 sakurashinguujiさんの考える「静的ページ」とは、どのようなものですか?
sakurashinguuji

2020/04/02 02:58

無知ゆえ混乱させてしまったことをまずはお許しください ワードプレス外のページで通常のhtmlやPHPの事だと思っておりました
yoorwm

2020/04/02 03:03

コードがおかしいので、コードの挿入(<code>)を利用して整えてください。
Lhankor_Mhy

2020/04/02 07:34

あまり詳しくないですが、wordpress の外でテンプレートタグを使っても、動かないのは当然ではないかな、と思うのですが。 このようなことができる、という解説ページなどがあればご提示いただけますか?
sakurashinguuji

2020/04/09 01:59

検索掛けて出てきたページのソースを使っております。 ページはパッと出てきません・・・ごめんなさい
Lhankor_Mhy

2020/04/09 02:29

たぶん、何かの勘違いでしょう。
guest

回答1

0

アイキャッチ画像が出なくて困っています。

(画像をクリックしても記事にもいきません)

画像は出ているがクリックしても記事に飛ばないのか、画像すら出ないのかどちらなのでしょうか?
前者であるならば、aタグを画像に追加すれば動作するはずです。
(以下のように<a href="<?php the_permalink(); ?>" target="_blank"></a>を追加)

<dt><a href="<?php the_permalink(); ?>" target="_blank"> <?php if (has_post_thumbnail()) { //アイキャッチがあれば img タグの画像を返す。 echo get_the_post_thumbnail($post->ID, 'full'); } else { //アイキャッチがない場合は代替画像を表示。 $thumbimg = content_url(); echo '<img src="' . $thumbimg . '/uploads/sample.jpg">'; } ?> </a></dt>

追記(2020年4月9日)

画像が表示されない場合は以下の項目を確認してみてください。

  1. 投稿タイプ名を'blog'と設定していますが、間違いありませんか?

(通常は'post'を使用します)

  1. アイキャッチ画像は正しく設定されていますか?

(各ページの編集画面の右側サイドバーでもう一度確認してください)

  1. 使用しているテーマのfunction.phpファイルに、add_theme_support( 'post-thumbnails' );が含まれていますか?

(管理画面 → 外観 → テーマエディター → テーマのための関数)

こちらの開発環境で上記のコードを試したところ、post_typeblogからpostに変更すれば動作しました。

投稿2020/04/02 08:03

編集2020/04/09 09:00
takumi9942

総合スコア24

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

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

sakurashinguuji

2020/04/09 01:57

お返事遅くなりました 画像が出ない状態です。 ない場合のサンプル画像になってしまいます
takumi9942

2020/04/09 09:01

画像が表示されない場合の確認事項を追記しました。 確認してみてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問