![Page 1: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/1.jpg)
1
TempNate [テンプネート]
ホームページ・テンプレート設置マニュアル
TempNate テンプネートhttp://tempnate.com/
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 2: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/2.jpg)
2
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 3: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/3.jpg)
3
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
STEP1 ホームページ・テンプレートを ダウンロードしよう!
![Page 4: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/4.jpg)
4
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 5: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/5.jpg)
5
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 6: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/6.jpg)
6
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 7: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/7.jpg)
7
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 8: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/8.jpg)
8
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 9: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/9.jpg)
9
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 10: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/10.jpg)
10
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 11: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/11.jpg)
11
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 12: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/12.jpg)
12
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 13: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/13.jpg)
13
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 14: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/14.jpg)
14
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 15: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/15.jpg)
15
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
STEP2 ホームページ制作&編集方法
![Page 16: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/16.jpg)
16
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
http://www.forest.impress.co.jp/library/software/crescenteve/
Crescent Eve
【ホームページ編集で人気のフリーソフト】
無料のテキストエディターです。レスポンシブテンプレートはUTF-8という文字コードで作成しています。そのため、Crescent EveやTeraPadでのホームページファイルの編集をご案内させていただいております。
Crescent Eveのダウンロードはコチラ
Crescent Eve - 窓の杜ライブラリ
窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。
![Page 17: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/17.jpg)
17
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
日本語箇所を修正してください。
ちなみに、下記はホームページのタイトルです。*検索エンジンに表示される大切な箇所です。
Crescent Eveを立ち上げてください。
会社名、店名など、ホームページのタイトル、名称です。
電話番号を入力してください。
そして上メニューの「ファイル」→「開く」をクリックしてください。デスクトップなどにダウンロードしたテンプレート名を選択して、index.htmlファイルを開いてください。*htmlファイルが表示されない場合は「すべてを表示」などで表示されます。
![Page 18: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/18.jpg)
18
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
ホームページの本文の見出しタイトルです
ページ下にホームページのタイトルを記載してください。
本文には文章を記載してください。
<a href=”#”>ブログ</a> という所の # に
URLアドレスを入力してください。(#は仮で記載しているただの記号です)
ブログをされている場合、こちらにリンクを掲載してください。
![Page 19: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/19.jpg)
19
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
ブラウザを立ち上げて、表示を確認してみましょう。
「ツール」→「ブラウザプレビュー」から、ブラウザを選択してください。
この様な手順を繰り返していただいて、ホームページの表示を確認しながら、本文などの内容を編集してください。
![Page 20: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/20.jpg)
20
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
次に、ホームページに画像を掲載する方法です。まずはホームページに掲載したい写真ファイルを用意しましょう。
Imgというフォルダにはすべての画像ファイルが入っています。
こちらに新しくホームページに掲載する写真を入れてください。
Imgフォルダを開くと、中にある画像ファイルが表示されます。
こちらの中に掲載したい写真ファイルを入れておいてください。
Crescent Eveで画像を掲載する方法
手順ですが、テンプレートフォルダをクリックして、「img」を開きます。
写真が用意できましたら、テンプレートフォルダの中にある「img」フォルダの中に入れておいてください。
Crescent Eveを立ち上げて、先ほどの写真ファイルの場所から画像を呼び出してホームページに表示してみましょう。
![Page 21: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/21.jpg)
21
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
Crescent Eve
①画像を掲載したい場所をクリック
②画像の挿入をクリック
テンプレートフォルダの中にあるImgフォルダをクリックしてください。
先ほど用意しておいた写真ファイルを選択してください。
するとホームページに写真が表示されます。
![Page 22: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/22.jpg)
22
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
この様に、表示を確認しながら、ホームページ内容を編集してください。
トップページが完成しましたら、その他のページも編集してください。
*トップページと同じ内容の箇所は、トップページの内容をコピーしながら作成すると早く作成できます。ホームページの一番下(フッター)のタイトルなど
![Page 23: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/23.jpg)
23
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
http://www.forest.impress.co.jp/library/software/terapad/
TeraPad
【ホームページ編集で人気のフリーソフト】
無料のテキストエディターです。こちらもおすすめです。
*レスポンシブテンプレートはUTF-8という文字コードで作成しています。
TeraPadのダウンロードはコチラ
TeraPad - 窓の杜ライブラリ
窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。
![Page 24: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/24.jpg)
24
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 25: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/25.jpg)
25
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
【 IE10でオフライン時で(index html)がきれいに表示されない場合の対策 】
![Page 26: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/26.jpg)
26
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 27: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/27.jpg)
27
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 28: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/28.jpg)
28
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
http://www.forest.impress.co.jp/library/software/terapad/
TeraPad
【ホームページ編集で人気のフリーソフト】
無料のテキストエディターです。レスポンシブテンプレートはUTF-8という文字コードで作成しています。そのため、TeraPadでのホームページファイルの編集をご案内させていただいております。
TeraPadのダウンロードはコチラ
TeraPad - 窓の杜ライブラリ
窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。
次に、シンプルなテキストエディターのTeraPadもご紹介いたします。
![Page 29: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/29.jpg)
29
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
http://www.forest.impress.co.jp/library/software/terapad/
【ホームページ編集の流れ】
1. 無料のテキストエディターであるTeraPadを立ち上げてください。
TeraPadのダウンロードはコチラ
TeraPad - 窓の杜ライブラリ
窓の杜はフリーソフトがダウンロードできる老舗の定番サイトです。
2. 次に、上メニューの「ファイル」→「開く」をクリックしてください。デスクトップなどにダウjンロードしたテンプレート名を選択して、index.htmlファイルを開いてください。*htmlファイルが表示されない場合は「すべてを表示」などで表示されます。
TeraPadを活用したホームページ編集の手順です。
![Page 30: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/30.jpg)
30
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 31: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/31.jpg)
31
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 32: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/32.jpg)
32
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 33: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/33.jpg)
33
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 34: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/34.jpg)
34
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 35: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/35.jpg)
35
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
【 IE10でオフライン時で(index html)がきれいに表示されない場合の対策 】
■ 別のブラウザで表示を確認してみてください ■
別のブラウザではキレイに表示されます。
「Firefox」または「Google Chrome」などのブラウザを無料でダウンロードしてみてください。
Firefox 無料ブラウザhttp://www.mozilla.jp/firefox/
Google Chrome 無料ブラウザhttp://www.google.co.jp/intl/ja/chrome/browser/
ぜひ一度試してみてください。よろしくお願いいたします。
![Page 36: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/36.jpg)
36
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
STEP3 トップ画像や背景画像 の変更について
![Page 37: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/37.jpg)
37
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 38: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/38.jpg)
38
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
*レスポンシブテンプレートでは、横幅900pxか、640pxが多いです。
![Page 39: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/39.jpg)
39
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 40: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/40.jpg)
40
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 41: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/41.jpg)
41
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 42: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/42.jpg)
42
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
4. それでは、デジカメなどで撮影した写真をホームページのメイン画像に使用しましょう。
そのままではなく、切り抜いて使用する手順を紹介いたします。
![Page 43: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/43.jpg)
43
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
すると選択した範囲で画像が切り抜かれます
![Page 44: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/44.jpg)
44
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
5. 次に、画像の横幅をホームページ掲載サイズに整えます。「サイズ変更」をクリックしてください。
*レスポンシブテンプレートでは、横幅900px か、640pxが多いです。
![Page 45: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/45.jpg)
45
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
それでは、画像を保存しましょう。下記をクリックしてください。
その際は、PNG形式の画像で保存してください。
![Page 46: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/46.jpg)
46
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
次にダイアログが表示されますので、画像ファイル名を入力して保存をクリックしてください。
メイン画像の場合は head_img と入力して保存してください。
head_img.png
![Page 47: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/47.jpg)
47
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
●早速、作成した新しいメイン画像に上書きしましょう。
テンプレートフォルダをクリックして、「img」をクリックしてください。
Imgというフォルダに画像ファイルが入っています。
Imgフォルダの中にあるファイルが表示されます。
こちらの中に新しいメイン画像を上書き保存してください。
この様なダイアログが表示されます。
クリックをして上書き保存を完了してください。
![Page 48: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/48.jpg)
48
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 49: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/49.jpg)
49
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 50: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/50.jpg)
50
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
STEP4 失敗しないレンタルサーバー の選び方
![Page 51: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/51.jpg)
51
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 52: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/52.jpg)
52
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 53: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/53.jpg)
53
http://www.ninja.co.jp/hp/忍者ホームページ
無料のホームページ・サーバーです。サブドメインの種類も豊富。アクセス解析ツールなども人気。
http://tempnate.com/© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://www.webcrow.jp/ウェブクロウ
独自ドメインが利用できて、商用利用も可能。広告が表示されないのがうれしいですね。
![Page 54: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/54.jpg)
54
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 55: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/55.jpg)
55
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 56: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/56.jpg)
56
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 57: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/57.jpg)
57
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
STEP5 サーバーにファイルを アップロードする方法
![Page 58: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/58.jpg)
58
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 59: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/59.jpg)
59
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 60: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/60.jpg)
60
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 61: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/61.jpg)
61
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 62: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/62.jpg)
62
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 63: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/63.jpg)
63
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 64: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/64.jpg)
64
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 65: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/65.jpg)
65
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
解説 HTMLタグの説明
![Page 66: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/66.jpg)
66
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 67: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/67.jpg)
67
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 68: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/68.jpg)
68
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 69: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/69.jpg)
69
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 70: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/70.jpg)
70
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 71: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/71.jpg)
71
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 72: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/72.jpg)
72
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 73: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/73.jpg)
73
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 74: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/74.jpg)
74
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/
![Page 75: TempNate [テンプネート]tempnate.com › manual › tempnate_hp_setup_rd.pdf · レスポンシブテンプレートはutf-8という文字コードで作成しています。](https://reader033.vdokument.com/reader033/viewer/2022052722/5f0ce7087e708231d437b2c9/html5/thumbnails/75.jpg)
75
© COPYRIGHT TempNate. ALL RIGHTS RESERVED.
http://tempnate.com/