Web サイトサービス編集ツールの使い方 － 概要編
Houzz Pro の Web サイト サービスで編集作業をする際に、理解しておくべきツールバーの重要な機能があります。
Web サイト サービス編集ツールの上部にはアクション バーがあり、サイトのドメイン名の確認、ホームページのプレビュー、変更の公開などを行うことができます。
編集ツールの左側には「ページ」「スタイル」「設定」タブがあります。ここでは、新しいページの作成、既存のページの編集、フォントや色の調整、さらに詳細な設定の変更が可能です。それぞれの機能について詳しく見ていきましょう。
アクション バー
Web サイト サービス編集ツールの上部にあるのがアクション バーです。アクション バーには以下のようなツールがあります。
- Houzz Pro ロゴ：左端にある Houzz Pro のロゴをクリックすると、Houzz Pro のホームページへ戻れます。
- ドメイン名の表示：サイトを既存のドメインに接続している場合、ここに表示されます。
- デスクトップ表示とモバイル表示: ：中央にある２つのアイコンで、デスクトップ（パソコン）での表示とモバイル（スマートフォン）での表示を切り替えられます。どちらのデバイスでも適切に表示されるかを確認できます。
- 元に戻す／やり直す ボタン: ：アクション バーの右側には［元に戻す］ボタンと［やり直す］ボタンがあります。これらを使って元の状態に戻したり、間違って元に戻した場合にそれを取り消したりすることができます。注意：ページを移動すると、変更履歴がリセットされます。ページを移動する前に、そのページが現在の状態で OK であることを確認してください。
「操作」メニュー
アクション バーの［元に戻す］／［やり直す］ボタンの隣には、［操作］ボタンがあります。操作ボタンから以下のことが可能です。
- 保存：Web サイト サービス編集ツールでは通常５秒おきに自動保存されますが、［保存］メニューを使って手動で保存することもできます。
- サイトのプレビュー：［サイトのプレビュー］メニューをクリックすると、新しいブラウザのタブが開き、ホームページが公開された時の状態をプレビューできます。アニメーションや Cookie の通知バナーなど、編集ツール内では表示されないものも確認できます。
- サイトの改善点：［サイトの改善点］メニューをクリックすると、編集ツールの右側に再度パネルが開き、ホームページの読みやすさを向上させるための変更や修正の提案が表示されます。これらはあくまで提案であり、必ずしも実行する必要はありません。詳細については、こちらの記事をご覧ください。
- ヘルプセンター・サポート：操作ボタンからヘルプセンターの記事にアクセスしたり、サポートに問い合わせたりすることができます。注意：Web サイトサービスのサポート対象となっているアカウントのみ、Web サイトサービスに関するサポート チケットを送信できます。
［変更を公開する］ボタン
アクション バーの右端には、最も重要な［変更を公開する］ボタンがあります。ドメインを設定した後、［変更を公開する］ボタンをクリックすると、Web サイト サービス編集ツールで保存された内容が公開されます。（反映されるまで１～２時間かかります。）
「ページ」タブ
編集ツールの左側にある「ページ」タブでは、ページの作成・複製・削除および基本的なページ設定の変更ができます。また、ページ要素の表示順を管理する「レイヤー」パネルがあります。
「ページ」タブの詳細については、こちらの記事をご覧ください。
「スタイル」タブ
「ページ」タブの隣にある「スタイル」タブでは、色やフォントといった、ページ内のさまざまな要素の見た目を設定・管理できます。ここで行った変更は、ホームページ全体に反映されます。
「スタイル」タブの詳細については、こちらの記事をご覧ください。
「設定」タブ
「スタイル」タブの隣にある「設定」タブでは、ホームページを公開するためにドメインに接続したり、ファビコンを設定したり、サードパーティのツールと連携したりすることができます。
「設定」タブの詳細については、こちらの記事をご覧ください。
関連情報
Web サイトサービス編集ツールの使い方 －「ページ」タブ編
Web サイトサービス編集ツールの使い方 －「スタイル」タブ編
その他、Houzz Pro の Web サイトサービスで構築したホームページやその編集方法などに関するヘルプ記事は、こちらをご覧ください。