Q&A
「説明にリンクを入れても」とありますがどれが「説明」でしょうか。
wordpressでオリジナルのテンプレートを作成しています。
https://dainashiyesterday.com/post-4610/
こちらのサイトを参考にカスタムヘッダーを作成しています。
スライダーのヘッダー画像にリンクをつけたいと思っています。
参考サイト通りに進め、ましたが、aタグ(リンクが表示されません。)
aタグ(リンクが表示されるにはどうしたら良いでしょうか？)
コード
function.phpに下記コード記入
php
1/* カスタムヘッダー 2---------------------------------------------------------- */ 3$custom_header_defaults = array( 4'width' => 1500, //ヘッダー画像の幅 5'height' => 825, //ヘッダー画像の高さ 6); 7add_theme_support( 'custom-header', $custom_header_defaults ); 8//ヘッダー画像のIDを取得 9function custom_header_get_attachment_id_by_url( $url ) { 10$parse_url = explode( parse_url( WP_CONTENT_URL, PHP_URL_PATH ), $url ); 11$this_host = str_ireplace( 'www.', '', parse_url( home_url(), PHP_URL_HOST ) ); 12$file_host = str_ireplace( 'www.', '', parse_url( $url, PHP_URL_HOST ) ); 13if ( ! isset( $parse_url[1] ) || empty( $parse_url[1] ) || ( $this_host != $file_host ) ) { 14return; 15} 16global $wpdb; 17$attachment = $wpdb->get_col( $wpdb->prepare( "SELECT ID FROM {$wpdb->prefix}posts WHERE guid RLIKE %s;", $parse_url[1] ) ); 18return $attachment[0]; 19}
index.phpに下記コードを記入
<ul class="slides"> <?php $header_images = get_uploaded_header_images(); ?> <?php foreach ($header_images as $key => $value): ?> <?php $img_id = custom_header_get_attachment_id_by_url($value['url']); ?> <?php $img_meta = get_post($img_id); ?> <li> <?php if($img_meta->post_content): ?> <a href="<?php echo esc_html($img_meta->post_content); ?>"> <?php endif; ?> <img src="<?php echo $value['url']; ?>" alt="<?php echo esc_html($img_meta->post_title); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /> <?php if($img_meta->post_content): ?> </a> <?php endif; ?> </li> <?php endforeach; ?> </ul>
実際に表示されているhtmlは下記です。
html
1<ul class="slides"> 2<li> 3<img src="画像url" alt="" width="1500" height="825" /> 4</li> 5<li> 6<img src="画像url" alt="" width="1500" height="825" /> 7</li> 8</ul> 9
何卒よろしくお願いします。
説明不足で失礼いたしました。wordpress管理画面→メディアファイルの詳細→説明です。
写真を追加させていただきました。
回答へのコメントで「cropped」と付いたファイル名になっていますが、メディアライブラリにクロップ前の画像があったりしませんか？
カスタムヘッダーを選択する際に切り抜きしていたんですが「切り抜きしない」を選択するとリンクが表示されました！
回答3件
0
ベストアンサー
custom_header_get_attachment_id_by_urlって関数の情報を見つけられなかったのだけど
Advanced Custom Fieldの関数か何かなのかしら？
普通に定義してましたねすいません
まあでも、やっぱり
php
1$img_id = custom_header_get_attachment_id_by_url($value['url']);
これって多分
php
1$img_id = $value['attachment_id'];
でいけるんじゃないかな
どっちにしろエラーが起きてるのにスルーされている可能性もあるので
wp-config.phpでデバッグモードの指定のところが
define('WP_DEBUG', false);のままなら
define('WP_DEBUG', true);にしときましょう
投稿2018/05/14 04:58
編集2018/05/14 05:33
総合スコア7804
To: KazuhiroHatanoさん
> custom_header_get_attachment_id_by_url
https://dainashiyesterday.com/post-4610/
参考にされている記事に記載があります。
普通に質問文にも書いてますね、すいません
修正します
回答ありがとうございます。define('WP_DEBUG', true);にしました。エラーはおきていませんでした。
$img_id = custom_header_get_attachment_id_by_url($value['url']);
を
$img_id = $value['attachment_id'];
に変更して見ましたが変化はありませんでした..
とりあえず、$img_metaをvar_dumpしてみて、post_contentが本当に入ってるのか確認しますか
以下が出てきました。
object(WP_Post)#3565 (24) {
["ID"]=>
int(65)
["post_author"]=>
string(1) "1"
["post_date"]=>
string(19) "2018-05-14 15:52:54"
["post_date_gmt"]=>
string(19) "2018-05-14 06:52:54"
["post_content"]=>
string(0) ""
["post_title"]=>
string(18) "cropped-j-01-5.jpg"
["post_excerpt"]=>
string(0) ""
["post_status"]=>
string(7) "inherit"
["comment_status"]=>
string(4) "open"
["ping_status"]=>
string(6) "closed"
["post_password"]=>
string(0) ""
["post_name"]=>
string(18) "cropped-j-01-5-jpg"
["to_ping"]=>
string(0) ""
["pinged"]=>
string(0) ""
["post_modified"]=>
string(19) "2018-05-14 15:52:54"
["post_modified_gmt"]=>
string(19) "2018-05-14 06:52:54"
["post_content_filtered"]=>
string(0) ""
["post_parent"]=>
int(0)
["guid"]=>
string(66) "http://qq/wp-content/uploads/2018/05/cropped-j-01-5.jpg"
["menu_order"]=>
int(0)
["post_type"]=>
string(10) "attachment"
["post_mime_type"]=>
string(10) "image/jpeg"
["comment_count"]=>
string(1) "0"
["filter"]=>
string(3) "raw"
}
post_content入ってないですねぇ
サイズ違いの画像の方とかに入れちゃってんですかね
とりあえずそのcustom_header_get_attachment_id_by_urlって関数ダメですね
試してみたけどやっぱりguidは画像編集によるファイル名の変化を追跡しないですね
guidってあてにならないんですよ、信用しちゃダメです
正しい画像のURLはpost_metaの_wp_attached_fileの方ですね
post_contentが入ってないのは違う原因でしょうけど
そうなんですね。もう完全にお手上げ状態です..
とりあえず本当に目的の画像に説明つけれてるのか確認
IDは65の様ですね、管理画面のメディアから画像の編集画面開いた時
URLの最後は?item=65になってるでしょうか？
メディアライブラリで、グリッド表示（田の字のアイコン）ではなくリスト表示（左側のアイコン）にするとカスタムヘッダー用にクリップされた画像があるかと思いますがいかがでしょうか？
元の切抜きされていない画像ではなく、そちら（現在のヘッダー画像 とか表示があると思います）の編集→説明にURLを入力すれば提示のコードで行けそうなのですが。
切り抜きが原因でした。ご協力ありがとうございます！！
KazuhiroHatanoさんの「URLの最後は?item=65になってるでしょうか？」の言葉で気が付きました。気になっておりテストしていたので私もすっきりしました。ありがとうございます。
0
原因は画像を切り抜きしたことにありました。
切り抜き前の画像にurlを入れていたので表示されなかったようです。
切り抜いた画像にurlを入れることで表示されました。
ご協力い頂いた皆さまありがとうございます。
ベストアンサーは大変迷ったので、最初に回答してくださった方
にしました。ありがとうございます。
投稿2018/05/15 02:50
退会済みユーザー
総合スコア0
0
これはどのような処理だと思われているのでしょうか。「説明」に値が入っていたらその値をリンク先に指定しているようですが、これでは表示されません。
PHP
1<a href="<?php echo esc_html($img_meta->post_content); ?>">
表示するように書かないと表示されません。それとも「表示」は「リンク先に飛ばない」と言う意味でしょうか。
投稿2018/05/14 04:55
総合スコア69407
phpはほとんど分からないので、<a href="<?php echo esc_html($img_meta->post_content); ?>">これで、画像のリンクが表示されると思っていました。
「画像のリンク」とは？PHPはブラウザにHTMLを返し、それをブラウザが解釈して「表示」します。「表示」可能なHTMLが出力されているのかをまず確認してください。
画像のリンクとは「説明」に記入したurlのことをさしていました。あまり知識がなく分かりにくくなってしまい申し訳ありません。
あなたの回答
tips
プレビュー
