操作マニュアル（前半）「自治体専用ページ」 編

1. 「自治体専用ページ」とは？
2. 「自治体専用ページ」の編集
3. ホームページ設定
4. デザイン設定
5. トップ画像設定
6. メニュー設定
7. 静的ページ作成
8. 特集管理
9. お知らせ管理
付録

画像の削除
アットホーム 空き家バンク 相談窓口

初版

2017年10月5日

改訂

2022年12月1日

akiya_soudan@athome.co.jp
Copyright© At Home Co.,Ltd.

基礎知識編

１. 「自治体専用ページ」とは？

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

2

Copyright© At Home Co.,Ltd.

2

１、自社ホームページとは？

「自治体専用ページ」は、実際にインターネットを利用して空き家・空き地を探している一般消費者の目に触れるページで、貴自治体が管轄する空き家・空き地の情報および関連する様々な生活情報等をＰＲする役割を担う重要なものになります。
そのため、コントロールパネルを利用し、貴自治体独自の情報を登録して発信することをお勧めします。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

3

Copyright© At Home Co.,Ltd.

3

基礎知識編

２. 「自治体専用ページ」の編集

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

4

Copyright© At Home Co.,Ltd.

4

２、自社ホームページの作り方＜コントロールパネルにログイン＞「自治体専用ページ」を編集するためには、以下の手順で「コントロールパネル」にログインしてください。

①インターネットブラウザを立ち上げて、以下のURLを入力してコントロール
パネルを表示します。
【URL】
https://mng.akiya-athome.jp/manage/login/1/※上記URLが間違っていると、②の画面で会社IDの入力欄が表示されてしまいます。
正しく入力してください。
予め通知されたログインID/パスワードを入力します。
※パスワードを忘れたり変更が必要な際は、「お問い合わせ先」までご連絡ください。
弊社担当者が確認の上、再発行いたします。

SAMPLE③左に表示されている画像と同じ文字を入力し「ログイン」をクリックします。
※左の文字が読み取りにくい場合は、右の「画像変更」で変更できます。

【注意】
コントロールパネルは以下のいずれかのブラウザからご利用ください。
※IE（インターネットエクスプローラー）からはご利用できません。
ブラウザ

バージョン

パソコン

Google Chrome（推奨）最新版

Mozilla Firefox

最新版

Winows10/8.1
Mac

Microsoft Edge

最新版

Winows10/8.1

Apple Safari

最新版

Mac

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

5

Copyright© At Home Co.,Ltd.

5

２、自社ホームページの作り方＜サイト編集に使用するメニュー＞「自治体専用ページ」の編集は、メニューバーにある「ホームページ」からスタートします。

メニューバーにある「ホームペー
ジ」をクリックするとサブメニューとして７つの項目が表示されます。

７つのサブメニュー「ホームページ設定」「デザイン設定」「トップ画像設定」「メニュー設定」「静的ページ作成」「特集管理」「お知らせ管理」

タイトルやSEOの設定などを行います。
ホームページのカラーリング設定などを行います。
トップページに表示される画像を設定します。
オリジナルコンテンツの作成を行います。
特集ページの管理を行います。
ニュースなどの登録と編集を行います。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

6

Copyright© At Home Co.,Ltd.

6

実践編

３.ホームページ設定「ホームページ設定」では、以下の項目を設定することが可能です。
・主要機能・主要設定
・SEO・アクセス解析設定
・各種機能設定
・ホームページ、ロゴ・アイコン設定
以下、順を追って説明していきます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

7

Copyright© At Home Co.,Ltd.

7

３、ホームページ設定

３－１：主要機能・主要設定「利用店舗」
登録されている貴自治体名が表示されます。
「利用種別」「自治体専用ページ」に登録できる物件種別です。
“売買” 、“賃貸居住用” 、“賃貸事業用”の3種類固定です。
「ドメイン」「自治体専用ページ」のアドレスです。

「会員機能」「自治体専用ページ」で利用できる機能が表示されています。
「検索機能」「自治体専用ページ」上で物件検索が有効かどうかの表示です。
「検索機能あり」固定です。

※「主要機能・主要設定」は、設定変更できない仕様になっております。

メール：akiya_soudan@athome.co.jp
電話：0570-01-1967（ナビダイヤル）

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

8

Copyright© At Home Co.,Ltd.

8

３、ホームページ設定

３－２：SEO・アクセス解析設定「HTMLタイトル」「自治体専用ページ」のタイトルになります。
通常「自治体名」などを入れます。
注意：上限の文字数は20文字までとなります。
「メタキーワード」「自治体専用ページ」の検索用キーワードを設定します。
検索サイトに認識して欲しいキーワードを数個設定します。
※検索エンジンが参考にします。5つ程度が一般的です。
「メタ説明文」「自治体専用ページ」の説明文になります。
キーワードが単語で、こちらは文章になります。
※検索結果一覧に表示されます。100文字以下程度でサイトの内容がわかる文章を入力します。
※上記の項目は当社での作成時に全て登録いたします。
貴自治体独自のSEO対策等を行う場合はご一報の上で編集してください。

