WordPressを使用すると、
アイキャッチ画像の設定が簡単に可能になります。
中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。
そのStingerシリーズの最新版Stinger6でのアイキャッチ画像の設定し忘れした時に、
Loading…
WordPressを使用すると、
アイキャッチ画像の設定が簡単に可能になります。
中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利です。
そのStingerシリーズの最新版Stinger6でのアイキャッチ画像の設定し忘れした時に、
私は、
これまでにもいくつかのブログサービスにてブログをしてきました。
しかし、
WordPress以外ではアイキャッチ画像の設定という項目はありません。
(私の知っている限りではm(__)m)
どうしてもユーザビリティや視認性を考えると、
アイキャッチ画像はあった方が良いのかなぁと思われます。
アイキャッチ画像がそそる画像ですと思わずクリックしてたくなるものかと思います。
Stinger6ではStinger5とちょっと仕様が変わっていました。
Stinger5では、以下のphpファイルの編集が必要だったようです。
Stinger6においても同様かと思っていたのですが、上記phpファイル内を確認してみると、
<?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の編集をする必要がありました。
<?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
を読み込みなさいという命令かと思われます。
さらに、
<?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 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の画像ファイルが自動的に設定されるようになります。
今回はあえてアイキャッチ画像を設定せずに記事を投稿してみようと思います。
どんな画像が表示されるのかなぁ。
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
PC カスタマイズ ツール ブックマークレット 伝えたいこと 備忘録
ブログをやっている方やサイト運営されている方って、必ずと言っていいほど引用することが出てくると思います。 毎回毎回、 引用部分をコピペして引用元サイトのURLリンクなどを何度かの操作をして作るのって面…
WordPressでAdSenseコードを任意の場所に挿入する方法です。 <!--more-->タグの後に必然的にアドセンス広告を表示させる方法と、 ショートコード化して任意の場所にアドセ…
WordPressで使われているphpというものがあります。 これにもバージョンがあるらしく、 現状私が利用させていただいているサーバーのバージョンは5.5ではなく5.2.17でした。 そして、 Fa…
AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネット カスタマイズ 伝えたいこと 備忘録
今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。 そして、 そのSNSには拡散してもらう為のボタンがあります。 多くのブログやホームページなどのサイトでよく目にかけま…
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ テーマ 不具合 伝えたいこと 備忘録
えーっと、この度WordPressのバージョンを4.6.1にバージョンアップしてから管理画面にjetpack4.3.2のダッシュボードを表示した際に、ちょっとしたWarningメッセージが表示されるよ…
PC Windows10 カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定
Webサイトやご自分で記述した文章などを音声にて読み上げて確認してみたい場合には、Windows標準で搭載されている拡大鏡というアプリを使用すると、メモ帳やテキストエディタやWordなどの文書作成ソフ…
よろしかったらシェアよろしくお願いします。
[…] アイキャッチ画像設定し忘れプラグインなし自動設定方法Stinger6 WordPressを使用すると、 アイキャッチ画像の設定が簡単に可能になります。 中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利で2015-12-29 02:19 […]