アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6

[st_af id="8115"]

目次に行く･戻る

メルカリ招待コード：

+本日の人気記事TOP10+

WordPressを使用すると、

アイキャッチ画像の設定が簡単に可能になります。

中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。

そのStingerシリーズの最新版Stinger6でのアイキャッチ画像の設定し忘れした時に、

この記事を読まれている方におすすめ一覧クリック

→人気のカーナビランキングカーメンテナンスWAKO'S車バイク用オイル

カーメンテナンスワコーズ 車バイク用オイル

ワコーズカーメンテナンス

プラグイン無し・プラグインを使用せずに自動でアイキャッチ画像を設定する方法です。

私は、

これまでにもいくつかのブログサービスにてブログをしてきました。

しかし、

WordPress以外ではアイキャッチ画像の設定という項目はありません。
（私の知っている限りではm(__)m）

どうしてもユーザビリティや視認性を考えると、

アイキャッチ画像はあった方が良いのかなぁと思われます。

アイキャッチ画像がそそる画像ですと思わずクリックしてたくなるものかと思います。

Stinger6ではStinger5とちょっと仕様が変わっていました。

Stinger5では、以下のphpファイルの編集が必要だったようです。

itiran.php
kanren.php
newpost.php

Stinger6においても同様かと思っていたのですが、上記phpファイル内を確認してみると、

itiran.phpファイル内には以下のように記載されていました。

アドセンス336pxPC閲覧記事下表示1つ目コード

<?php 
 if ( isset($GLOBALS['stdata5']) && $GLOBALS['stdata5'] === 'yes' ) {
 get_template_part( 'itiran-thumbnail-off' ); 
 }else{
 get_template_part( 'itiran-thumbnail-on' ); 
 }

ということは、

template_partの後を見ると、

それぞれ

「itiran-thumbnail-on.php」

「itiran-thumbnail-off.php」

ファイルを読み込みなさい。

という命令かと思われます。

なので、

Stinger6においては上記の
itiran-thumbnail-on.php内の編集、もしくはitiran-thumbnail-off.phpの編集をする必要がありました。

kanren.phpファイルを確認してみても、以下のように同じような記載でした。

<?php 
 if ( isset($GLOBALS['stdata5']) && $GLOBALS['stdata5'] === 'yes' ) {
 get_template_part( 'kanren-thumbnail-off' ); 
 }else{
 get_template_part( 'kanren-thumbnai-on' ); 
 }

上記と同じように、

kanren-thumbnail-on.php、kanren-thumbnail-off.php

を読み込みなさいという命令かと思われます。

さらに、

newpost.php内を確認してみると以下のように記載がありました。

<?php if ( $GLOBALS["stdata13"] === '' ) {
 if ( isset($GLOBALS['stdata5']) && $GLOBALS['stdata5'] === 'yes' ) {
 echo '<h4 class="menu_underh2"> NEW POST</h4>';
 get_template_part( 'newpost-thumbnail-off' ); 
 }else{
 echo '<h4 class="menu_underh2"> NEW POST</h4>';
 get_template_part( 'newpost-thumbnail-on' ); 
 }
 }

ということは上記同様に、

newpost-thumbnail-on.php、もしくはnewpost-thumbnail-off.php

ファイルを読み込みなさいという命令かと思われます。

なので、

Stinger6においては、

画像をサムネイル表示している際に変更するphpファイルは以下の3点になります。

itiran-thumbnail-on.php
kanren-thumbnail-on.php
newpost-thumbnail-on.php

具体的な変更箇所は以下画像部分になります。

この中に、

<?php else: // サムネイルを持っていないときの処理 ?>
 <img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
 <?php endif; ?>

という部分があります。

この部分を全体で言うと以下のように変更します。

<?php else: // サムネイルを持っていないときの処理 ?>
 <img src="<?php echo get_template_directory_uri(); ?>/images/no-img<?php echo(rand(1,7)); ?>.png" alt="no image" title="no image" width="100" height="100" />
 <?php endif; ?>

<?php echo(rand(1,7)); ?>

参考サイト様によると、
Stinger5でno-imageサムネイル画像を美しい写真に変更してランダム表示させる方法
この部分は自分が用意したno-img1.png～no-img7.pngまでを、

ランダムに表示という意味になるようです。

Amazon ガレージサービス

【スタッドレスタイヤのご購入と交換をもっと便利に】カー用品取付/交換サービス

: WordPressプラグインなしでコンタクトフォームを作成方法

: スマホやモバイル端末でサイドバー非表示・削除にする方法

: Stinger7にテーマ変更してみたが…。

: カエレバ・ヨメレバをCSSでカスタマイズする方法

: WordPressブログカード作成方法

Total181

アクセスランキング

目次に戻る

よろしかったらシェアよろしくお願いします。

この記事タイトルとURLをコピー

-Stinger6, WordPress, カスタマイズ
-Stinger6, WordPress, アイキャッチ画像, カスタマイズ, 自動設定方法

目次に戻る

コメントを閉じる

RSSフィードにアイキャッチ画像を表示させる方法Feedlyなど | WordPressデビュー津々浦々より:
2016年11月16日 3:39 AM
[…] アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6 WordPressを使用すると、アイキャッチ画像の設定が簡単に可能になります。中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利で2015-12-29 02:19 […]
返信

comment コメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

Stinger6トップページ記事間にアドセンス広告を表示・入れる方法

WordPress,css外部ファイル化方法Stinger

人気記事一覧

プラグイン無し・プラグインを使用せずに自動でアイキャッチ画像を設定する方法です。

itiran.phpファイル内には以下のように記載されていました。

kanren.phpファイルを確認してみても、以下のように同じような記載でした。

newpost.php内を確認してみると以下のように記載がありました。

画像をサムネイル表示している際に変更するphpファイルは以下の3点になります。

ちなみに設定し忘れると…。以下のようになります。

正直アイキャッチ画像の設定を毎回毎回するのに選ぶのは面倒くさいです…。

おすすめの記事一部広告

おすすめ！！

おすすめ2

あなたにおすすめ

「Stinger6, WordPress, カスタマイズ」同じカテゴリーの記事一覧

アクセスランキング

comment コメントをキャンセル