「アナリティクスコード設定（head）」
サイトの閲覧情報などを収集するGoogleのアナリティク
スコードをこちらに張り付けます。
「アナリティクスコード設定（body）」
アナリティクスコードの種類によって、headかbodyのどちらかに張り付けてください。
※Googleはheadに登録することを推奨しています。

※GoogleアナリティクスはGoogleが無料で提供するWebサイトのアクセス
解析サービスです。
アットホームがアクセス解析をするためにアナリティクスコードが記述されています。編集の際には、以下相談窓口までご一報ください。
また、Googleアナリティクスの利用方法などのお問い合わせは、お受けできません。ご了承ください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

9

Copyright© At Home Co.,Ltd.

9

３、ホームページ設定

３－３：各種機能設定「コンテンツ設定」「自治体専用ページ」に掲載するコンテンツのOn-Off
スイッチです。
表示したいコンテンツを青に、非表示（使用しない）
コンテンツは白に設定しておきます。
例えば「お知らせ」を白にすると、TOP画面に「お知らせ」の欄が表示されなくなります。
＜設定項目の概要説明＞
特集：指定した条件の検索結果ページや作成した静的ページへのリンクバナーをトップページに表示します。（公開されている特集がある場合、この設定をしないとサイドメニューに表示されます。
新着（売買）：売買の新着物件をトップページに表示します。
新着（賃居）：賃貸居住用の新着物件をトップページに表示します。
新着（賃事）：賃貸事業用の新着物件をトップページに表示します。
地図（種別切替付き） ：トップページに表示される地図に表示する物件の物件種別切り替えボタンが表示されます。
地図（売買固定）：トップページに表示される地図に売買物件のみ表示します。
地図（賃居固定）：トップページに表示される地図に賃貸居住用物件のみ表示します。
地図（賃事固定）：トップページに表示される地図に賃貸事業用物件のみ表示します。
おすすめ（売買）：「おすすめに指定する」チェックを入れた売買物件をトップページに表示します。
おすすめ（賃居）：「おすすめに指定する」チェックを入れた賃貸居住用物件をトップページに表示します。
おすすめ（賃事）：「おすすめに指定する」チェックを入れた賃貸事業用物件をトップページに表示します。
お知らせ：トップページに「お知らせ」を表示します。お知らせの登録機能は、ここがoffでもご利用いただけます。

「特集表示場所」
特集のバナーを表示する場所を指定します。
「サイドメニュー」を選択すると下層ページのサイドメ
ニューに特集のバナーが追加表示されます。

「新着物件表示件数」
ここに設定した件数分だけ、新着物件情報としてトップページに表示します。
※最大127件まで設定可能です。
「新着物件基準日数」
初回登録日からここに設定した日数の間、新着物件として「新着」に表示されます。
※最大127日まで設定可能です。
「おすすめ物件表示件数」
ここに設定した件数分だけ、おすすめ物件の物件情報がトップページに表示されます。
※最大127件まで表示可能。
「お知らせ（一覧）表示形式」
トップページに表示するお知らせの表示形式を設定します。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

10

Copyright© At Home Co.,Ltd.

３、ホームページ設定「地図基準緯度経度」
トップページに表示する地図の初期表示を設定します。
選択をクリックすると、地図上から表示場所を選べます。
納品時は貴自治体の場所を指定してあります。
「初期スケール」
トップページに表示する地図の縮尺を決めます。

「地図基準緯度経度」画面「住所検索」
こちらに住所を入力することで、自治体の位置を地図上に表示することができます。
場所がずれている場合は、指定したい場所をクリックして指定することもできます。
位置が決まったら「完了」ボタンを押して画面を閉じると保存されます。

「自治体専用ページ」トップページ※ここで登録した場所が「自治体専用ページ」のトップページに表示される地図の中心点になります。

トップページに表示される地図の中心点になります。

「必須情報」
お客様がホームページ上からお問い合わせをする際に必須入力していただく項目を選択します。
以下のいずれかを選択してください。
・メールアドレス必須
・メールか電話いずれか
・メールと電話両方必須「プライバシーポリシー」「自治体専用ページ」上で収集した個人情報（メール
アドレスなど）をどう扱うかを定めた規範、個人情報保護方針などはこちらに記載します。

広がります

右下の部分をクリックしてドラッグすることで表示枠を広げることができます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

11

Copyright© At Home Co.,Ltd.

11

３、ホームページ設定「成約済み物件公開設定」※この項目は使用できません。常に非公開となります。
「物件詳細ストリートビュー表示」「地図検索に表示する」設定をした物件の物件詳細に表示する地図の形式を選択します。
・地図表示のみ※ストリートビューなし。
物件詳細にストリートビューが表示されません。
・地図表示＋ストリートビュー（連動なし）
物件詳細にストリートビューが表示されます。
地図との連動はしません。
・地図表示＋ストリートビュー（連動あり）
物件詳細にストリートビューが表示されます。
地図にストリートビューと連動するアイコンが表示されます。
※ストリートビューの表示制御はサイト単位となり、物件ごとの指定はできません。
「店舗詳細ストリートビュー表示」※この項目は「自治体専用ページ」では使用できません。

