WEB制作業者様も無料で使えるホームページテンプレート 無料ホームページテンプレート Template Party

初心者向けマニュアル(Windows版)

うまく編集できない場合はサポート掲示板をご利用下さい。

目次

  1. テンプレートを編集する為の設定(02:47)
  2. メニューの入れ替え(09:44)
  3. パンギャラリーページの編集(07:12)
  4. パン作りのこだわりページの編集(08:11)
  5. アクセスページの編集(08:16)
  6. トップページの編集(07:20)
  7. htmlの仕上げ(4:44)
  8. 画像加工ソフト「Pixlr Editor」で画像を編集する(9:46)
  9. レスポンシブの動作確認(5:37)
  10. 無料レンタルサーバーを探す(XFREEさんを使ってみる)(※別窓で開きます)
  11. サーバーにアップロードする方法(※別窓で開きます)
  12. うまく編集できない場合はサポート掲示板をご利用下さい。

テンプレートを編集する為の設定(2:47)

0:05〜マニュアルで使うテンプレートについて。
0:46〜Google Chromeのセッティング。デベロッパーツールの起動。
1:43〜テンプレートを編集する為の設定。
2020年8月追記:同一ウィンドウで開く事ができない場合は。
Chromeのバージョンアップにより、ウィンドウ内にドラッグ&ドロップすると新規タブで開く仕様に変更されたようです。
以下のように、開いているタブに対してドラッグ&ドロップして下さい。そうすれば同一ウィンドウで開きます。

メニューの入れ替え(9:44)

3:33〜補足。2箇所あるメニューについて。
※2021年秋より、メニューが1つのみのタイプも公開されています。
5:19〜更新した内容を保存。
6:25〜リンク先をlink.htmlからaccess.htmlに変更。link.htmlの削除とaccess.htmlの追加。
7:42〜トップページのメニューをその他ページにコピー。
8:57〜テキスト検索の方法

パンギャラリーページの編集(7:12)

3:09〜写真の準備。
3:55〜写真の入れ替え。
5:28〜パンブロックを追加する方法

パン作りのこだわりページの編集(8:11)

img src="images/●" alt=""
2:34〜使う画像を準備。
3:11〜画像タグを単語登録。
4:26〜html仕上げ
6:24〜登録しておいた画像タグの単語を使って画像を配置
7:42〜少しだけ調整。テキストをセンタリングする。

アクセスページの編集(8:16)

2:58〜使わないtableブロックの削除方法。
4:20〜ブロックが足りない場合の追加方法。
6:00〜Google Mapで地図のタグを取得。
6:58〜htmlにマップのタグを貼り付ける。

トップページの編集(7:20)

1:50〜更新情報・お知らせを編集します。
3:16〜人気パンを配置する。

htmlの仕上げ(4:44)

1:52〜テキストの一括置き換えソフト(Devas)を使って作業する。
4:02〜補足。タイトルタグをページによって調整する。

画像加工ソフト「Pixlr Editor」で画像を編集する(9:46)

https://pixlr.com/editor/
0:45〜ロゴ画像の制作。
(補足:クイックCMSさんで、ロゴ画像の簡単ツール(文字ロゴメーカー)が公開されました。簡単にロゴ画像の生成&ダウンロードができます。)
1:10〜言語の設定
3:19〜取り消しとやり直し
3:54〜ロゴ画像を保存
5:29〜ロゴを再加工する場合はPXDファイルを使います。
6:09〜置き換えたロゴをプレビュー確認。
6:28〜メイン画像の置き換え。

レスポンシブの動作確認(5:37)

0:27〜レスポンシブ確認用のウィンドウを起動
1:52〜レイアウトが切り替わる「ブレイクポイント」の解説
3:30〜ブレイクポイントの変更
4:25〜「iPhone X」でテンプレート全体のプレビュー確認
5:08〜ツールの終了

1つ前のページに戻る

◀︎

WEB制作業者様も
無料で使えるテンプレート
1,194

色で絞り込む

大カテゴリー

イメージで選ぶ

レイアウトで選ぶ

メニュー構成

その他

ビジネス向け (645)

ショップ向け (391)

飲食向け (217)

個人向け (169)

自分で作るテンプレート