2021
20
Apr

IT

WordPress備忘録

このWebページの修正を行いました。(自分への備忘録です)

WordPressテーマのphotekですが、テーマをバージョンアップしたところフォトページにアイキャッチ画像が本文中に表示され、画像が連続表示の様になったので、子テーマ化をした上で修正を行う。

原因:元々が表示されないコードであったが、バージョンアップで修正。表示がおかしくなったもの。
きちんと表示されるように変更した箇所↓


ファイル名:content-portfolio-main.php

(この部分を削除)
if(has_post_thumbnail($post->ID)&&$options[‘show_thumbnail’]) {
$imageUrl = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘single-post-thumbnail’);
echo “<img src='” . $imageUrl[0] . “‘ style=’margin-bottom:4px’/>”;
}

(スペースが0で表示されるためにこの部分を修正)
echo “<img src='” . $image->getAttribute(‘src’) . “‘/>”;

echo “<img src='” . $image->getAttribute(‘src’) . “‘ style=’margin-bottom:4px’/>”;


フォルダ名:mobile
ファイル名:single-portfolio.php

(この部分を削除)
if(has_post_thumbnail($post->ID)&&$options[‘show_thumbnail’]) {
$imageUrl = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘full’);
echo “<img src='” . $imageUrl[0] . “‘ style=’margin-bottom:20px’/>”;
}

(スペースが0で表示されるためにこの部分を修正)
echo “<img src='” . $image->getAttribute(‘src’) . “‘/>”;

echo “<img src='” . $image->getAttribute(‘src’) . “‘ style=’margin-bottom:4px’/>”;


結局は手を入れないとうまく表示されない箇所が多い。