地図表示＋ストリートビュー（連動なし）「物件詳細ストリートビュー表示」のイメージ
・地図表示＋ストリートビュー（連動なし）
地図上には、場所を指し示すアイコンのみが表示され、地図の移動とストリートビューの移動は別々に操作をすることになります。

地図表示＋ストリートビュー（連動あり）

・地図表示＋ストリートビュー（連動あり）
地図上に表示された人型のストリートビューと連動するアイコンをドラッグアンドドロップで移動すると、ストリートビューも該当する場所を表示します。
また、ストリートビューで移動するとアイコンも一緒に移動します。

ストリートビュー連動アイコン
ストリートビューを移動すると該当する場所に動きます。

アイコンをドラッグアンドドロップ
で移動するとストリートビューの表示も移動します。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

12

Copyright© At Home Co.,Ltd.

12

３、ホームページ設定

３－４：ホームページ、ロゴ・アイコン設定「サイト名」「自治体専用ページ」の名前になります。前ページで設定したHTMLタイトルと同じでもかまいません。
「コピーライト」「自治体専用ページ」上に記載するコピーライトを記載します。
「サイトロゴ」
ページ左上に表示されるサイトロゴをこちらにアップロードして設定します。
「ファイルを選択」ボタンを押すと、表示したい画像を選択することができます。
※上記の表示箇所は次ページを参照してください。
画像選択画面が表示されたら、ロゴとして使いたい画像
を選択して「開く」ボタンを押すとサイトロゴ画像が設定されます。
※こちらの画面はサンプルです。
PC環境によって表示される画面が異なります。
＜サイトロゴ画像に使用できるファイル＞
Jpeg（推奨）, png＜サイトロゴ画像の適正サイズ＞
幅200px 以内
※200pxより大きい場合自動縮小

縦60px 以内※高級デザインから変更した場合は 100px 以内※上記を超えた場合は枠からはみ出て表示されます。

ファビコン画像「PC向け」
お気に入りなどをしたときにブラウザーのタグに表示される小さなアイコンを設定します。
ファビコン画像「スマホ向け」
お気に入りなどをしたときに、スマホのホーム画面に表示されるアイコンを設定します。
＜ファビコン画像に使用できるファイル＞
PC向け
ico 形式 32px × 32px
スマホ向け png 形式 152px × 152px

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

13

Copyright© At Home Co.,Ltd.

13

３、ホームページ設定

コピーライト

ページ最下部に表示されます。

サイトロゴ

ページ左上に表示される画像になります。

ファビコン画像とサイト名（PC向け）
サイト名

ファビコン
画像

ファビコンはブラウザのタブ部分に表示される小さな画像です。
サイト名はテキスト部分になります。

ファビコン画像とサイト名（スマホ向け）
ファビコン
画像

サイト名

ファビコンはスマホのホーム画面に表示されるアイコン画像で
サイト名はアイコンの名称として表示されます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

14

14

実践編

４.デザイン設定「デザイン設定」では、以下の項目を設定することが可能です。
・デザインテンプレート設定
・基本色パターン設定
・色指定
以下、順を追って説明していきます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

15

Copyright© At Home Co.,Ltd.

15

４、デザイン設定

４－１：デザインテンプレート設定【１】は現在選択しているデザインテンプレートの種類になります。
もし、新しくデザインを変更したい場合は【２】にあります「こちら」をクリックしてください。

「こちら」をクリックすると、３種類のデザインテンプレートが画面上に表示されます
ので、変更したい種類をクリックしたあとに「登録確認」
ボタンをクリックしてください。

選べるデザインは、左から「テンプレートA」、「テンプレートB 」、「テンプレートC 」の３種類。

デザイン変更を確認する画面がでますので、問題がない
ようでしたら「登録を実行する」ボタンをおしていただ
きます。

デザイン変更が完了すると「正常に完了しました」と画面に表示されますので、引き続きデザインを設定したい場合は「デザイン設定」ボタンをクリックしていただきます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

16

Copyright© At Home Co.,Ltd.

16

４、デザイン設定

４－２：基本色パターン設定「４－１：デザインテンプレート設定」で設定したデザインに、それぞれカラーバリエーションが４つ用意されています。（内１つは細かく色を設定できるオリジナル色設定）
お気に入りのカラーバリエーションを選択していただくと、

変更を確認するメッセージが表示されますので、よろしければ「OK」をクリックすると、選んだカラー
バリエーションがホームページに反映されます。

テンプレートA

カラーバリエーション１
カラーバリエーション２
カラーバリエーション３
カラーバリエーション４（オリジナル色設定）

テンプレートB

カラーバリエーション１
カラーバリエーション２
カラーバリエーション３
カラーバリエーション４（オリジナル色設定）

テンプレートC

カラーバリエーション１
カラーバリエーション２
カラーバリエーション３
カラーバリエーション４（オリジナル色設定）

デザインとカラーバリエーションの組み合わせで何種類ものホームページデザインを作ることが可能になっています。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

17

Copyright© At Home Co.,Ltd.

