【lion blog カスタマイズ】投稿ページ冒頭のアイキャッチ画像のサイズ変更
- 2018.04.19
- Wordpressテーマ
lion blogってすごくよくできたテーマですが、たまーに
「ここなんでこんな設定なの?」
な所があります。
それが、
投稿ページ冒頭に表示されるアイキャッチ画像です!
カスタマイズの投稿ページ設定で
■アイキャッチ画像の表示/非表示
の個所で表示するに設定すると12:6でトリミングされて投稿ページ頭に表示されるんですが、
これ、、、横長の画像の場合は良いんですが、
縦長の場合は上下を切られてしまう(トリミングされてしまう)のでイケてません。。。
「横長の写真しか貼らないし!」
って人には関係ありませんが、そうもいかないこともありますよね?
じゃあ、アイキャッチ画像を非表示に設定すればいいじゃん!
ってなりますが、ここで非表示にしてしまうと、
アーカイブページやトップページの記事一覧の写真も非表示になってしまいます。
というわけで、ここはしょうがないので
投稿ページ冒頭でアイキャッチ画像が表示されないようにしてしまいます!
本当は縦長写真にも対応してほしい。。。
テーマを直接いじります。
「外観」→「テーマの編集」→ 画面右上のドロップダウン「編集するテーマを選択」
「LION BLOG Child]ではなく親テーマの「LION BLOG」にして「選択」ボタンをクリック
テーマファイル「個別投稿(single.php)」をクリック
60行目あたりの以下のコードを削除。
<?php if ( get_option('fit_post_eyecatch') != 'value2' ) : ?>
<!-- アイキャッチ -->
<div class="eyecatch eyecatch-single">
<?php if(has_post_thumbnail()) : ?>
<?php if($myAmp){echo '<amp-img layout="responsive"';}else{echo '<img';} ?> src="<?php echo $src; ?>" alt="<?php the_title(); ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" >
<?php if($myAmp){echo '</amp-img>';}?>
<?php else :?>
<?php if($myAmp){echo '<amp-img layout="responsive"';}else{echo '<img';} ?> src="<?php echo get_template_directory_uri(); ?>/img/img_no.gif" alt="NO IMAGE" width="890" height="500" >
<?php if($myAmp){echo '</amp-img>';}?>
<?php endif; ?>
</div>
<!-- /アイキャッチ -->
<?php endif; ?>
親テーマの変更なので、アップデートされたら変わる可能性があります。
他にいい方法ないかなー
-
前の記事
記事がありません
-
次の記事
「えごま油」より「カメリア油」の方が買いの理由【迷っている人必見です】 2018.05.30