この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’/>”;
結局は手を入れないとうまく表示されない箇所が多い。