17

４、デザイン設定

４－３：色指定「色指定」「４－２：基本色パターン設定」でオリジナル色設定を選んでいる場合、こちらの「色指定」で細かくホームページのデザインを調整できます。

「デザインCSS 」
上記「色指定」で選択するカラーが反映されたCSS
コードが表示されます。
CSSとは、ホームページを構成する文字の色・大きさ・
背景の色や配置などを指定するための言語です。
※この項目は、エンジニアの確認用であるため、修正することはできません。

「プレビュー」「色指定」で調整したデザインが、こちらに反映されプレビュー表示されます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

18

Copyright© At Home Co.,Ltd.

18

４、デザイン設定

４－１

４－２

４－３

４－１、４－２、４－３でデザインの変更を設定したら、最後に画面下にある「登録確認」ボタンを押して変更したデザインを確定してください。
※こちらの「登録確認」を押さないと、せっかく設定したデザインがホームページに反映されませんので、ご注意ください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

19

Copyright© At Home Co.,Ltd.

19

５.トップ画像設定「トップ画像設定」では、以下の項目を設定することが可能です。
・トップ画像の登録・表示順／表示文言／遷移先の設定

以下、順を追って説明していきます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

20

Copyright© At Home Co.,Ltd.

20

４、デザイン設定

５－１：トップ画像について
この項目で設定する箇所は、
ホームページトップ画面の上部にある画像エリアになります。

画像クリックで任意のリンク先へ飛ばすことも可能です。

複数枚設定することで、トップ画像が自動で切り替わるようになります。

画像以外にも、画像にかぶせて表示させるテキスト情報の編集も
可能です。

※注意事項
2018年現在で一番シェアの高いディスプレイの解像度は1920px×1080pxです。トップ画像で表示する画像のサイズは、それを考慮して1920px×600pxを標準サイズとしています。
標準サイズの画像は解像度が低い例えば1280px×800pxなどのディスプレイで標準サイズの画像を見ると表示範囲から外れる
両端部分が切れて表示されることをご留意ください。（次ページ参照）
また、幅が1920pxより小さい画像を登録すると自動で1920pxにサイズ変更されるため、画質が低下しますのでご注意ください。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

21

Copyright© At Home Co.,Ltd.

21

４、デザイン設定※トップ画像の表示イメージ◆解像度1920px×1080px のディスプレイでの画像表示イメージ
幅1920pxディスプレイの場合(PCサイト)

高
さ
は
最
大
600px

◆解像度1280px×800px のディスプレイでの画像表示イメージ
幅1280pxディスプレイの場合(PCサイト)

切り取り

切り取り

高
さ
は
最
大
600px

左右が切り落とされて表示されます

注意：画像サイズ自体を幅1280で作成してしまうと自動でリサイズされ、
1920pxに引き伸ばされてしまいます。そのため、画像サイズは幅1920pxで作成いただき、メインの絵が幅1280pxに収まるような画像が理想です。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

22

Copyright© At Home Co.,Ltd.

22

４、デザイン設定※トップ画像のサンプル◆全体的にイメージ化された意味をあまり持たない画像
1920px
表示イメージ

1280px
表示イメージ◆幅が足りない部分を他の意味を持たないイメージで埋める
1920px
表示イメージ

幅が足りない部分へ
空のイメージを埋め込み
画像サイズを1920に調整

1280px
表示イメージ

画像提供：大網白里市◆画像の中心に存在感のあるイメージを置いた写真
1920px
表示イメージ

1280px
表示イメージ

画像提供：真岡市
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

23

Copyright© At Home Co.,Ltd.

23

５、トップ画像設定

５－２：「トップ画像設定」一覧

トップ画像設定を選択すると、登録されているトップ画像名とリンク先、公開非公開、表示順の一覧画面が、表示されます。
トップ画像の情報自体を削除するためには削除したい画像の横にあるチェックボックスにチェックを入れ、「一括削除」ボタンをクリックすると削除されます。
但し、アップロードした画像は保持されて、他のメニューを開いた際に出てきてしまうので、アップロードした
画像を削除する場合は、画面上部にある「画像管理（削除）」ボタンから削除してください。
「画像管理（削除）」画面の使用方法は、付録「画像の削除」ページをご覧ください。
「トップ画像登録」（ボタン）
新規にトップ画像を登録します。ボタンをクリックすると「トップ画像設定」パネルが開きます。
「画像管理（削除）」（ボタン）パソコンにアップロードした画像を削除します。※付録「画像の削除」ページを参照してください。
「一括削除」（ボタン）チェックの入っている行のデータを一括削除します。※削除したら元には戻せませんのでご注意ください。
「編集」（ボタン）
既に登録されているメニューの内容を変更します。ボタンをクリックすると編集画面が開きます。
「タイトル」
トップ画像を登録する際に入力した「タイトル」です。
「リンクURL」
トップ画像をクリックした際に遷移するURLです。
「管理メモ」
管理メモに登録した内容を表示します。
「公開フラグ」
各トップ画像の公開状況を表示します。「公開」になっていないと表示されません。
「表示順」
トップ画像が表示される順序です。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

