ブログに複数の画像を貼る方法をたま~に聞かれるのですが、文章のみで説明するのは難しいし
伝わりにくいので、記事にしちゃいました。
※やり方は、gooブログの使い方にも載ってます。
が、分かりにくいみたいで。文章だけじゃ不親切ですよね。
もうちょっと丁寧に画像つきで説明してくれればいいのに…。
ということで、複数貼ったことない方、良かったら参考にして下さいね。
ちなみに、真ん中寄せとか枠線つきも出来るみたいですが、これは私もまだやったこと無いので
聞かないで下さい(笑)
それから、私は普段「TEXTエディタ」ではなく、「HTMLエディタ」を使っています。
記号や文字の装飾、挿入した画像などが、プレビュー画面無しでもそのまま表示されて直接編集
できるので(Wordの感覚で使える感じ?)、タグの使い方などに慣れない方は、こちらの方が使い
やすいかもしれませんので、お試し下さいね。
「HTMLエディタ」には、下の写真右上の方の青丸○で囲んだ部分で切り替えできます。
例えば文字の色を変えたかったら、その文字を選択して、左から4番めの「T」ボタンをクリック
して、好きな色を選ぶだけカラーも豊富です。
各ボタンの意味は、ボタンにカーソルを合わせると表示されます。
また、詳しくはボタンの並びの右端にある青丸○で囲んだ部分「使い方は、こちら」
で説明があります。
前置きが長くなりました
では、はじめます
(1)あらかじめ「画像フォルダ」に画像をアップロードしておく
これは1枚の時と同じなので分かりますよね?
①の所です。上の写真みたいに、記事の編集中の状態でクリックしちゃうと、書きかけの内容が
全部消えちゃうのでご注意
(私は「画像を選択/解除」ボタンと間違えてよくやっちゃう…)
必ず、使いたい写真は全部、先にアップロードしておきましょう
(後から追加したい時は、一旦書きかけの記事を「下書き」で投稿してからならOK)
(2)記事編集画面を開き、「画像を選択/解除」ボタンをクリックする
②のボタンです。ここまでは1枚の時と同じです。
先に記事を書いて後から写真でも、先に写真を入れておいて記事を書いてもOK。
(3)掲載したい画像写真をクリックする
「この画像を使用」ではないので注意
写真そのものをクリックします。
そうすると、その写真1枚だけの別枠が表示されます。
(4)写真1枚だけ表示された枠のアドレスバーに書かれているURLをコピーする。
画像右上あたり、四角で囲まれたアドレス、これが「画像のURL」になります。
目当ての写真1枚だけが保存されている場所のアドレスです。
表示しきれてないくらいやたら長いですが、間違えずに最後まで全部コピー
(5)編集画面に戻り、記事投稿画面の「IMG」ボタンをクリックする
写真の画面や、画像一覧はもう閉じてしまってもかまいません。
画像を入れたい場所にカーソルを置き、「IMG」ボタンを押します。
ちょっと戻りますが、最初の説明用画像の中の③が、「HTMLエディタ」での「IMG」ボタンです。
人物の形です。操作は「TEXTエディタ」でも同じです。
(6)(4)でコピーした画像のURLを貼り付けて「OK」ボタンをクリックする
小さな枠が表示されますので、そこにさっきコピーした「画像のURL」を貼り付けます。
(7)リンク先のURLを入力し「OK」ボタンをクリックする
これが混乱しやすいのですが、「OK」をしてもまた同じような枠が出ますね。
これは、表示された写真や画像をクリックしたら、その画像に関連して紹介したいサイトに飛べる
ように、リンクさせたい時に使います。
例えば、映画の写真を載せて、写真をクリックしたら、その映画のサイトにジャンプできるように
したい時などに使います。
特にリンクさせる必要がなければ、そのまま何もせずに「OK」を押します。
これで、画像が表示されているはずです。
「TEXTエディタ」なら、プレビュー画面を確認して下さいね。
続けて2枚目以降も、(2)から同じ作業を続けます。
説明を見るとすごく面倒くさそうですが、慣れればすぐできるようになりますよ。
以上偉そうに説明しましたが、私もPCに詳しいわけではなく、手探りで覚えたので、うまく説明できて
るかどうか自信がありません 悪い癖で、説明が長いし…
分かりにくい所や、やってみたけどつまづいた、という所があったら、どうぞご指摘くださいね
「機微談語」のじおさんが、中央寄せの方法をアップして下さいました
とっても分かりやすいので、ぜひこちらもご覧くださいね
「機微談語」画像のお話
最新の画像[もっと見る]
- RRRがハチャメチャに面白かったので語りたい 1年前
- RRRがハチャメチャに面白かったので語りたい 1年前
- RRRがハチャメチャに面白かったので語りたい 1年前
- 年賀状 2年前
- 年賀状 2年前
- 2022年10月に読んだ本 2年前
- 2022年10月に読んだ本 2年前
- 2022年10月に読んだ本 2年前
- 2022年10月に読んだ本 2年前
- 2022年10月に読んだ本 2年前
”この画像を使用”を、いつも、クリックしていたのですよ、私。(笑)
とっても分かりやすく説明されてますよ~
実は私、今まで一度もHTMLエディタを使ったことがありません。
説明を読むのがめんどくさかったので、
読まずにやったら当然うまくいかなかったので
「もういいや。」と諦めておりました
しかも画像のURLを貼り付ける時に出る
2つめの「リンクさせたいURLを記入してください。」の枠の意味を知らずに
適当に2回OKボタンをクリックしてましたし
実はとっても便利な機能がついていたのですね!(笑)
とっても勉強になりました♪
ひなにゃんこさん、どうもありがとうございました~
私も、ひなにゃんこさんのお陰で何とか出来るようになったわけですが今回は親切にも画像を使い、順を追って丁寧に説明されているので、とても解りやすいと思います。
Halloween画像ぺたぺた貼ってくださいね。
コレで私も複数枚数貼り付けにチャレンジできそうです!(今迄さっぱり解らなかったので…(苦))
参考にさせていただきますvv有難うございました!<お辞儀。
でも、これ、すごい、ひなにゃんこさんの、専門が、何なのか、知りたい。
論理的な方ですね。
(かくいう私、感情型。)
これは、GOOの本部に、手紙を出して、伝えたい程です。不真面目なGOO!(問題は、GOO本部住所が、わからないのです。)
まだ、試していないので、うまくいったら、又、ご報告いたします。
有難うございました。って、もし、これでも、できなかったら(複数画像)、私の脳みそって、いったい?
1枚だけ載せるならそれでいいのですが、2枚以上となるとまるで手順が変わってしまうのが面倒な所です。
「この画像を使用」の横か下にでも、「この画像のアドレスを表示」というボタンを作ってくれれば、操作に慣れない人にも分かりやすいのにな、と思います
みーやさんは、「TEXTエディタ」なのですね。
ある程度タグに慣れていれば、細かいレイアウトなどをするには、「TEXTエディタ」の方がいいですよね。
ホームページを作ったことがあるので、ある程度は分かるのですが、面倒で「HTMLエディタ」を使っています
でも、「HTMLエディタ」は操作は楽なんですが、例えば“一部だけ中央寄せ”などができないようで、中央寄せボタンを押すと、記事まるごと真ん中に寄っちゃうんです
文字色やサイズは指定の範囲だけで変えられるのに、なぜ…?と不思議でなりません
「1段下がる」みたいなボタンもありますが、全部の文章がまるごと下がるという…なんか無意味なボタンです
私はマニュアルを読むのが好きで(笑)複数画像の貼り方も、調べてなんとかなったのですが、gooの説明は、特に女性や年配の方などPCの操作やマニュアルに慣れない人は分かりにくいだろうな、と思っていたんです。
それでも、つい説明が長くなっちゃうのが私の悪い癖で、これは果たして「分かりやすくなった」といえるのかな?と心配でした。
幸い喜んでいただけているようなので、一安心です
最近はすっかり街でもクリスマス並にハロウィンの飾りつけをしたり商品が出たりと賑わってますが、私の子供の頃は「ハロウィンて何?」という感じだったので、いまだにピンとこないんですよ
具体的にいつのことを指すのかもよく分かっていない始末で、装飾が見かけられるようになると「そろそろハロウィンなのか」と察し、無くなると「いつの間にやら終わったなぁ」という感じで…
なので、今年も全く無縁のまま過ごしておりました