解決済
サムネイル画像で、縦画像と横画像の大きさを同じにしたいのですが・・・
今は縦画像のみ掲載しているのですが、このサムネイルのサイズは「160x240px」。横画像をアップするとそのサムネイルは幅が「160px」のままになってしまいます。
出来れば横画像のサムネイルも「240x160px」にしたいのです。
これってCSSを書き換えるしかないと思うのですが、どの様にしたら良いのでしょうか?
2006-06-05 21:47の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2006-06-06 15:38:36

自動でできるサムネイルは、livedoor Blog内部のプログラムでやっていることなので、外から、自分のところだけ変えるということはできません。
しかし、サムネイルのサイズを「240x160px」にする方法は、2つあります。
どちら方法でも、一つの記事に写真を何枚も追加することができます。
WYSIWYGエディタの場合は、記事を書いている時に載せた写真が見え、文字を扱うようにドラッグ等で配置替えもできます。
一番簡単なのは、livedoor PICSを利用することです。
livedoor PICS(http://pics.livedoor.com/)に登録し、画像をアップロードしておいてください。
そうすると、記事入力欄の上に並んだ便利ボタンの中の[PICS]ボタンで投稿記事に挿入することができるようになります。
(Mac Safariの場合は、「PICSの写真から選択」をクリック。)
その場合はサムネイルの幅を、SQサイズ(75px) 、Sサイズ(100px)、Mサイズ(240px)の中から選ぶことができます。
Mサイズを選べば、ご希望のサイズになりますね。
画像の下に[Enlarge Photo]という小さなボックスがつきますが、ジャマなら削除してしまっても構いません。
もう一つは、自分で「240x160px」の画像もアップロードして、サムネイルに使う方法です。
画像の挿入の方法は、「アップするファイルを選択」以外にもあります。
まずは、ライブドアが用意しているガイドから
「画像をアップロードする」
http://helpguide.livedoor.com/help/blog/guide/grp1...
「画像を投稿する」
http://helpguide.livedoor.com/help/blog/guide/grp1...
をご覧下さい。
このガイドの例は少し古く、現在は、投稿入力欄の上にある
便利ボタンの[IMG]ボタンをクリックすれば、
画像投稿のウィンドウがポップアップするようになっています。
「サムネイル作成」のチェックを外せば、サムネイルは作られず、元の大きさの画像が貼り付けられますので、ご自分で240×160pxの画像と、拡大用の画像をアップロードし、選択して、[LINK]ボタンで、大きな画像へのリンクを付ければ、サムネイルになります。
Mac Safariの場合は、ご自分で、サムネイル用の画像のHTMLタグの前に
しかし、サムネイルのサイズを「240x160px」にする方法は、2つあります。
どちら方法でも、一つの記事に写真を何枚も追加することができます。
WYSIWYGエディタの場合は、記事を書いている時に載せた写真が見え、文字を扱うようにドラッグ等で配置替えもできます。
一番簡単なのは、livedoor PICSを利用することです。
livedoor PICS(http://pics.livedoor.com/)に登録し、画像をアップロードしておいてください。
そうすると、記事入力欄の上に並んだ便利ボタンの中の[PICS]ボタンで投稿記事に挿入することができるようになります。
(Mac Safariの場合は、「PICSの写真から選択」をクリック。)
その場合はサムネイルの幅を、SQサイズ(75px) 、Sサイズ(100px)、Mサイズ(240px)の中から選ぶことができます。
Mサイズを選べば、ご希望のサイズになりますね。
画像の下に[Enlarge Photo]という小さなボックスがつきますが、ジャマなら削除してしまっても構いません。
もう一つは、自分で「240x160px」の画像もアップロードして、サムネイルに使う方法です。
画像の挿入の方法は、「アップするファイルを選択」以外にもあります。
まずは、ライブドアが用意しているガイドから
「画像をアップロードする」
http://helpguide.livedoor.com/help/blog/guide/grp1...
「画像を投稿する」
http://helpguide.livedoor.com/help/blog/guide/grp1...
をご覧下さい。
このガイドの例は少し古く、現在は、投稿入力欄の上にある
便利ボタンの[IMG]ボタンをクリックすれば、
画像投稿のウィンドウがポップアップするようになっています。
「サムネイル作成」のチェックを外せば、サムネイルは作られず、元の大きさの画像が貼り付けられますので、ご自分で240×160pxの画像と、拡大用の画像をアップロードし、選択して、[LINK]ボタンで、大きな画像へのリンクを付ければ、サムネイルになります。
Mac Safariの場合は、ご自分で、サムネイル用の画像のHTMLタグの前に
<a href="大きな画像のURL" target="_blank">サムネイル用の画像のHTMLタグの後に
</a>と付けてください。
回答レベル : 回答
>万年床生活者さん
>SVさん
>horseflyさん
丁寧なご回答、コメントありがとうございます。
なるほど・・です。やはりその2方法しかないですよね。
私がやるならば、別のサムネイルを作るなどすれば良いのですが、実はアップロードするのはまた別の人なんです。
しかもタグやら何も出来んとです(笑)
普通にサムネイル選択が「livedoor PICS」の様に出来れば理想ですよね。
ありがとうございました!また見かけた際には宜しくお願いします!!
1.
2006-06-06 09:13:23
サムネイルのサイズはCSSではなく、ライブドアのシステム(アップロードの際、自動でサムネイルを作るシステム)の問題のような気がします
CSSやタグで無理やりサイズをしてすることも出来ますが、画像が粗くなってしまいます
ブログ拝見しましたが、せっかくキレイな写真なのでそれはもったいないです・・
現状のまま妥協するか、
手間よりデザインを重視されるなら、万年床生活者さんのコメントどおり、画像ソフトなどで自分で編集したサムネイル画像とオリジナルサイズの画像2枚アップロードするかどちらかになりそうです
お力になれなくてすみません
CSSやタグで無理やりサイズをしてすることも出来ますが、画像が粗くなってしまいます
ブログ拝見しましたが、せっかくキレイな写真なのでそれはもったいないです・・
現状のまま妥協するか、
手間よりデザインを重視されるなら、万年床生活者さんのコメントどおり、画像ソフトなどで自分で編集したサムネイル画像とオリジナルサイズの画像2枚アップロードするかどちらかになりそうです
お力になれなくてすみません
Ads By Google
コメント(4)
#1. 万年床生活者(謹慎中)
2006-06-06 07:16:18
「CSSを書き換えるしかない」なんてムズかしいことを言わずに
単純に
サムネイル用の画像と実画像を別にアップされてはいかがでしょうか。
<a href="実画像のURL" target="_top"><img src="サムネイル用画像のURL"></a>
#2. 万年床生活者(謹慎中)
2006-06-06 11:33:51
#3. 万年床生活者(謹慎中)
2006-06-06 11:35:57
#4. 万年床生活者(謹慎中)
2006-06-07 01:21:28
解決おめでとうございます(^^)
livedoor PICSを使えばサムネイルのサイズが選べるんですか。
勉強になりました。
