- ベストアンサー
fc2ブログにアップした画像が縮小されてしまう!
画像の自動縮小についての質問お願いします。 ブログに横800×縦500の画像を原寸表示させたいのですが、 どうしてもその半分ほどに縮小された画像が表示されてしまいます。 画像アップ時にサムネイルは作成していません。原寸画像のみのアップです。 この設定を失くし原寸で画像を表示させるには、 ブログの環境設定などをカスタムすればいいのか、 それともなにか特定のタグをカスタムすればいいのか、 それぞれ目を通しましたが判断がつきません。 皆様のお知恵を拝借したいと思っております。 よろしくお願いします。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
>画像アップ時にサムネイルは作成していません。 ということは、[ファイル管理] の画面で、その画像の右側には [サムネイルで記事を書く] ボタンは付いていませんよね。 普通、その状態で、[この画像で記事を書く] ボタンをクリックすると、ブログの編集画面には <a href="http://blog-imgs-**.fc2.com/*/*/*/*****/fc2.jpg" target="_blank"><img src="http://blog-imgs-**.fc2.com/*/*/*/*****/fc2.jpg" alt="******" border="0" /></a> というようなHTMLが表示されていると存じますが、ここで、 >横800×縦500の画像 でしたら、 >その半分ほどに縮小された画像が表示されてしま うのではなくて、右半分が切れたような画像が表示されているはずです。 「半分ほどに縮小され」ているのではなくて、「右半分が切れ」ているでよろしいでしょうか? 上記を踏まえて、 >原寸で画像を表示させるには ということを考えたときに、方法は2つあります。 (A)「半分ほどに縮小された画像」を表示しておいて、それをクリックすると「原寸で画像を表示」する。 (B)ブログの本文に、そのまま「原寸で画像を表示」する。 (A)の場合は、 <a href="http://blog-imgs-**.fc2.com/*/*/*/*****/fc2.jpg" target="_blank"><img src="http://blog-imgs-**.fc2.com/*/*/*/*****/fc2.jpg" alt="******" border="0" /></a> の中の一番最後の /></a> の部分を width=100%></a> に変更してください。 (B)の場合は、下記のような操作でできないこともありませんが、HTMLの知識をお持ちでない方が操作されると、ブログの体裁が大いに崩れる原因ともなり、私としては、(1)の方法を強くお薦めいたします。 1)[ブログ編集画面] - [左サイドメニュー] - [環境設定] - [テンプレートの設定] をクリック。 2)[テンプレート名/プレビュー] の一覧の中から、[適用] ボタンの下に赤い旗印の付いているものの右側の [複製] ボタンをクリック。 3)ここで、元々のテンプレート名が「*****」だったとすると、「*****_1」というテンプレートができますので、その左の ラジオボタン をクリックして、その上の [適用] ボタンをクリックします。 4)同じ画面の下の方にある [*****_1 のスタイルシート編集] の下のテキストボックスから /* メイン */ という行を探します(インターネット ブラウザ の検索機能で「/* メイン */」を探す)。 5)その下にある #blog{ の下の width:482px; というような行(width で始まる行)を見つけて、これを /*width:482px;*/ というように書き換えてください(行を削除しても構いません)。 5)最後にその テキストボックス の下にある [更新] ボタンをクリックします。 以上で、 >横800×縦500の画像 がそのまま表示されるようになりますが、それと引き替えに >ブログの体裁が大いに崩れ たと存じます。 やっぱり(A)の方がいいということがお分かりになれば、 6)[テンプレート名/プレビュー] の一覧の中から、「*****」の左の ラジオボタン をクリックして、その上の [適用] ボタンをクリックします。 7)「*****_1」の右の [削除] の欄にある [×] をクリック、「本当に削除しますか?」で [OK] をクリックします。 8)(A)の操作をしてください。 なお、 >HTMLの知識をお持ち の場合は、[*****_1 のHTML編集] と [*****_1 のスタイルシート編集] とを大いに弄くり回して、お好きなように編集なさってください。 気に入らなければ、(6)・(7)の操作をすればよいだけのことです。
お礼
丁寧な説明ありがとうございました! HTML欄のJavaスクリプトの数値をカスタムしたところ、無事原寸表示できるようになりました^^ 今まで勘だけでカスタムしていたので、こういった不測の事態にホントに弱いです…;; また画像関係で悩んだら、今回頂いた回答を参考にさせていただきます☆ ありがとうございました!