• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2016年01月14日

ブログの写真を大きく表示させる方法 No.1

ブログの写真を大きく表示させる方法 No.1 iphonやスマホの小さい画面で見られてる方にはあまり関係ない話題かな?

でも載せた写真がタブレットやパソコンで見られてる方に大きく見せたい
と思われてる方、

せっかく綺麗な写真が撮れたので大きく見てもらいたいと思われてる方に


また以前圧縮アプリを
https://minkara.carview.co.jp/userid/1736453/blog/36489918/
こちらで紹介しましたが、圧縮してせっかく綺麗な写真をアップできてもブログで見る画像が小さいとあまり意味がないですね
そこでブログに載る画像を大きくする方法を紹介します。

検索すると何人かの方が載せてみえますが、私の覚えとしても載せようと思います。



この画像はiPadでブログを見た画像で
写真を大きくして載せたものです。
サイドメニューにかぶるまで大きくした写真と
一番下の切れてますがサイドメニューギリギリまで大きくした写真がわかりますね〜
見比べたい方は下から
https://minkara.carview.co.jp/userid/1736453/blog/37026045/





この画像は普通に載せた写真です
見比べたい方は下から
https://minkara.carview.co.jp/userid/1736453/blog/36064129/


普通に写真を載せると編集画面で

a href="/image.aspx?src・・・・・・・・
ct=493f439956d7" target=_blank><・・・style="WIDTH: 500px" al・・・
src="http://cdn.snsimg.c・・・・・・・

この様な訳のわからないプログラムが出ますよね。
500pxに注目してください
これは写真の横の長さを表す数字になります。

◎サイドメニューギリギリまで大きくしたい方は590〜625pxに変更してください。数字はスタイルにより多少異なりますので目安にしてください。
ここまではスタイルシートの変更無しでいけます。

◎このブログで説明するとサイドメニューの右に合わせるか右側いっぱいまで大きくしたい方は
925〜980pxに変更すればいいのですが
写真が右側で切れてしまいます。
そこでスタイルシートを弄る必要があります。
その方法は次回に(^_^;)

余談ですが980px以上に設定するとどうなるか確認してみました




思い切って1500pxにしてみました。
はいこんな感じに(^_^;)
こうなってる方、たまに見かけますね
これはiPadから見た時なので、パソコンで確認されてる方は写真が大きくなって良いのかもしれませんね。
でも一番スマートなのはNo.2でも紹介しますが980px以下で載せるのがいいと思います。
ブログ一覧 | スタイルシートを弄る | パソコン/インターネット
Posted at 2016/01/14 17:54:51

イイね!0件



タグ

今、あなたにおすすめ

ブログ人気記事

らあめん花月で、八王子みんみんラー ...
龍騎士さん

梅雨の合間の晴天に…
姫鈴さん

たまには
1・2・3・○○!!さん

祝・みんカラ歴3年!
cody.fielderさん

洗練されたオシャレなカフェにてクロ ...
アライグマのアライさん

差し込むだけで、しっかり固定
槌屋ヤックさん

この記事へのコメント

2016/01/14 20:16:00
こんばんは🎵

私、大体850でやってますよ(^_^)v
コメントへの返答
2016/01/15 07:25:14
おはようございます(^o^)/

850pxでも一番下の画像のようにはみ出してますが??
私のもはみ出してるのかなぁ(^_^;)
2016/01/14 21:16:46
最後の1500px、これはこれで好きな画です(^_^;)
コメントへの返答
2016/01/15 07:28:56
おはようございます(^o^)/

あははっ(^o^)

意味が違いますよね〜(笑)

2016/01/14 22:20:48
こんにちは。
勉強になります。前に調べてわからないままになっていたのでありがたいです。
続報も期待してます!
コメントへの返答
2016/01/15 07:33:50
おはようございます(^o^)/

お役に立てて光栄です(^o^)

写真を上に表示するのは、載せてる方が少なくて
検索に苦労しました(^_^;)
2016/01/14 23:27:12
こんばんは。

ブログ編集も初心者の域を脱け出せませんで…(´-ω-`)

今回のマキバ号さんのブログ…大変参考になりました(´∇`)
あとはどう実践に活かしていけるかですが…(笑)

私のスキルでは、クリエイターアプリで画像編集してもなかなか想い通りのサイズにならないので…(^^;

半ば諦めておりました‼





プラウザ版ですと、他にも…
フォントの大きさやら、色やら色々な設定がありますね〰(^^;

まだまだ全然使いこなせていません…f^^;
コメントへの返答
2016/01/15 07:58:05
おはようございます(^o^)/

私もそんなに詳しい訳ではないのですが

ブログにはURLを載せただけではリンクしませんよね〜
iPad iPhonからだとどうやってリンクするようにしたら良いのかもわからなかったです(^_^;)

パソコンからだと色も変えられるんですね
知らなかった(^_^;)
ありがとうございます(^o^)/
2016/01/15 16:23:02
そうだったんですか、参考になります(^^)

今度試してみようかな…
コメントへの返答
2016/01/15 19:46:34
コメントありがとうございます(^o^)/

参考になり嬉しいです。
現在価格を調べてみる

おすすめアイテム

 
 

プロフィール

夫婦で撮影を楽しんでます
みんカラ新規会員登録

ユーザー内検索

<< 2018/6 >>

     12
3456789
10111213141516
17181920212223
24252627282930

リンク・クリップ

メーカーが違う部品を流用 No.2 スズキ系スイッチ(シートヒーター・フォグランプ・ルームランプその他) 
カテゴリ:その他(カテゴリ未設定)
2015/11/15 11:53:19
メーカーが違う部品を流用 No.1 シガーソケットイルミ 
カテゴリ:その他(カテゴリ未設定)
2015/11/15 11:52:09
シフトゲートを光らせる加工 参考画像 
カテゴリ:その他(カテゴリ未設定)
2014/10/28 20:52:13

ファン

781 人のファンがいます

愛車一覧

ホンダ フリードスパイクハイブリッド ホンダ フリードスパイクハイブリッド
Honda FREED SPIKE HYBRID 2014年3月20日に納車 諸先輩方 ...
その他 ペンタックス PENTAX K-1 full fram (その他 ペンタックス)
PENTAX K-1 full fram Digital Single Lens Ref ...
三菱 eKワゴン 三菱 eKワゴン
MITSUBISHI eK wagon 2010年8月に購入 嫁さんの通勤 買い物用 ...

過去のブログ

2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
©2018 Carview Corporation All Rights Reserved.
閉じる