24

Copyright© At Home Co.,Ltd.

24

５、トップ画像設定「トップ画像設定」パネル

こちらの「トップ画像設定」パネルを使って、トップ画像を設定して、「登録確認」ボタンをクリックしてトップ画像を登録します。
タイトル：設定するトップ画像の名称になります。
パーツオプション：トップ画像を新しくアップロードするためのボタンです（デフォルトで設定済み）。
メッセージ：ホームページ上に表示するメッセージを設定します。
リンクURL：トップ画像をクリックすると、このURLに移動します。
開き方：「リンクURL」で設定したページに移動するときのタブ管理になります。
公開フラグ：「公開」にすると設定した画像がホームページ上に表示されます。
表示順：複数の画像を切り替えて表示する際、この画像を何番目に表示するかを決めます。
管理メモ：ホームページ上には表示されない項目です。運用上のメモなどを、ここに記載してください。
CSSオプション：※この項目は使用できません。
登録画像：登録する画像が表示されます。「アップロード画像」にある画像をクリックすると選択できます。
アップロード画像：パソコンからアップロードした画像です。「ファイル選択」からファイルを選択してください。
（画像削除はこちら）【リンク】 ：アップロードした画像を削除する画面に遷移します。
※アップロードした画像を削除する場合は、付録「画像の削除」ページを参照ください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

25

Copyright© At Home Co.,Ltd.

25

６.メニュー設定「メニュー設定」では、以下の項目を設定することが可能です。
・ヘッダーメニュー
・サイドメニュー・フッターメニュー

以下、順を追って説明していきます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

26

Copyright© At Home Co.,Ltd.

26

６、メニュー設定

６－１：メニューデータ（一覧）

メニューの一覧には、登録されているメニューの一覧が表示されます。並び順は「表示配置」（ヘッダー、サイド、フッタの順）「表示順」の順番で表示されています。
「新規登録」（ボタン）
新規にメニューを作成します。ボタンをクリックすると編集画面が開きます。
「画像管理（削除）」（ボタン）パソコンにアップロードした画像を削除します。※付録「画像の削除」ページを参照してください。
「一括削除」（ボタン）チェックの入っている行のデータを一括削除します。※削除したら元には戻せませんのでご注意ください。
「編集」（ボタン）
既に登録されているメニューの内容を変更します。ボタンをクリックすると編集画面が開きます。
「表示配置」
登録されているメニューの種類を表示します。「ヘッダー」「サイド」「フッター」の3種類です。
「メニュー形式」
ヘッダー、フッターは「アイコン」形式のみ。サイドは「画像」「アイコン」「HTML」があります。
「メニュー名」登録したメニュー名が表示されます。メニューに表示される名称と同じです。
※サイドで「画像」「HTML」を選択した場合は、この項目はホームページに反映されません。
「管理メモ」
管理メモに登録した内容を表示します。
「公開フラグ」
各メニューの公開状況を表示します。
「表示順」
ホームページ上で表示する順序です。「表示配置」ごとに指定します。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

27

Copyright© At Home Co.,Ltd.

27

６、メニュー設定

６－２：メニューデータ（ヘッダー）

この項目で設定する箇所は、
ホームページ上部にあるこちらのメニュー設定になります。

「表示配置」“ヘッダー”を選択してください。
「メニュー形式」「アイコン」固定です。
「公開設定」
ホームページに公開するかどうかを設定します。
「表示順」
ヘッダーの中での表示順を設定します。
「メニュー名」
現在設定しているメニューの名称を設定します。
「メニューデータ形式」「手動入力URL」にしてください。
「メニューデータ」
メニューを押したときに、移動したいページ先のURLを入力します。
「開き方」
メニューを押したときに、対象ページをどう開くかを設定します。
「管理メモ」
このメニューのメモになります。ホームページにはどこにも表示されません。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

28

Copyright© At Home Co.,Ltd.

28

６、メニュー設定

６－３：メニューデータ（サイド）この項目で設定する箇所は、
ホームページの左側にある
こちらのメニュー設定になります。

「表示配置」“サイド”を選択してください。
「メニュー形式」
メニューの形式を選択できます。
「画像」「アイコン」「HTML」のみ使用。
「ログイン」「フリーワード検索」は使用できません。
画像：サイドメニューにバナー画像が表示されます。
※先頭に登録するとMENUの上に表示されます。
アイコン：既定のボタンが表示されます。ボタンの左にアイコンを表示できます。
HTML ：HTMLで記述した内容が表示されます。
YouTube画像なども表示可能です。
「メニューオプション」「アイコン」メニューに使う画像を設定します。
「アップロード」を選択すると独自の画像をメニューの左側にアイコンとして表示できます。
「メニューデータ形式」「手動入力URL」にしてください。
「メニューデータ」
メニューを押したときに、移動したいページ先のURLを入力します。
「公開設定」
ホームページに公開するかどうかを設定します。
「表示順」
ヘッダーの中での表示順を設定します。
「メニュー名」
現在設定しているメニューの名称を設定します。
「開き方」
メニューを押したときに、対象ページをどう開くかを設定します。
「管理メモ」
このメニューのメモになります。ホームページにはどこにも表示されません。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

