初心者向けマニュアル 《Mac版》
うまく編集できない場合はサポート掲示板をご利用下さい。
目次
テンプレートを編集する為の設定（3:02）
| 0:15〜マニュアルで使うテンプレートについて。 |
| 1:00〜Google Chromeのセッティング。デベロッパーツールの起動。 |
| 2:00〜テンプレートを編集する為の設定。 2020年8月追記：同一ウィンドウで開く事ができない場合は。 Chromeのバージョンアップにより、ウィンドウ内にドラッグ＆ドロップすると新規タブで開く仕様に変更されたようです。 以下のように、開いているタブに対してドラッグ＆ドロップして下さい。そうすれば同一ウィンドウで開きます。  |
メニューの入れ替え（9:57）
| 3:48〜補足。２箇所あるメニューについて。 ※2021年秋より、メニューが１つのみのタイプも公開されています。 |
| 5:30〜更新した内容を保存。 |
| 6:40〜リンク先をlink.htmlからaccess.htmlに変更。link.htmlの削除とaccess.htmlの追加。 |
| 7:55〜トップページのメニューをその他ページにコピー。 |
| 9:10〜テキスト検索の方法 |
パンギャラリーページの編集（7:42）
| 3:21〜写真の準備。 |
| 4:08〜写真の入れ替え。 |
| 5:58〜パンブロックを追加する方法 |
パン作りのこだわりページの編集（8:14）
| img src="images/●" alt="" |
| 2:45〜使う画像を準備。 |
| 3:24〜画像タグを単語登録。 |
| 4:31〜html仕上げ |
| 6:30〜登録しておいた画像タグの単語を使って画像を配置 |
| 7:46〜少しだけ調整。テキストをセンタリングする。 |
アクセスページの編集（8:29）
| 3:10〜使わないtableブロックの削除方法。 |
| 4:34〜ブロックが足りない場合の追加方法。 |
| 6:13〜Google Mapで地図のタグを取得。 |
| 7:09〜htmlにマップのタグを貼り付ける。 |
トップページの編集（7:32）
| 2:00〜更新情報・お知らせを編集します。 |
| 3:26〜人気パンを配置する。 |
htmlの仕上げ（5:42）
※追記情報：2021/09時点で、「TextWrangler」から「BBEdit」に名称が変わったようですが、操作方法は動画マニュアルとほぼ同じだと思います。尚、有料になってしまったようですが、最初の１ヶ月は無料利用が可能なのと、それ以降も無料の機能制限バージョンを使い続ける事が可能なようです。詳しくはソフト名でGoogle検索などをしてみて下さい。
| 2:04〜テキストの一括置き換えソフト（TextWrangler）を使って作業する。 |
| 5:00〜補足。タイトルタグをページによって調整する。 |
画像加工ソフト「Pixlr Editor」で画像を編集する（9:54）
レスポンシブの動作確認（5:50）
| 0:41〜レスポンシブ確認用のウィンドウを起動 |
| 2:05〜レイアウトが切り替わる「ブレイクポイント」の解説 |
| 3:42〜ブレイクポイントの変更 |
| 4:37〜「iPhone X」でテンプレート全体のプレビュー確認 |
| 5:22〜ツールの終了 |
おまけ…トップページメイン画像をスライドショーに置き換えてみる。（07:34）
| https://template-party.com/manual/omake_slide/slide.zip |
| 0:34〜slide.cssのダウンロード |
| 1:03〜index.htmlにslide.cssの読み込み |
| 1:32〜スライドショー用の画像を用意。Pixlr Editorでサイズを統一する。 |
| 5:22〜htmlの仕上げ。メイン画像をスライドショー用のタグに置き換えます。 |
| 7:00〜最後にプレビュー確認。もっと詳しくslide.cssを知りたい人の為のurl案内。 |