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


