┏…━━━━━━━━━━━━━━∴★☆
画像を載せてブログを飾ろう
☆★∴━━━━━━━━━━━━━━…┛
こんにちは！(｡･ω･)ﾉﾞ
本日はブログへの画像の載せ方をレクチャーします♪
文字や文章の色を変えたり強調も大事な事ですが、
それ以上に視覚的に効果のあるもの…
それはズバリ、【画像】です！！
言葉で100万円！
というのと、実際の100万円の札束を見るのでは、
受ける印象が変わってくると思います。
どちらにも良し悪しはありますが、
「言葉と画像」
両方あるのがベストかもしれません♪
画像の貼り方の前に、画像をどこから集めてくるか、
または撮影するのか、という事を考えてみましょう♪
皆様が携帯で撮影した写真を載せるもよし、
Googleの画像検索で見つけた画像を貼るもよし…
画像なんて、無限にあると思って構いません。
その選び方の方が重要ですから！
では画像を用意したとして、その画像をどうやって
アメブロにアップするのかという方法を伝授します♪
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
アメブロに画像をアップロードする
ブログ記事に画像を貼りつける
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
からやってみましょう。
■━━━━━■
ＳＴＥＰ１
■━━━━━■
まず、ブログやプロフィールに載せたい画像を、
皆様のＰＣの中に保存します。
■━━━━━■
ＳＴＥＰ２
■━━━━━■
アメーバのマイページにログインしたら、
上側メニューの【アメブロ】をクリックし、
記事投稿画面を開く。
■━━━━━■
ＳＴＥＰ３
■━━━━━■
画面左側のメニューから、
【画像フォルダ】をクリックする。
■━━━━━■
ＳＴＥＰ４
■━━━━━■
画像の追加という画面になりますので、
【ファイルを選択】という項目をクリックして、
皆様のアップしたい画像を選ぶ。
■━━━━━■
ＳＴＥＰ５
■━━━━━■
画像の指定が終わったら、
【アップロード】というボタンを押す。
これで画像のアップは終わりました！！！
(*ﾟ▽ﾟ)/ﾟ･:*【祝】*:･ﾟ＼(ﾟ▽ﾟ*)
今アップした画像は、ＰＣ上から消してしまっても、
アメーバに保存されているので困りませんね！
この一連の作業を、
【画像をアップロードする】といいます。
商品ＰＲのリンクを貼る際にも有効なワザとなりますので、
必ず覚えてくださいね(*ﾟｰﾟ)b
それでは次に、実際にブログ記事に画像を貼りつけてみましょう。
ちなみに、記事を書いている途中で画像を
くっつけることも出来ますし、
記事を書いた後にでも画像を
くっつけることが出来ます。
どちらでも出来ますので安心してください♪
今回は、記事を先に書いたものとして、
後から画像を挿入するという事でレクチャーします♪
■━━━━━■
ＳＴＥＰ１
■━━━━━■
アメーバのマイページにログインして、
上側メニューの【アメブロ】をクリックする。
これはいつものブログ編集画面ですね♪
■━━━━━■
ＳＴＥＰ２
■━━━━━■
左側メニューの中にある、
【記事の編集・削除】をクリックしてください。
■━━━━━■
ＳＴＥＰ３
■━━━━━■
画像を挿入したい記事を探して、
【編集】をクリックしてください。
■━━━━━■
ＳＴＥＰ４
■━━━━━■
さぁ！実際に画像を追加してみましょう♪
画像を貼りつけたい部分にカーソルを持っていき、
編集画面の上側のメニューの中から
【画像】というところをクリックしましょう♪
ここで画像選択画面になります。
■━━━━━■
ＳＴＥＰ５
■━━━━━■
皆様が実際に貼り付けたい画像
（先ほどアップロードしたもの）
を選んで、チェックボックスにチェックを入れてください。
■━━━━━■
ＳＴＥＰ６
■━━━━━■
【この画像を使う】をクリックすると、
画像を貼りつけられます！
この状態で画面の一番下、【プレビュー】ボタンを
クリックすると、実際にどんな風な記事になるのか
表示させることが出来るので、
確認してみてくださいね♪(*ﾟｰﾟ)b
■━━━━━■
ＳＴＥＰ７
■━━━━━■
プレビューを見て、
正しく画像が表示されていることを
確認出来たら、一番下の【全員に公開】
というボタンをクリックしてください。
■━━━━━■
これで記事への画像の貼り付けは完了しました！！
記事の編集画面を見てお気づきになったかもしれませんが、
タグ編集エディタ上では、画像は見えずに、
URLのような文字列が表示されていたはずです。
これは、「ここに皆様がアップした画像を差し込みますよ」
という文字列なのです(*ﾟｰﾟ)b
前回装飾した文字などにも文字列が挟んであって、<strong>
や何やら英文字が羅列されていると思います。
これはHTMLのタグというものですが、
インターネット上でホームページやブログを作る際には
この知識が少しだけ必要になってきます。
しかし！アメブロを使っている中ではそこまで必要と
しませんので安心してください♪
ご自分で興味が出てきたら、
HTMLを検索ワードとして調べて色々と覚えてみる
のがいいですね♪
HTMLについては、いずれ詳しくご紹介させて頂きますので、
今は画像を挿入したり、文字の色を変更出来るレベルで
充分に通用しますから安心してください(^-^*)/
┏…━━━━━━━━━━━━∴★☆
カラム構成とスキンの変更方法
☆★∴━━━━━━━━━━━━…┛
画像を貼りつけたり、文字の装飾をしても物足りない…
そう、そんな時は、ブログのイメージを変更する為に
カラム構成とスキンを変更してしまいましょう♪
★カラム構成とは？
ブログなどの枠の構成の事です。
３カラムと２カラムが主流です。
３カラムはブログなどで最も標準的な構成と言われていて、
ブログのヘッダの下に、
左から?メインブロックメニュー、
コンテンツエリア、?サブブロックメニュー
という形で２段構えになっている構成のことです。
これに対して２カラムは、
ヘッダの下に
メインブロックメニューと?コンテンツエリア
の２段構えになっています。
■━━━━━■
ＳＴＥＰ１
■━━━━━■
まずアメーバにログインして、【アメブロ】をクリックします。
ブログ管理画面で、左側メニューの【デザインの変更】
をクリックしてください。
■━━━━━■
ＳＴＥＰ２
■━━━━━■
適用中のデザインとカラムレイアウトが表示されていますね？
まずカラム構成を変更してみましょう。
「レイアウトの変更」をクリックしてみてください。
■━━━━━■
ＳＴＥＰ３
■━━━━━■
５つくらい変更メニューが出ていませんか？
一番左の【２カラム、メニュー左】をチェックしてみてください。
この状態で下へ行くと、ブログのレイアウトが変更されていませんか？
こんな形で、プレビューを見ながら自分の気に入った
カラム構成に変更してみてください。
決まったら、そのデザインにチェックをつけて、
【適用する】ボタンをクリクしてくださいね♪
カラム構成の変更とはどういうものか
おわかり頂けましたでしょうか？
なるべく読み手が読みやすい構成がいいと思いますが、
５つある構成どれでもそこまで大きく変わりませんので、
まずは好みのレイアウトにしましょう(*ﾟｰﾟ)b
★スキンの変更方法
それではスキンの変更もしてみましょう！
スキンとは、ブログの一番上の画像や、
各種ボタンの装飾全般の事を指します。
今まで味気なかったブログを、華やかに変更することが
出来てしまうんです♪
習うより慣れろ！ということで
実際にやってみましょう♪
■━━━━━■
ＳＴＥＰ１
■━━━━━■
カラム変更と同じようにアメーバにログインして、
【アメブロ】をクリックします。
ブログ管理画面で、左側メニューの【デザインの変更】
をクリックしてください。
■━━━━━■
ＳＴＥＰ２
■━━━━━■
下にズラッとデザインが表示されていると思います。
オススメとして表示されているものでもいいですし、
一番下のカテゴリ別から選択しても構いません！
まずは気に入ったデザインを見つけてみて下さい♪
気に入ったデザインを見つけたら、そのデザインを
クリックしてみてくださいね(｡･ω･)ﾉﾞ
■━━━━━■
ＳＴＥＰ３
■━━━━━■
デザインをクリックすると、
カラム変更の時と同じような画面になります。
そうです、これがプレビュー画面ですね♪
アナアが選んだデザインが適用されていると思います。
そのデザインでOKであれば、【適用】をクリックしましょう♪
※この画面で、デザインとカラム構成両方変更出来る事が
わかっちゃいましたね♪(*ﾟｰﾟ)b
★たいせつなこと★
スキンの変更については、
皆様のブログに対する読者のイメージが固まる前に
キチンと決めておくことが重要です。
「アレッ？この人のブログこんなだったっけ？」
と、後から読者に違和感を与えないようにする為です(*ﾟｰﾟ)b
更に、デザインの選定は注意が必要です。
皆様がブログで取り扱うテーマが
ダイエットだったとしましょう。
ブログのデザインはどんなものにしましょうか？
スポーティなものでもいいですし、
ポップなものでもいいですね。
仮にダークでクールなデザインだとしたら、
読者登録まで結びつかない事が多いかもしれません。
このあたりはブログを書いている皆様への
「親近感を感じるかどうか」
によって変わってきてしまいますね♪
デザインは、ブログのテーマと共通性があり、
親しみを持ちやすいものにしましょう♪
本日はここまでとなります(｡･ω･)ﾉﾞ
また、今度。