ブログのデザイン【深ナビオンラインガイド】

sign-5.jpg

HOME >画像編集講座 > ブログのデザイン

ブログのデザイン

1 タイトル画像を選択する

リニューアルした深ナビでは、タイトルの画像登録を以下2パターンから選択できるようになりました。

  1. 用意されている画像をそのまま利用するパターン
    • 深ナビで提供しているタイトル画像そのまま利用される方は、このページの「15 会員専用ページにログイン」へお進み下さい。
  2. ブログのタイトルを入れた画像を、ご自分で作成していただくパターン
    • ご自分で写真を用意される方は、760×160ピクセルの画像を用意のうえ、「15 会員専用ページにログイン」へお進み下さい。
    • 深ナビで提供しているタイトル画像に、ブログタイトルを付けたい場合は以下の解説を順にご覧ください。

2 深ナビで提供しているタイトル画像を選ぶ

このサイトのダウンロードの項目から「ブログのタイトルデザインテンプレート」を開き、お好きなデザインの下の「この画像をダウンロード」をクリックします。 

blogdesign1.jpg

3 画像を保存する

下のように画像が表示されたら、マウスを右クリックし「保存」ボタンをクリックし、「名前をつけて画像を保存」を選択します。

designblog3.jpg

4 画像を保存する

保存先を「デスクトップ」に変更し、画像をデスクトップに保存します。

designblog4.jpg

5 ペイントの起動

パソコンのスタートメニューをクリックし「すべてのプログラム>アクセサリー>ペイント」をクリックします。

gblog1.jpg

6 画像を開く

先ほどデスクトップに保存した画像をダブルクリックします。

gblog2.jpg

7 画像をペイントで開く

画像の下の「このプログラムを閉じ編集用に画像を開く」のアイコンをクリックし、ペイントを起動します。

gblog3.jpg

8 ボックスの色の設定

左図のアイコンをクリックして、ボックスの色を透明に設定します。

gblog4.jpg

9 文字の色を選択する

画面下のカラーパレットから文字の色にしたい色をクリックします。

gblog5.jpg

10 テキスト入力モードにする

「テキスト」のアイコンをクリックします。

gblog6.jpg

11 テキストボックスの描画

テキストを入れたい部分を広めにドラッグしてテキストボックスを描画します。

gblog7.jpg

12 文字の書式設定

文字の形やサイズ、効果を設定します。今回はフォントを「MSゴシック」、サイズを「26」に設定し、太字のアイコン「B」をクリックしておきます。

gblog8.jpg

13 タイトルの入力

ブログのタイトルを入力します。

gblog9.jpg

14 画像の保存

「ファイル」をクリックし、次に「上書き保存」をクリックして保存完了です。右上の「×」をクリックしてペイントを終了させておきましょう。

gblog10.jpg

15 会員専用ページにログイン

インターネットに接続し、会員専用ページにログインし、「1.情報入力・編集」の 項目の「ブログ」をクリックします。
登録しているブログ一覧が表示されますので、対象となるブログの「編集」をクリックします。

blogdesign2.jpg

16 ブログ編集ページ

ブログの設定(基本情報・カテゴリ)「基本情報設定」をクリックします。

blogdesign3.jpg

17 写真の選択

右写真の項目の「参照」ボタンをクリックします。場所を「デスクトップに設定し、保存したした画像ファイルを選択します。そして「開く」ボタンをクリックします。

blogdesign4.jpg

18 表示とレイアウトの選択

右写真の項目の「参照」ボタンをクリックします。場所を「デスクトップに設定し、保存したした画像ファイルを選択します。そして「開く」ボタンをクリックします。

blogdesign5.jpg

19 確認画面

ブログのプレビューが出るのでデザインや内容に問題がなければ「公開する」ボタンをクリックします。変更したい場合は「書きなおす」ボタンをクリックします。

blogdesign6.jpg

LinkIcon前のページへ

|1|2|3|