29

Copyright© At Home Co.,Ltd.

29

６、メニュー設定＜サイドメニューに画像を表示＞
サイドのメニューには、バナー画像を表示することが可能です。
バナー画像を採用するには、「メニュー形式」で「画像」を選択して、
画像エリアでは画像をアップロードして選択してください。

「基本設定」の「メニュー形式」で「画像」を選択すると、サイドメニューに独自のバナーを表示できます。

「画像選択（アイコン）」「アップロード画像」に表示されている画像をクリックすると選択することができます。
「アップロード画像」
アップロードされた画像が表示されます。
「（画像削除はこちら）」【リンク】アップロードした画像を削除する画面に遷移します。
※詳細は付録「画像の削除」ページを参照してください。
「ファイルを選択」【ボタン】
画像をアップロードします。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

30

Copyright© At Home Co.,Ltd.

30

６、メニュー設定＜お願い＞
サイドのメニューデータには、「自治体専用ページ」を訪問された方により多くの物件と出会っていただくことができるよう、
通常の募集物件も検索できるメニューを登録してあります。
こちらは、編集や削除をしないようお願い致します。
但し、表示順の番号を増やして下に下げるのは結構です。

編集しないでください※編集で表示の順番を下に下げていただくのは結構です。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

31

Copyright© At Home Co.,Ltd.

31

６、メニュー設定

６－４：メニューデータ（フッター）
この項目で設定する箇所は、
ホームページの左下にあるこちらのメニュー設定になります。

「表示配置」“フッター”を選択してください。
「メニュー形式」「アイコン」固定です。
「公開設定」
一般ユーザーに公開するかどうかを設定します。
「表示順」
表示位置を指定します。2桁で指定し1桁目に列数、2桁目に行数を指定します。
「メニュー名」
現在設定しているメニューの名称を設定します。
「メニューデータ形式」「手動入力URL」のままで大丈夫です。
「メニューデータ」
メニューを押したときに、移動したいページ先のURLを入力します。
「開き方」
メニューを押したときに、対象ページをどう開くかを設定します。
「管理メモ」
このメニューのメモになります。ホームページにはどこにも表示されません。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

32

Copyright© At Home Co.,Ltd.

32

７.静的ページ作成「静的ページ作成」では、以下の項目を設定することが可能です。
・ページ作成／編集

以下、順を追って説明していきます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

33

Copyright© At Home Co.,Ltd.

33

７、静的ページ作成

７－１：静的コンテンツ一覧

この項目では、「自治体専用ページ」上に新しいページを作成する方法を解説いたします。
静的コンテンツ一覧には、既に登録されているページが一覧で表示されます。並び順は作成順です。
「新規登録」（ボタン）
新規にページを作成します。ボタンをクリックすると編集画面が開きます。
「一括削除」（ボタン）チェックの入っている行のデータを一括削除します。※削除したら元には戻せませんのでご注意ください。
「変更」（ボタン）
既に登録されているページの内容を変更します。ボタンをクリックすると編集画面が開きます。
「公開区分」
各ページの公開状況です。公開になっているページは、インターネットから閲覧が可能です。
「タイトル」
ページのタイトルです。
「リンク」
作成したページを見ることができるURLです。
※リンクなどでURLを使用する場合、そのまま表示するのではなく「https」に変更してご表示してください。
＜URLについて＞
上記の「リンク」に表示されているURLは「http://」で始まるものとなります。
このURLをそのまま使用すると、SSL通信されていないページとなり一部のブラウザで、警告が出てしまいます。
そのため、公開・リンクするURLには、以下のように「http」のあとに「s」を付けて公開・リンクしてください。
例）
http://at-test-page.akiya-athome.jp/contents/static/index?id=1↓
https://at-test-page.akiya-athome.jp/contents/static/index?id=1※特に設定などをする必要はなく、URLを httpsとするだけで同じものを見ることができます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

34

Copyright© At Home Co.,Ltd.

34

７、静的ページ作成

７－２：ページ作成／編集

この項目で設定する内容は、新規ページ作成です。
新しいページは赤枠で囲っている、
このエリアに表記する内容を作成することができます。

「公開区分」
このページを一般に公開するかしないかを設定。
「タイトル」
このページのタイトルを設定。
「ページ内にタイトルを」表示しないにすると、ここで設定したタイトルを非表示
にします。
「内容」
内容を記載します。
※エディタの操作方法は次ページを参照ください。
＜作成するページについて＞◆作成したページは前ページの一覧にあるURLで参照することができます。
◆左側のサイドメニューは常時表示され消すことはできません。
◆ページ内で使用する画像は一時定期にDB内に保存されページを表示する際に呼び出されます。
そのため、あまり大きなデータサイズの画像を掲載することはお控えください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

35

Copyright© At Home Co.,Ltd.

35

７、静的ページ作成②公開設定①画像読み込み

③タイトル
⑫ソース

