初心者でも簡単!WPでSEO対策

無料で利用できるWordPressを使って、SEO初心者でも簡単に検索エンジン上位表示できる情報をお届けします。

無料テンプレ【AFFINGER】投稿一覧のアイキャッチを大きくする方法

 

SEOに強くアフィリエイトに特化した無料テンプレートAFFINGERですが、投稿一覧のアイキャッチがSTINGERより小さくなってしまいました。

「アイキャッチ小さすぎくねぇ?」とか「STINGERのアイキャッチサイズが良かったのに…」とか思っている人も少なからずいるのではないか?と思ったり思わなかったり。

一覧のアイキャッチサイズ変更前
 

そこで、今回は、AFFINGER投稿一覧アイキャッチサイズSTINGER並のアイキャッチサイズに戻す方法をご紹介します。

注意事項

テーマファイルを改変しますので、失敗するとサイトが表示されなくなる可能性があります。

失敗してもすぐに戻せるように、必ずファイルのバックアップを取っておきましょう。

▼バックアップに必要なファイル

  • itiran.php

環境によってうまくいかない可能性がないとは言い切れませんので、自己責任でお願いします。

▼この記事の環境

  • WordPress 4.5.1-ja
  • AFFINGER
  • Google Chrom

itiran.phpのソース変更

WordPressの管理画面で
外観]→[テーマの編集]の順にクリック。

テーマの編集画面
 
 

右メニューの
itiran.php]をクリック。

テーマの編集/右メニューitiran.php
 
 

一行目のソースの「kanren」を「topnews」に書き換え。

一覧のアイキャッチ変更ソース1
<div id="kanren">

↓↓↓

<div id="topnews">
 

サムネイルを未設定のときでも同じレイアウトにしたい場合は「サムネイルを持っていないときの処理」の「width=”100″」(幅)と「height=”100″」高さの値を「150」に変更しておきます。

一覧のアイキャッチ変更ソース2
 
<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />

↓↓↓

<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="150" height="150" />
 
 

変更後は必ず[ファイルを更新]をクリックして保存します。

テーマの編集/ファイルを更新ボタン
 
 

変更完了後は必ず確認しておきましょう。

一覧のアイキャッチサイズ変更後
 
 

みごと、150×150pxで表示されました。
めでたしめでたし。

 

150×150px以外のサイズ表示はまた別の機会に…

   
 

 - SEO カスタムテンプレ, WordPressカスタマイズ , , , , , , , , , , , , , , , , , ,