Loading…

記事内にプロモーションが含まれています。

フォレスト出版
¥2,047 (2024/03/15 08:52時点 | Amazon調べ)

Stinger6 WordPress カスタマイズ

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

記事上に人気記事表示

所要時間目安:3

This session is using  IPv4  is established in

この記事は2015年12月29日のものです。現在は状況が異なる可能性がありますのでご注意ください。

Stinger6 WordPress カスタマイズ

目次に行く・戻る

メルカリ招待コード:

WordPressを使用すると、

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

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

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


この記事を読む方へのオススメ


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

私は、

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

しかし、

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

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

Stinger6アイキャッチ画像自動設定

 

この中に、

<?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までを、

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

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

 

Stinger6アイキャッチ画像設定なし

なので、
私は、現在7枚の.pngファイルを用意して、
FTPツールでサーバーに直接アップロードして7枚をランダムに表示されるようにしているということになります。

具体的なアップロード先は、
wp-content/themes/stinger6/images

の中になります。

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

内容にあった画像がない場合はファイルをアップロードして、
アイキャッチ画像の設定をするのは忘れてしまったりメンドイです…。

10枚くらいアップロードしておこうかなぁ。

なんて思ったりしています。

もしくは100枚くらい(汗)…。

Stinger6においては以上でアイキャッチ画像の設定し忘れた場合には、
上記でアップロードしておいた、
no-img1.png~no-img7.pngの画像ファイルが自動的に設定されるようになります。

今回はあえてアイキャッチ画像を設定せずに記事を投稿してみようと思います。
どんな画像が表示されるのかなぁ。

あなたにおすすめ

Stinger7のように関連記事画像を丸く

WordPress カスタマイズ 伝えたいこと 備忘録

Stinger7の様に関連記事画像をStinger6でも丸くする方法

WordPressのテーマでStinger6がリリースされた頃に私はWordPressにてブログを始めてみました。 そう思っていたら、Stinger7がおおよそ1ヶ月半後にβ版としてリリースされました…

もっと読む

インフィード広告アドセンス

no image

php WordPress

PHPバージョン5.5に設定変更方法

WordPressで使われているphpというものがあります。 これにもバージョンがあるらしく、 現状私が利用させていただいているサーバーのバージョンは5.5ではなく5.2.17でした。 そして、 Fa…

もっと読む

インフィード広告アドセンス

microsoftimegoogle日本語入力

PC カスタマイズ カスタマイズ 伝えたいこと 備忘録 設定

MicrosoftIMEショートカットキー一覧Google日本語入力も同じ

これまで、日本語入力にソフトには元祖のジャストシステムさんのATOKや、WindowsOSの標準装備されたIME、もしくは、Google日本語入力などがメインではないでしょうか?その日本語入力(IME…

もっと読む

インフィード広告アドセンス

見出しタグ挿入方法

WordPress 不具合

WordPressビジュアルエディタで見出しタグが挿入できない場合の対象方法

WordPressにて、 ブログを始めたのはここ数日前です。 しかし、 WordPressのビジュアルエディタにて、 見出しタグの挿入時に範囲選択した場所以外も見出しタグが挿入されてしまう。 という現…

もっと読む

インフィード広告アドセンス

カバレッジの問題が新たに検出されました解決方法

WordPress カスタマイズ カスタマイズ テーマ 不具合 伝えたいこと 備忘録 設定

Search Consoleカバレッジに関する問題解決方法AFFINGERなど

時々、Search Consoleからさまざまなエラー報告内容のメールや問題があります。という通知メール内容が来ることがあります。特に多いのがガバレッジに関する問題があります。という通知メール内容が多…

もっと読む

インフィード広告アドセンス

背景画像の設定方法

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 備忘録

WordPressのStinger6とStinger7で背景画像を設定する方法

WordPressの無料テーマで有名なStingerがあります。 現在での一番新しいバージョンはStinger7ですが当ブログにおいては今のところStinger6を使用しています。 背景に画像を設定し…

もっと読む

おすすめの記事一部広告

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

お小遣い稼ぎにアンケート。

Multiplex 広告

Googleニュース

2024-04-19

自動車保険や自動車税、メンテナンス費用を含む月額利用料で、中途解約可能なサービスを通じて、手軽にドレスアップを楽しむことができる。 情報提供元 ...

2024-04-19

また、自動車保険には代理店型と通販型の2種類あり、通販型のほうが保険料が安い傾向にあります。 定期的にメンテナンスを行う. 定期的にメンテナンスを行 ...

2024-04-19

リコールとは、クルマの設計・製造段階において部品や構造の問題があり、これを自動車メーカー自らの判断によって修理・部品交換などを行う制度。 該当する ...

2024-04-19

単に電動を売り出すだけでなく、メンテナンスアプリによる健全な中古市場の育成やバッテリー交換ステーションの整備など、大きなエコシステムを構築 ...

2024-04-18

コンパクトカー · チューニング · メンテナンス · 「織り目がない!?」AKNドライカーボンとは? アバルト「595」の注目カスタムパーツを3つ紹介します · review ...

Total236


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

目次に戻る

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

-Stinger6, WordPress, カスタマイズ
-, , , ,

目次に戻る

目次に戻る


コメントを閉じる
  1. […] アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6 WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利で2015-12-29 02:19 […]

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

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