5、サービスページ 解説

それではここからサービスページの解説をしていきます。サイトマップから「サービス」と書いてあるページをダブルクリックして下さい。下の画像の赤い丸で囲った部分です。

サービスページ

解説 TOP

Loading the page...

ウィジェット挿入

ウィジェットカスタム

6、会社概要ページ

解説へ

 

何か追加・変更したら「プレビュー」

で必ず確認!!!

 

「ファイル」

「サイトを保存」

も必ず忘れずに!!!

ダブルクリックすると下の画像のページが開きます。

それではウィジェットを挿入していきましょう。右側にあるスマートガイドから

「ウィジェットライブラリー」→「ツールヒント」と選択し、ドラック&ドロップでウィジェットをページの中央まで持ってきて下さい。

 

※フッダーにあるFacebookのいいねボタンは気にしないで下さい。

ウィジェットが挿入されますと、下の画像のようになると思います。

ウィジェットの中央にグレーのマルが3つあります。1つだけ濃いグレーですが、これが大きい赤い丸で囲った部分とリンクしています。つまり現在はアクティブ状態のものだけが表示されているということです。

薄いグレーをクリックするとそれにリンクしたものが表示されます。説明では分かりにくいかもしれませんので触ってみて下さい。。

画像・テキスト・最後にはそれぞれの配置まで変更していくので、全て見えている方が楽かと思います。

ウィジェット右上角の青い三角マークをクリックすると、下の画像のように黒い設定画面が出てきます。そこの一番下「すべてをデザインモードで表示」にチェックマークを入れると、先程まで表示されていなかったもの全てが表示されます。

ここからそれぞれの枠の中に画像やテキスト等を配置していきます。

画像、テキストの入れ方と配置は、前に解説したものと同じになるので省略しますね。

下の画像①にあるように+マークをクリックするとツールを増やすことができます。今回のサイトでは1つ増やして全部で4つにしています。

また、②で赤い線で囲った部分は選択することによって位置を変えたり、大きさを変えたりする事ができます。選択した時に出た青い線を、クリックしたまま動かすだけですので簡単ですよ。

サービスというテキストを忘れていました(汗)本当は最初に配置した方が、ウィジェットを配置する際のバランスを見やすく二度手間にならないですね(汗)気を付けます、、、。

これでサービスページもほぼ完成です。

テストサイト「simple corporate」

http://muse-logsimplecorporate.businesscatalyst.com

© muse-log.com all rights reserved.