帯部分
次は、この帯部分を
作っていく
長方形を挿入
分かった。
とりあえず「＋」？
そう、
とりあえず「＋」押す
メニューが出たけど
何を押せば良いんだろう
今回は「装飾」を押して
分かった。
装飾を押す
色々な図が出て来たよ
その中から、
長方形をクリックで
クリックしたら、
画面に出て来たね
長方形に関しては
紐づけをしないから
「×」を押して削除で
※CMSデータで、テーマカラーの画像を登録している人は
紐づけの際に画像と紐づけてしまってもOK！
分かった
斜め向きにする
続いて、この長方形を
斜めにする
–
まず、長方形を
2回クリックして選択
選択できたよ
それから、
回転のボタンがあるから
それを押して斜め右上にする
こうかな？
まさにそう
横に伸ばして形を整えていく
この長方形を横に伸ばして
帯のようにしていく
こうでいい？
OK！これがあるだけで
それっぽくなるんだよな
帯の色の変更
次は帯の色の変更だな
–
右上のボタンを押して
押すよ
色の部分をクリック？
正解！
色は何色にする？
汎用性を考えて、グレーで
分かった
※CMSデータで、テーマカラーの画像を登録している人は
紐づけの際に画像と紐づけてしまってもOK！
グレーになったよ
帯の文字部分（重複部分は、省略気味に説明）
次は帯の文字部分だな
文字を紐づけて
色を変えるだけ？
……そうだな？
何回かやったから
省略気味でも良い？
しょうがないな
簡易的説明
文字を置くと、
紐づけメニューが出る。
台詞（テキスト）をクリック
こうなる。
そして、回転させて
色を変えたものが……
こちらになります。
ちょっと面倒かも知れないけど
フォントとサイズは付き合ってほしい。
分かった。
フォントについて
フォントは
明朝体にして欲しい
フォントをクリックして
明朝体を選択、だね
OK
–
文字を読ませたいときは
ゴシック
おしゃれな雰囲気重視の時は
明朝で使い分けると良いと思う。
サイズ（レスポンシブ対応）について
次にサイズだな。
パソコンの画面によって
サイズが変わるようにしたい
そんなことできるんだ。
便利だろ
–
まずサイズの左にある
A←→のマークを押す
押したら、
青くなって枠が出て来たね
そうしたら
20～40に設定して
設定できたよ。
文字の幅を広げる
あとは、文字の幅を
広げれば終わりだな
広げた
テキストの部分（データベースとの紐づけ系統、何度も行った為ほぼ省略）
次は、
タイトル部分だな
……テキスト、か
これは……
ぱっと飛ばして良い？
OK
トップページで
かなりやっただろうしさ
–
分からなくなったら
トップページの
紐づけのやり方を
参考にすると分かる
できたものが、
こちらになります。
関連記事
-
Wix Studioで探索者まとめサイトを作る方法①｜CMS・データベース編
-
Wix Studioで探索者まとめサイトを作る方法②｜CMS入力・タグ・バックアップ編
-
Wix Studioで探索者まとめサイトを作る方法③｜トップページ作成前編
-
Wix Studioで探索者まとめサイトを作る方法④｜CMS連携・トップページ後編
-
Wix Studioで探索者まとめサイトを作る方法⑤｜トップページ装飾前編
-
Wix Studioで探索者まとめサイトを作る方法⑥｜トップページ装飾後編
-
Wix Studioで探索者まとめサイトを作る方法⑦｜動的ページ作成前編
-
Wix Studioで探索者まとめサイトを作る方法⑧｜動的ページのコンテナ配置編
-
Wix Studioで探索者まとめサイトを作る方法⑨｜動的ページの画像連携編
-
Wix Studioで探索者まとめサイトを作る方法⑩｜動的ページの帯装飾編
-
Wix Studioで探索者まとめサイトを作る方法⑪｜動的ページのステータス作成編
-
Wix Studioで探索者まとめサイトを作る方法⑫｜動的ページの性格概要編
-
Wix Studioで探索者まとめサイトを作る方法⑬｜前へ・次へボタン編集編
-
Wix Studioで探索者まとめサイトを作る方法⑭｜ホバーアニメーション編
-
Wix Studioで探索者まとめサイトを作る方法⑮｜レスポンシブ対応編
-
Wix Studioのアイコン早見表｜Editor Xで迷った時の操作ガイド
-
探索者まとめサイトを作りたい人へ｜Wix Studio制作ガイド
–
–