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

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

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

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

PHP

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

HTML

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

Q&A

解決済

1回答

866閲覧

wordpressで記事一覧のタイトルの前に本文に画像が入っていればタイトルの前にアイコンを出力し本文に画像がなければそのまま出力したい

roto_note

総合スコア11

WordPress

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

PHP

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

HTML

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

0グッド

0クリップ

投稿2020/10/07 11:39

前提・実現したいこと

wordpressで記事一覧のタイトルの前に本文に画像が入っていればタイトルの前にアイコンを出力し本文に画像がなければそのまま出力したい

該当のソースコード

php

1<span class="title"> 2<?php $img = get_posts( 'post_type=attachment' ); ?> 3<?php if(isset($img)): ?> 4 <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><i class="fas fa-camera-retro"></i><?php the_title(); ?></a> 5<?php else: ?> 6 <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a> 7<?php endif; ?> 8</span>

試したこと

本文中に画像があるかどうか調べるためにget_posts( 'post_type=attachment' )を使い
if(isset($img))で条件分岐しています。
アイコンは出力されているのですが現状としてすべての投稿のタイトルの横にアイコンが表示されてしまっています。
原因は特定できませんが画像が本文中にあるかどうかの条件分岐ができていないのかなと思います。
調べても解決方法がなかったためどなたかわかる方がいればご教授をお願いしたいです。
よろしくお願いいたします。

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

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

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

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

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

yuki84web

2020/10/07 12:48

$imgには何が格納されますか?
roto_note

2020/10/07 13:50

codexで調べていたらテンプレート内で添付ファイルの ID を動的に取得する場合はget_posts( 'post_type=attachment' )を使用するとのことだった為使用しました。 お恥ずかしい話、何が格納されているか把握しておりません。
tabuu

2020/10/07 23:32

「本文に画像が入っていれば」とありますが、アイキャッチが登録されているということでしょうか? もしくは本文中に画像をメディアライブラリから取り込んでいるということでしょうか? ちなみに「get_posts( 'post_type=attachment' )」は投稿タイプが添付ファイル、 つまりメディアライブラリにアップしているデータを取得しています。 ループ中の投稿とは無関係のメディアも取得しているので、全投稿でアイコンが表示 されるということになっていますね。
roto_note

2020/10/08 06:53

アイキャッチは登録されているかという条件分岐ではなく 投稿の本文中に画像をメディアライブラリから取り込んでいる場合には投稿一覧のタイトルの前にアイコン画像を表示したいです。 投稿の本文中に取り組んだメディア画像を取得するには他の関数を使用すればいいのでしょうか?? もしくはget_posts( 'post_type=attachment' )を使用して条件分岐をすればいいのでしょうか?? 解決方法が浮かばず恐縮ですがご教授頂きたいです。 よろしくお願い致します。
guest

回答1

0

ベストアンサー

メディアライブラリにアップした画像を複数の記事で使いまわす場合は
本文を検索して画像を取り込んだパターンを探すしかなさそうです。
パターンに設定する文字列はご自身の環境や本文でいい感じのものを見つけてください。

PHP

1$p = 'wp:image'; 2if (strpos(get_the_content(), $p) !== false) { 3 // 画像添付あり 4}

投稿2020/10/08 08:40

tabuu

総合スコア2456

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

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

roto_note

2020/10/08 09:33

回答ありがとうございます。 このようにやってみたのですがアイコン画像がどこにも表示されません。 どこを直したらいいのかなどご教授お願いしたいです。 <span class="title"> <?php $content_img = 'wp:image'; ?> <?php if (strpos(get_the_content(), $content_img) !== false) : ?> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><i class="fas fa-camera-retro"></i><?php the_title(); ?></a> <?php else: ?> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a> <?php endif; ?> </span>
tabuu

2020/10/08 23:16

そのソースコードを私の環境にコピペしたらカメラのようなアイコンが表示されましたよ。 記事の本文をコードで表示して「wp:image」が存在するかご確認ください。 「wp:image」が無ければ画像添付しているコードから利用できそうな文字を探してください。
roto_note

2020/10/23 10:40

ご回答ありがとうございました。今回は応急処置としてカスタムフィールドを使って表示させることに致しました。 ご回答頂いた内容を元にじっくりやってみようと思います!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問