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

ブログに大きな画像を貼るための設定(画像準備編)

タイトル通りブログに大きな画像を貼るための設定を物忘れがひどいのでブログに記録しておきます。

設定方法等はさまざまあると思いますが現時点で自分でできる範囲の記録をします。
長くなりますので興味のないかたはスルーしてください。
スマホ版アプリで見ても画像サイズが同じで何のこっちゃなのでPCで見るとサイズの違いがわかります。

まず画像を準備します。
画像の準備は設定後でも構いませんが設定しながら確かめていった方がいいと思います





横幅800pixelですと少し小さいです。
このサイズですと、フォトギャラリーへアップしている画像をそのまま使えます。




横幅1,200pixelですと少しはみ出してしまい横スクロールで見るような感じになってしまういます。



この画像の横幅は1,020pixelです。
このぐらいがちょうどいいと思います。


大きい画像を貼るにはその大きい画像が保存されているweb上のアドレスが必要になります。
画像を準備するついでに画像テスト用にブログ1件作成しながら準備してみます。
②横幅1,200pixel
③横幅1,020pixel
の大きい画像はブログのアップロードでアップロードするので、ブログ投稿画面を立ち上げてブログのアップロードでアップロードし、ブログにアップロードした画像を選択します



画像を選択したら本文に赤丸部分が追加されます。


確認画面を押してブログ確認画面を表示します。


ブログ確認画面が表示されたら画像をクリックして大きい画像を表示させます。



大きい画像が表示されたら画像の上にマウスのポインタを合わせて右クリックし、出てきたプルダウンメニューの中からプロパティを選択クリックします。


大きい画像のプロパティが表示されます。
プロパティの中央くらいにアドレスがあるのでそのアドレスを選択し右クリックしプルダウンメニューの中からコピーを選択します。
コピー後プロパティはキャンセルし大きい画像は終了しブログ確認画面は修正を選択してブログ投稿画面へ戻してください。


ブログ投稿画面へ戻ったら赤丸の画像ボタンをクリックし画像URL入力画面を表示させます(上赤丸)。
入力欄へマウスのポインタを合わせ右クリックし大きい画像のアドレスを貼り付けまてOKを押します。



画像URL入力画面へ大きい画像のアドレスを貼り付けOKを押したら赤丸部分が本文へ追加されます。
ブログ確認画面を表示します。


フログ確認画面が表示されます。
画像右側赤丸部分の様に右側が欠けた状態で表示されます。
これを表示させるにはスタイルシートの設定をしなければ表示できませんのでせっかく作ったブログなので投稿するか下書きで保存しておきスタイルシートの設定をしながら確認表示で使用していきます。



①横幅800pixeの場合はフォトギャラリーへアップ後、ブログと同じように大きい画像を表示させてその画像のアドレスをコピーしてブログの画像URL入力画面へ貼り付けて下さい。
スタイルシートの設定方法はブログに大きな画像を貼るための設定(スタイルシートの設定編)へ続く
ブログ一覧 | 日記
Posted at 2015/07/19 00:18:27

イイね!0件



今、あなたにおすすめ

ブログ人気記事

おはようございます(^^)
takeshi.oさん

今日から5月です☺️
港塾さん

今日はお弁当🍱
ゆう@愛媛さん

そろそろ田植え
ふじっこパパさん

4年ぶりのイベント、楽しかったです
P.N.「32乗り」さん

GW5日目
hirom1980さん

この記事へのコメント

2015年7月19日 1:26
こんばんは。

ナンバー!ナンバー!
見えてますよ( ̄O ̄;)
コメントへの返答
2015年7月19日 5:41
おはようございます。
あちゃ~。
しっかり見えてましたね。
お知らせいただきありがとうございます。
<m(__)m>
後からそれぞれのサイズで追加した画像でした。

プロフィール

wa-pa-paです。 見た目はノーマルで少しずつ中身を弄っていきます。 皆さんのページを参考にさせて頂いています。 よろしくお願いします。
みんカラ新規会員登録

ユーザー内検索

<< 2024/5 >>

   1234
567891011
12131415161718
19202122232425
262728293031 

リンク・クリップ

趣味なら本気で! 一眼レフカメラ撮影テクニック~ステップアップへの道♪ 
カテゴリ:その他(カテゴリ未設定)
2016/01/24 09:48:17
 
スピーカーKICKER QS65.2 ツイーターインストール 
カテゴリ:その他(カテゴリ未設定)
2015/10/27 22:02:21
フロントドアのデッドニング 
カテゴリ:その他(カテゴリ未設定)
2015/05/22 21:29:49

愛車一覧

ホンダ フィット ホンダ フィット
ホンダ フィットに乗っています。 ホワイトパールです。
ダイハツ ムーヴコンテ ダイハツ ムーヴコンテ
ムーブコンテです。

過去のブログ

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月
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation