店舗集客の為のホームページ制作なら「CMS」にお任せ下さい。マニュアルマニュアル管理画面へのログインログイン画面にアクセスし、ユーザ名とパスワードを入力後、「サインイン」をクリックすると管理画面へのログインが完了します。ユーザ名とパスワードは制作担当者よりお渡ししております「チームラボCMS設定確認書」にてご確認ください。「ログイン情報を記録する」をチェックすると、2回目以降の入力が簡単に行えます。ご注意セキュリティ保護のため、管理画面のユーザ名やパスワードを弊社にお問合せ頂きましても、電話・FAX・メールでご案内することができません。「チームラボCMS設定確認書」は紛失されないよう大切に保管してください。万が一紛失されたときは郵送での再発行を行わせていただきます。ホームページ編集の方法ホームページの編集を始めるときは、まず編集したいコンテンツを選びます。管理画面右上の「システムメニュー」にカーソルを合わせ、プルダウンメニューの中から「ブログ」をクリックします。編集可能なコンテンツの一覧が上図のように表示されます。編集したいコンテンツ名をクリックすると、コンテンツの管理画面へ移動します。下図の赤枠で示した箇所は使用しませんのでクリックしないでください。編集画面ツールバー各部の機能CMSのブログやページの編集には、入力エリアへのテキスト入力の他、編集画面上部のツールバーを使用します。これがツールバーです。ボタンの機能は以下の通りです。小さくしたい文字列を選択して、ボタンをクリックします。大きくしたい文字列を選択して、ボタンをクリックします。文字列を選択してクリックするとボールド(太字)になります。文字列を選択してクリックするとイタリック(斜体)になります。文字列を選択してクリックするとアンダーバー(下線)が付きます。文字列を選択してクリックすると、ストライク(訂正線)が付きます。【ハイパーリンク挿入ボタン】クリックするとウィンドウがポップアップします。テキストエリアにURLを入力すると、そのURLへのリンクを挿入することができます。【メールリンク挿入ボタン】クリックするとウィンドウがポップアップします。テキストエリアにメールアドレスを入力すると、そのメールアドレスへの宛先入りでメールソフトを起動するリンクを挿入することができます。文字列を選択してクリックすると書きだしを一段下げることができます。他の文章から引用する場合等に使用します。引用開始ボタンで段落が付いた箇所を終了するボタンです。引用を終了して、主文に戻る場合に使用します。各項目の頭には「・」が付きます。各項目の頭には1から順に番号が付きます。選択した行を左寄せにします。選択した行を中央揃えにします。選択した行を右寄せにします。アップロードしてある画像の他、あらたに画像をアップロードして使用することが可能です。画像以外のファイルを挿入します。印刷に特化した「PDFファイル」等をアップロードするなどの活用法があります。絵文字を挿入することができます。実際の画面に近い画面で編集ができるWYSIWYGモードと、HTMLタグを使用してより細かな設定が可能なHTMLモードを切り替えることができます。※通常はWYSIWYGモードになっています。選択したテキストを見出しにすることができます。見出しは3種類あり、外見が異なりますが、見出しはデザインで選ぶのではなく意味で選ばなくてはいけません。左の三種類の中ではH2が最も大きな意味を持つ見出しとなり、それより小さな意味の見出しとしてH3、H4と続きます。通常はページのタイトルがH2となり、記事のタイトルがH3となります。そのため、実際に記事の中で見出しを使用する場合はH4を使用するのがベターです。左の2つのボタンは使用しません。新しいブログ記事の作成システムメニューのプルダウンから「ブログ」をクリックし、コンテンツの一覧から「スタッフブログ(この名称はホームページごとに異なります)」をクリックしてコンテンツ管理画面へ移動します。ブログのコンテンツ管理画面上部の「ブログを書く」をクリックして、ブログ投稿画面へ移動します。上の画面が、ブログ編集画面です。1にブログ記事のタイトル、2がブログの本文を入力するエリアです。両方の入力が終わったら、誤字脱字がないか等をチェックしましょう。チェックがおわったら、保存ボタンをクリックすればブログの投稿は完了です。管理画面上部の「表示」をクリックして実際のサイトを確認してください。書いている途中の原稿を一旦保存をするには、画面右側の「公開状態」のプルダウンから「未公開(原稿)」を選択して「保存」をクリックします。ブログの装飾(文字色・文字スタイルの変更)ブログ記事を書くときは、読み手に見やすく、伝わりやすいよう装飾を施すことが出来ます。長文のブログを書いたときは、文章だけが延々と続いていると読みづらく、途中で飽きてしまう可能性があります。重要なポイントに色を付けたりして文章の緩急を表現することで、読み手がより楽しめる文章にすることがポイントです。ブログ記事作成画面のツールバーを使って、以下の装飾を加えることができます。文字の色を変更しています。...読みやすく、飽きない工夫を施して、ホームページのアクセスアップや滞在時間延長を目指しましょう!ブログの装飾(画像の挿入)ブログ記事の文中にデジタルカメラ等で撮影した写真を挿入することができます。文章だけでは表現しきれない部分を写真を挿入して補足したり、長文を書いたさいに挿絵として挿入することで文章の区切りを入れることができます。ブログ編集画面のツールバーから写真の挿入を行う事ができます。上図の赤枠のボタンをクリックしてください。ポップアップしたウィンドウの「新しい画像をアップロード」をクリックします。「参照」をクリックして、パソコンに保存されているデータの中から、アップロードしたい写真を選択します。画像ファイルの名前に半角英数以外の文字が含まれていると、上手く表示されない場合がありますので、画像のファイル名はあらかじめ半角英数に変更しておいてください。写真を選んだら「アップロード」をクリックします。次に画像の表示サイズと位置の調整を行ないます。画像の横幅が600ピクセル以上ある場合、ホームページの横幅いっぱいになってしまう可能性があります(ホームページによって若干異なります)ので、表示の大きさを変更しましょう。「サムネイルを利用」にチェックを入れ、幅を指定します。300ピクセル程度にしておくと、画面の半分程度の大きさになりますので、丁度よいサイズになるでしょう。次に表示位置の調整を行ないます。写真をホームページの左寄せ、中央、右の任意の位置に置くことができます。適切なサイズと位置を選んだら「完了」をクリックします。写真が挿入されると、左図のようになります。図は、青空の写真をアップロードしたところです。一度入れた写真を消す場合は写真をクリックしてから、「deleteキー」を押してください。ご注意アップロードできる画像は、JPGデータになります。その他の画像はうまく表示されない場合がありますのでご注意ください「サムネイルを利用」の機能を利用してサイズを変更した場合、変更されるのは「見かけ上のサイズ」だけです。大容量の写真は実際にはそのままのサイズでアップロードされますので、予め適切なサイズにリサイズした画像をご用意ください。(大容量の写真をたくさんアップロードし続けると、ブログの更新が遅くなるなどの弊害があります。)ブログの装飾(YouTubeを利用した動画の挿入)動画サイト「YouTube(ユーチューブ)」にアップロードされた動画を、ブログの文中に挿入することができます。お店の紹介動画を作成してそれを投稿したり、文章や写真以上の表現が可能になります。YouTubeのサイト上で、アップロードする動画にアクセス(左図はYouTubeのサイトです)して以下の手順にしたがってください。1動画の下部にある「共有」ボタンをクリックしてください。2「埋め込みコード」ボタンが表示されるのでクリックしてください。※その時最下部に表示されている動画枠のサイズは「640×510」より小さいサイズをお勧めします。お好みのサイズをクリックすると選択サイズが青く変わります。3中央部に表示された半角英数字の文字列(埋め込みコード)を全て選択し、コピーしておきます。4チームラボCMSのブログ作成画面で、ツールバーの「<A>」(HTMLモードボタン)をクリックして、HTMLタグモードに切り替えます。5先程コピーした埋め込みコードを貼りつけます。その後ツールバー「A」をクリックしてHTMLモードからWYSIWYGモードに戻します。(YouTubeの動画が挿入できていることが分かります)記事を保存して、管理画面上部の「表示」をクリックして実際のページ上での表示を確認してください。YouTubeにアップロードされた動画を間接的に表示している状態でありますので、YouTube側から動画が削除されればブログ記事上からも見ることができなくなります。ギャラリー更新の方法ギャラリーの編集を始めるときは、まず編集したいコンテンツを選びます。管理画面右上の「システムメニュー」にカーソルを合わせ、プルダウンメニューの中から「ブログ」をクリックします。表示されるブログ名の一覧から「GALLERY」を選び、クリックします。※ブログ名(GALLERY)はサイトによって異なります。左図がギャラリーを更新する画面です。図の1、2、3の順に更新作業を進めます。コメント」「キャッチコピー」を記入します。ギャラリー画像に関連する内容を記入しましょう。次に2で画像を登録します。「imageを選択」をクリックします。ギャラリーに載せたい画像を選択します。「新しい画像をアップロード」をクリックします。「アップロードするファイルを選択」の「参照」をクリックします。ギャラリーに載せたい画像を選びます。※ギャラリーに載せたい画像を事前にパソコンに保存しておきましょう。「アップロードするファイルを選択」の部分にフォルダパスが記載されていることを確認してください。フォルダパスが記載されていましたら、「アップロード」をクリックします。「名前」に画像名が記載されていることを確認して、「完了」をクリックします。続いて3の部分を記載します。こちらも画像に関連する内容を記載してください。※項目はサイトによって異なります。最後に「保存」をクリックしてギャラリー画像の更新は完了です。