1.基本設定を編集しよう
まず最初にホームページの基本設定をしてみましょう。
管理画面右上メニューの 基本設定 をクリックして、全般 タブを表示してください。
管理画面右上メニューの 基本設定 をクリックして、全般 タブを表示してください。
ホームページの基本情報を入力する
ホームページに表示される サイト名 ページタイトルキーワード タグライン を入力してみましょう。
検索エンジン向けの情報を入力する
続いて検索エンジン向けとなる 基本METAキーワード 基本METAディスクリプション を入力してみましょう。
新着情報を使う
新着情報 は、ブログ感覚で投稿できるお知らせ専用の機能です。(デモページ)
初期状態では使用する設定になってますので、確認してみましょう。
現在の 基本設定 ページの 新着情報1 というタブをクリックしてください。
初期状態では使用する設定になってますので、確認してみましょう。
現在の 基本設定 ページの 新着情報1 というタブをクリックしてください。
2.ページを作ってみよう
スマッシュウェブでの「ページ」とはメニューに並ぶそれぞれのコンテンツのことで、ページをひとつ追加するごとにメニューにボタンがひとつ増えます。
では実際にページを作ってみましょう。
管理画面左メニューの ページ管理 の ページ追加 をクリックしてください。
では実際にページを作ってみましょう。
管理画面左メニューの ページ管理 の ページ追加 をクリックしてください。
ページ情報を入力する
ホームページに表示される ページ名(日本語) ページ名(英語) を入力してみましょう。
ここでは 公開設定 階層設定 Keyword Description はそのままで結構です。
ここでは 公開設定 階層設定 Keyword Description はそのままで結構です。
ページレイアウトを選択する
スマッシュウェブは ページレイアウト を切り替えることで様々な種類のページを作ることができます。ここでは標準的な「ベーシック」を選択してみましょう。
ページレイアウト はあとで変更できますので、各レイアウトは追々お試しください。
ページレイアウト はあとで変更できますので、各レイアウトは追々お試しください。
3.ページ内に記事を入れてみよう
作成した「ページ」に記事を入れてみましょう。
管理画面左メニューの編集したいページ(参考画像では サービス )をクリックして、続いて 記事追加 ボタンをクリックしてください。
管理画面左メニューの編集したいページ(参考画像では サービス )をクリックして、続いて 記事追加 ボタンをクリックしてください。
記事のタイトルと本文を入力する
タイトル 本文 を入力します。
ブログパーツ埋め込み・タグ入力 はGoogleマップやYouTube等を埋め込む場合に使う特殊なフォームですので、今回はそのままで結構です。
ブログパーツ埋め込み・タグ入力 はGoogleマップやYouTube等を埋め込む場合に使う特殊なフォームですので、今回はそのままで結構です。
画像を載せる
続いて画像を載せてみましょう。
参照 をクリックして掲載したい画像を選択してください。
あとで変更できますので、ここでは 画像のレイアウト 画像枠 はそのままで結構です。
参照 をクリックして掲載したい画像を選択してください。
あとで変更できますので、ここでは 画像のレイアウト 画像枠 はそのままで結構です。
4.サイドエリアに情報を入れてみよう
サイドエリアは ブロック と バナー で構成されています。
5.デザインを変更してみよう
最後の仕上げとしてデザインの変更をしてみましょう。
管理画面右上メニューの デザイン設定 をクリックして、テンプレート タブを表示してください。
管理画面右上メニューの デザイン設定 をクリックして、テンプレート タブを表示してください。
テンプレートを変えてみる
お好みの ページカラー レイアウト デザインテンプレート をそれぞれ選択してください。
いつでも何度でも変更できますので、後ほど様々な組み合わせをお試し下さい。
いつでも何度でも変更できますので、後ほど様々な組み合わせをお試し下さい。
ロゴを設定してみる
ロゴ タブをクリックして、 参照 ボタンからロゴ画像を選択してください。
メイン画像を差し替えてみる
メイン画像 タブをクリックして、 参照 ボタンからトップページに表示するメイン画像を選択してください。
メイン画像を5点セットできて、複数枚セットすると自動でスライドショーになります。
画像のサイズは基本的に「780ピクセル × 250ピクセル」となってますが、はみ出た部分は自動でカットされますので、よくわからない場合は目測で横長の画像を準備してみてください。
メイン画像を5点セットできて、複数枚セットすると自動でスライドショーになります。
画像のサイズは基本的に「780ピクセル × 250ピクセル」となってますが、はみ出た部分は自動でカットされますので、よくわからない場合は目測で横長の画像を準備してみてください。