④タイトルの表示設定⑭全画面表示⑩テキスト装飾⑬プレビュー⑦表挿入⑥画像情報⑤アンドゥリドゥ⑨テキストサイズ⑪テキスト整列⑧リンク①画像読み込み
ページに表示したい画像は、まずこちらをクリックして画像を指定して読み込みます。
読み込んだ画像を編集エリアにドラッグアンドドロップして表示します。
②公開設定
ページの公開、非公開を設定します。作成途中の場合や期限が過ぎたイベントのページは非公開にします。
③タイトル
ホームページのタイトルを設定します。ページを開いた際にタブに表示されます。
④タイトル表示の設定
タイトルに設定した文言を本文の先頭にも表示する設定ができます。
⑤アンドゥリドゥ
このページで行った作業を戻したり（アンドゥ） 、戻しを取り消し（リドゥ）したりできます。
⑥画像情報
ページ内に配置済みの選択した画像に組み込まれている情報を見ることができます。
⑦表挿入
表を挿入することができます。
⑧リンク
ページに書き込んだテキストにリンクを貼ることができます。
⑨テキストサイズ
テキストのサイズを選べます。
⑩テキスト装飾
テキストに色を付けたり、マーカーや太字で装飾ができます。
⑪テキスト整列
左揃え、右揃えやインデントなどテキストを整列することができます。
⑫ソース
HTMLを表示して直接編集できます。
⑬プレビュー
編集しているページをプレビュー表示します。
⑭全画面
エディタを全画面表示にします。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

36

Copyright© At Home Co.,Ltd.

36

８.特集管理「特集管理」では、以下の項目を設定することが可能です。
・特集バナー登録

以下、順を追って説明していきます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

37

Copyright© At Home Co.,Ltd.

37

８、特集管理８－１：特集バナー登録

特集の一覧には、登録されている特集の一覧が表示されます。並び順は「表示順」の順番で表示されています「新規登録」（ボタン）
新規に特集ページを作成します。ボタンをクリックすると編集画面が開きます。
「画像管理（削除）」（ボタン）パソコンにアップロードした画像を削除します。※付録「画像の削除」ページを参照してください。
「一括削除」（ボタン）チェックの入っている行のデータを一括削除します。※削除したら元には戻せませんのでご注意ください。
「編集」（ボタン）
既に登録されている特集ページの内容を変更します。ボタンをクリックすると編集画面が開きます。
「プレビュー」（ボタン）作成（指定）した特集ページのプレビューを見ることができます。
「タイトル」
特集のタイトルです。
「リンク」
作成した特集ページを見ることができるURLです。
「管理メモ」
管理用のメモです。特集の条件や概要などを記入していただくと便利です。
「公開フラグ」
公開もしくは非公開でページの状態を表示します。
「表示順」
特集の表示順です。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

38

Copyright© At Home Co.,Ltd.

38

８、特集管理この項目で設定する箇所は、
ホームページの特集コーナーにあるこちらの内容になります。
特集コーナーの表示設定は「ホームページ設定」で行います。
※画像はイメージでサイドとメイン
両方同時には表示されません。
「タイトル」
特集のタイトル名を設定します。
「メッセージ」
バナー上に表示される文言を設定します。
「特集説明」
特集の内容を記載します。
管理用のためここに記載した内容は公開されません。
「リンクURL」
バナーをクリックしたあとに移動するページになります。
※リンク先は「自治体専用ページ」内のURLに限ります。
「外部公開URL用パラメータ」
上記「リンクURL」を表現する文言を設定します。
「開き方」
移動するページをどう開くかを決めます。
「公開フラグ」
今回設定しているバナーを公開するかどうか決めます。
「表示順」
並び順を設定します。
「管理メモ」
このメニューのメモになります。
管理用のためここに記載した内容は公開されません。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

39

Copyright© At Home Co.,Ltd.

39

８、特集管理「リンクバナー画像情報（パーツタイプ）」
画像かアイコンかを選択します。
「リンクバナー画像情報（パーツオプション）」
アイコン使用の場合に既製部品かオリジナルのものを利用するか選択します。
「リンクバナー画像情報（リンクバナー選択）」
選択したバナーが表示されます。
「アップロードアイコン」
アップロードするアイコンを選択します。
「アイコン」の場合、幅75px 高さ 75px 以内、「画像」の場合、幅100px 高さ 100px 以内の
画像サイズでアップロードしてください。
「特集ヘッダーバナー情報」
選択した特集ヘッダーバナーが表示されます。
「バナーアップロード画像」
アップロードする画像を選択します。
「（画像削除はこちら）」【リンク】アップロードした画像を削除する画面に遷移します。
※詳細は付録「画像の削除」ページを参照してください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

40

Copyright© At Home Co.,Ltd.

40

９.お知らせ管理「お知らせ管理」では、以下の項目を設定することが可能です。
・新規お知らせ登録
・登録済みのお知らせ編集

以下、順を追って説明していきます。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

41

Copyright© At Home Co.,Ltd.

41

