TAKEOUT PORTAL サイトの設定と運用方法

hayase

2020.04.22

お知らせ

MovableType.net では、新型コロナウイルスの感染拡大に伴う緊急事態宣言下でテイクアウトやデリバリーにシフトしながら努力されている飲食店の方々、そんな自分の街の飲食店を支援したいと考えている方々を応援したいと考え、テイクアウト情報を集めたポータルサイトがすぐに立ち上げられるデザインテーマとコンテンツの雛形、そしてスタンダードプランを6カ月間利用できる無料コードの提供を開始しました。

街の飲食店をサポートしたい人をサポート――「TAKEOUT PORTAL 応援プロジェクト」始動します！

これらを利用すると以下と同等のサイトを作成、運営することができます。

シモキタTAKEOUT

今回はサイトのセットアップと運用をご紹介します。

アカウントの作成

アカウントの作成は以下の記事の動画を御覧ください。

アカウント作成手順の動画を公開

ウェブサイト作成の流れでテーマを選択しますが、ここでのポイントは余計なファイルが残らないようにBlankを選択することです。

バックアップファイルから復元する

テイクアウトポータルサイトを作成するためのデザインテンプレートや雛形のコンテンツが含まれたバックアップデータを以下よりダウンロードします。

TAKEOUTPORTAL ダウンロード

作成したウェブサイトの左メニューのツール＞復元からダウンロードしたファイルを選択して復元を行います。

サイト設定

まず、サイトの基本情報に関して設定していきます。

ロゴやメインイメージ、メインキャッチ文の変更

サイトロゴとメインイメージ、メインキャッチ文は、左メニューの設定＞全般の以下の項目で設定することができます。

ロゴ画像：サイト左上のロゴ画像をアップロードする
スライド画像：メインイメージをアップロードする、最大3枚まで設定可能
メインキャッチ文：サイトトップのメインキャッチ文を記述する、HTMLも利用可能

ロゴ画像、スライド画像に関しては以下の画像元ファイルを用意しました。
PNG形式、AI形式、PSD形式で用意していますので、AI形式とPSD形式は神保町と記述されている部分をサイトの名称等に変更して利用してください。

画像セット.zipをダウンロード

お知らせページなどで使用されるアイコン、icon_img.pngに関してはデザイン＞ファイルマネージャのimagesフォルダ内にアップロードし、同じファイル名のものを上書きしてください。
imagesフォルダ内のogimage.pngもスライド画像などを流用して同じファイル名で上書きしてください。

configモジュールの各種設定

左メニューのデザイン＞テンプレートのテンプレート・モジュールのconfigモジュールで以下の項目を設定します。

copyrightの内容：フッターに表示されるコピーライトを変更する
アカウントの設定：OGPやSNSエリア、ソーシャルボタンで利用する Facebook の AppID や、ツイートに含める Twitter のアカウントを記述。アカウントを持っていない場合は空欄にする
地図で探すのマップURL：以下のようなマップをGoogleマップで作成している場合にURLを入力する
https://www.google.com/maps/d/u/0/embed?mid=1DoQ3Wovh_wiSCy9H2vsRxTfGrPBYoz-S&z=16
全ページ共通 meta keyword：全ページのmeta keywordに表示される内容を入力する