+本日の人気記事TOP10+
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法17
- Windows10で動かないアプリを動かす方法213
- カーメイトのエンジンスターターでエラー15表示と対処方法10
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー6
- アイドリングストップシステム異常警告灯表示対処方法6
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法5
- お風呂の枕バスピローおすすめと自作してみた。4
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)4
- 車のハンドルが重い時にできる対処方法4
WordPressを使用すると、
アイキャッチ画像の設定が簡単に可能になります。
中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。
そのStingerシリーズの最新版Stinger6でのアイキャッチ画像の設定し忘れした時に、
+これまでによく読まれている記事一覧クリックでOPEN+
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,561件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,367件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,488件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,164件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,227件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,232件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,411件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 148,561件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 105,367件の PV
Windows10,Windows8.1プロダクトキー確認方法 75,488件の PV
Windows10でエラーコード0x800705b4の対処方法 67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41,164件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 40,227件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。 38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 36,232件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 31,411件の PV
この記事を読まれている方におすすめ一覧クリック
プラグイン無し・プラグインを使用せずに自動でアイキャッチ画像を設定する方法です。
私は、
これまでにもいくつかのブログサービスにてブログをしてきました。
しかし、
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までを、
ランダムに表示という意味になるようです。
ちなみに設定し忘れると…。以下のようになります。
なので、
私は、現在7枚の.pngファイルを用意して、
FTPツールでサーバーに直接アップロードして7枚をランダムに表示されるようにしているということになります。
具体的なアップロード先は、
wp-content/themes/stinger6/images
の中になります。
正直アイキャッチ画像の設定を毎回毎回するのに選ぶのは面倒くさいです…。
内容にあった画像がない場合はファイルをアップロードして、
アイキャッチ画像の設定をするのは忘れてしまったりメンドイです…。
10枚くらいアップロードしておこうかなぁ。
なんて思ったりしています。
もしくは100枚くらい(汗)…。
Stinger6においては以上でアイキャッチ画像の設定し忘れた場合には、
上記でアップロードしておいた、
no-img1.png~no-img7.pngの画像ファイルが自動的に設定されるようになります。
今回はあえてアイキャッチ画像を設定せずに記事を投稿してみようと思います。
どんな画像が表示されるのかなぁ。
おすすめの記事一部広告
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法17
- Windows10で動かないアプリを動かす方法213
- カーメイトのエンジンスターターでエラー15表示と対処方法10
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー6
- アイドリングストップシステム異常警告灯表示対処方法6
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法5
- お風呂の枕バスピローおすすめと自作してみた。4
- Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)4
- 車のハンドルが重い時にできる対処方法4
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
Stinger6 Stinger7 WordPress カスタマイズ
カエレバ・ヨメレバをCSSでカスタマイズする方法
アフィリエイトリンクを作成してくれるカエレバブックマークレットやヨメレバブックマークレットを使用している方々は多いと思います。 私は、 カエレバ。というサイト?を知りはじめは意味がわかり…
インフィード広告アドセンス
-
Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録
ページ表示速度高速化レンダリングブロックを非同期にしてみる。
ここ最近…。本当にサイトの高速化、サイトのページ表示速度を速くしなければ!!なんて思い過ぎている私です。 ない知識をフルに活用してみてはいるものの、うまくいったりいかなったり、トライ・アンド・エラーそ…
インフィード広告アドセンス
-
WordPress4.5.2にアップデート・アップグレードし不具合はないか…。
WordPressの新バージョン4.5がリリースされて1ヶ月近く経ちました。そして、現在は4.5.2が最新バージョンになっています。新バージョンが出たばかりというのは、おおむね何にしても何かしらの不具…
インフィード広告アドセンス
「Stinger6, WordPress, カスタマイズ」同じカテゴリーの記事一覧
アドセンス336pxPC閲覧記事下表示1つ目コード
アクセスランキング
よろしかったらシェアよろしくお願いします。
-Stinger6, WordPress, カスタマイズ
-Stinger6, WordPress, アイキャッチ画像, カスタマイズ, 自動設定方法
[…] アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6 WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利で2015-12-29 02:19 […]