９、お知らせ管理９－１：新規お知らせ登録
この項目で設定する箇所は２つ、１つはTOPページのメインビジュアル
下にあるお知らせ一覧と、そのお知らせ一覧から移動する
お知らせ詳細ページの２つになります、「お知らせ管理」をクリックすると、お知らせ入力パネルが表示されます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

42

Copyright© At Home Co.,Ltd.

42

９、お知らせ管理②ソース①アンドゥリドゥ⑤サイズ③テキスト装飾

④フォント

⑥カラー

「日付」
お知らせを告知した日付を記載します。
「公開区分」
このページの情報を一般の人に公開するかどうかを選びます。
「タイトル」
ホームページのトップ画面に掲載するお知らせの見出しになります。
①アンドゥリドゥ
・このページで行った作業を戻したり（リドゥ）、戻しを取り消し（アンドゥ）たりできます。
②ソース
・HTMLで書き込むモードや、パネルを使って書き込むモードに切り替えられます。
③テキスト装飾・テキストを太くしたり、下線をひいたりといった装飾はこちらで行います。
④フォント
・テキストに適応するフォントを指定します。
⑤サイズ
・フォントのサイズを指定します。
⑥カラー・フォントのカラーを指定します。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

43

Copyright© At Home Co.,Ltd.

43

７、静的ページ作成④ファイル①アンドゥリドゥ⑥段落付けなど⑤リンクなど⑦テキスト整列③テキスト装飾⑧画像情報②画像読み込み⑫テキストサイズ⑩テキスト書式⑬テキストカラー⑨テキストスタイル⑪テキストフォント①アンドゥリドゥ
・このページで行った作業を戻したり（リドゥ）、戻しを取り消し（アンドゥ）たりできます。
②画像読み込み・ページに読み込みたい画像は、こちらをクリックして画像を指定して読み込みます。
③テキスト装飾・テキストを太くしたり、下線をひいたりといった装飾はこちらで行います。
④ファイル
・HTMLで書き込むモードにしたり、用意されているテンプレートを読み込んだりできます。
⑤リンクなど・ページに書き込んだテキストにリンクを張り付けることができます。
⑥段落付けなど
・リスト化や引用囲い込みなど、テキスト情報を強調することができます。
⑦テキスト整列
・左揃え、右揃えなどテキストを整列することができます。
⑧画像情報
・画面内に読み込んだ画像に組み込まれている情報を見ることができます。
⑨テキストスタイル
・斜め文字にしたり、打消し線を書くなど、テキストに施した装飾が選べます。
⑩テキスト書式
・見出し項目の重要度が選べます。タイトルなど強調したい箇所に設定します。
⑪テキストフォント
テキストのフォントを選べます。
⑫テキストサイズ
テキストのサイズを選べます。
⑬テキストカラー
テキストのカラーを選べます。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

44

Copyright© At Home Co.,Ltd.

44９、お知らせ管理

９－２：登録済みのお知らせ編集作成したお知らせは、お知らせ一覧のページに一覧が表示されています。
「変更」ボタンをクリックすると、再編集画面になります。
□にチェックをいれて「一括削除」をクリックすると選んだお知らせが削除されます。

再編集画面は、新規入力時と画面構成は変わりません。
パネルの各パーツについては、前ページを参照してください。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

45

Copyright© At Home Co.,Ltd.

45

付録

画像の削除

以下の機能では、 「画像管理（削除）」画面を使用して、アップロードした画像を削除することができます。
・トップ画像設定
・メニュー設定・特集管理
ここでは、画像管理（削除）画面の利用方法をご説明します。

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

46

Copyright© At Home Co.,Ltd.

46

９、お知らせ管理

アップロード画像について登録するためにアップロードした画像は、編集画面からは削除できません。
そのため、以下の場所にある画像を削除するためには、各一覧画面上部にある「画像管理（削除）」から
画像管理画面を開いて削除する必要があります。
【特集】【トップ画像設定】【メニューデータ設定】

以下の条件の場合に表示されます。
メニュー形式：画像
メニューオプション：アップロード・入力

アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

47

Copyright© At Home Co.,Ltd.

47

９、お知らせ管理

画像管理画面
トップ画像設定、メニュー設定、特集管理の一覧画面を開くと以下のように「画像管理（削除）」ボタンが上部にあり、クリックすると画像管理画面がひらきます。
例：トップ画像設定の一覧画面【画像管理画面】「一覧に戻る」（ボタン）各一覧画面に戻ります。
「コマンド」
利用していない画像の場合には「削除」ボタンが表示され、クリックすると確認画面を表示の後、削除されます。
何らかの利用がされている画像は、「（利用中の画像です）」とメッセージが表示され削除できません。
【確認画面】【完了画面】「画像」
登録されている画像が表示されます。
「利用箇所」
画像が利用されているデータの「タイトル」が表示されます。クリックすると編集画面に遷移します。
※利用中の画像を削除する場合には、編集画面に遷移して他の画像を選択するか、一覧からデータを削除してください。
利用中でなくなると、コマンドに「削除」ボタンが表示され削除できるようになります。
アットホーム 空き家バンク 相談窓口

akiya_soudan@athome.co.jp

48

Copyright© At Home Co.,Ltd.

48