Ganponブログ

趣味の模型作り、ドライブ、旅行など
since Mar.2017

gooブログで本文のサムネイル画像サイズを変える方法

2018-12-23 20:27:40 | ブログ関連

私のブログで本文の画像サイズをw640サイズにして、画像をクリックすると拡大(基画像)を表示する事が有りますが、その方法を説明します。

gooブログのHTMLエディタには「リンク付きサムネイル」挿入が用意されていますが、サムネイルが小さすぎます。

そこで、ちょっと面倒ですが、この様にして対処しています。

【手順】
1.サイズの大きい画像(1920 又は 1024)でアップロードします。
2.HTMLエディタで、「リンク付きサムネイル」で画像を挿入します。
 こんな具合になります。

3.HTMLエディタで、「HTMLソースの編集」ボタンをクリックします。
 サムネイル画像のHTML文はこの様に書かれています。 

<span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg">
<img src="https://blogimg.goo.ne.jp/thumbnail/37/2a/65a76ed37a90916ca6e0ba249dfbde56_s.jpg" alt="" border="0" /></a></span></p>

一つ目の画像URLは基画像で、二つ目はサムネイル画像のものです。
赤字の部分が違っています。

4.「thumbnail」を「user_image」に書き換えます。
 
「_s.jpg」の「_s」を消去します。

5.alt=""」を「alt="" width="640" height="426" 」に変更します。
   
このサイズは本文表示時の値です。縦横比は基画像(1920x1278)の比から算出します。

6.この様に書き換わります。
<p><span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg">
<img src="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" alt="" width="640" height="426" border="0" /></a></span></p>

7.書き換えたら「更新」ボタンをクリックします。

8.「プレビュー」で上手くできたか確認して完了です。

9.因みに、「target="_blank"」を一つ目の画像URLの後に書き込むと、新しいタグで拡大画像を見るようにできます。

<p><span><a href="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" target="_blank">
<img src="https://blogimg.goo.ne.jp/user_image/37/2a/65a76ed37a90916ca6e0ba249dfbde56.jpg" alt="" width="640" height="426" border="0" /></a></span></p>



2 コメント

コメント日が  古い順  |   新しい順
詳しい解説有難うございます。 (0-sen)
2018-12-23 17:46:37
Ganpon殿、昨夜の私の質問に、本編記事としてアップして頂き、感謝申し上げます。
私も以前から、「リンク付きサムネイル」の画像が小さいのが不満で、何とか大きく出来ないかブログスタッフにもメールで問い合わせた事があるのですが、返事がありませんでした。そんな時、貴ブログで「リンク付きサムネイル」の画像が大きく表示されているのを見て、どうされているのか気になっていました。機会を見て貴殿に訊ねてみようと思っていたのですが、今回、その機会を得る事が出来ました。私の個人的な質問に回答頂き有難うございます。さすが、今までのキャリアですね。
私もMe163Sの完成時に、今回の記事を参考に試してみようと思います。そのMe163Sですが、全体塗装がほぼ終わった状態まで来ました。年内には何とか完成しそうです。でも、画像を大きく出来たら、完成時のアラが目立っちゃいますね(笑)
返信する
Re:詳しい解説.... (Ganpon)
2018-12-23 19:46:57
0-senさん、こんばんは。
Gooブログのツールがもう少し機能があるとよいのですが、次期の変更に期待したいです。
Me163sの完成も、もうすぐですね。
何時もながら、私の知らないものばかりで勉強になります。
返信する

コメントを投稿