いつもブログをご覧くださいまして、

ありがとうございますおねがい

 

 

日常に少しのツヤっぽさを。

日常に少しの特別感を。

日常に少しのドキドキ感を。

 

思わず身につけたくなる

アクセサリーをハンドメイド♪

 

日々の生活をより艶やかにする教室❤︎

 

 

 

大阪市中央区谷町六丁目・松屋町

 

日本グルーデコ協会認定校
Muse Accessories & Lessons 認定校 
Le Petit Pont〜ル・プティ・ポンのAyumi です。
 
 
実は、大学時代の主なアルバイトは
家庭教師とホームページ作成だった私です。
 
当時は、Windows95の時代。
大学入学時にメールアドレスが付与されて、
個人のホームページやら、BBSやら、
チャットルームやら…
そんなんを作って遊んでいたものです。
 
ホームページ作成は、
出版社と鉄道関連会社とを
掛け持ちしてやっていました。
 
HTMLのベタ打ちから始まり、
javaとかも扱いました。
大学卒業する頃はCSSが
出てきた頃でしたね。
 
ということで、最近の知識は
持ち合わせていないのですが、
今のブログでも役立つことは
ちょいちょいあります。


ブログを読んでくださっている
講師の皆さんのお役に立てれば
嬉しいです❤︎
 
※一番下に追記あります (2018.9.17)


・*:.。..。.:*・゚ ゚・*:.。..。.:*・゚゚・*:.。..。.:*・゚
 

 

ということで、第1回。

グルーデコの講師さんは、
アメブロを使われてる方多いと思います。

アメブロでは各記事の一番最初の画像が、
その記事のサムネイル画像(アイキャッチ画像ともいいます)として、

ブログの記事一覧やアメブロアプリの

チェックリストに表示されます。

 

こんなかんじですね↓


 






この右側の画像、

つまりサムネイル画像として表示される

画像が選べたらいいなーと思って

色々と調べたのですが…


どうやら今のアメブロの仕様では

選べないみたいで。。えーん

まぁ、ブログを見てくださる方に

一番見て欲しい画像を一番目にするのが

ベストなんでしょうけど…キョロキョロ


1番目の画像が
その話のオチだったりすることも
あるわけであせる


大阪人的には、オチは大事ですもんねkeroppi


 

文章を読む前から、
オチの写真が見えてるやん!
は悲しすぎるー!



もしくは、私の場合、
本編の前に余談を書いちゃうことが
多いのですが、

その時も困ったことになります。


例えば美味しいカレー屋さんに行って
その画像を載せたいのだけど、
それを載せちゃうと
本編とは関係ないカレーの写真が
サムネイルされてしまう!
という問題がありました。


ということで、
どうしても1枚目の写真を
サムネイル画像にしたくない場合の
方法をお伝えします!

 

 

実は、この記事のサムネイル画像、

皆さんが見ている記事の一枚目の写真

とは違うでしょう?

 

おそらく、

サムネイル画像として
一覧に表示されているのは
私の変顔写真グラサン
 
でも…、
皆さんがこの記事で見ている
一枚目の写真は…
(上を見てくださいね!)
スマホのスクリーンショットの画像。
 

 

あれ?

サムネイルの画像と

一枚目の画像が違う~?!

 

 
種明かしをしましょう。
 
これはですね、
実は一番最初の画像(=サムネイル画像として載せたい画像)を
目に見えないくらい小さ~くして
アップしているだけなのです。 

 
見えないでしょうけど、
この記事の本文手前に
私の変顔写真が表示されているのですわチュー


方法は簡単です。
 
(1)サムネイルに載せたい画像を記事の最初のほうに挿入する。
(2)スマホアプリの場合は、右下の「HTML編集」をクリックする。
(3)一番上にある<imgなんちゃら>のheight(高さ)とwidth(幅)を最小サイズの「1」にすればオッケー!

 
↓私のアメブロアプリの場合、デフォルトではheight、widthともに 420ピクセルになっています。
 

 

 

↓それをどちらも「1」に変更しました。

 

 

これで、画像の順番に関係なく、一番載せたい画像をサムネイル画像として載せることができるようになります。

ぜひ皆さんもお試しくださいね!

 

※追記あります※

今回の記事では、
サムネイル画像のサイズを1pxで
入れてるよう書いてますが、
0pxでもエラーにはならないようです。

0pxにすると、
ゴマ粒みたいなゴミが入らないので
さらに綺麗ですね!
教えてくださった読者さま、
ありがとうございます😊

 

 

.。.:*・゚+.。.:*・゚+.。.:*・゚+.。.:*・゚+.。.:*・゚

 

 

各種レッスン、絶賛募集中です。

まずは、お気軽にお問い合わせくださいませ。:.゚ヽ(´∀`。)ノ゚.:。+゚

 

レッスンのご予約・お問合わせはこちらからお願いします。

→→→ご予約・お問い合わせフォーム

 

Lesson Schedule

◇最新のスケジュールは随時更新しておりますのでこちらからご確認ください。→→→最新スケジュール

 

 

  

image

 

 
MUSEロゴ