CMSデータとトップページを紐づける
データセットを作成する
では、最後にCMSデータと
トップページを
紐づける作業をします
–
まずは1回クリックして
リピーター…
大きな枠ごと
クリックして下さい
クリックしたよ
いいですね
上の方にメニューがあるね
では、
紐づける様なボタンを
押してください。
これかな?
押すよ
データセットを作成?の
ボタンが出て来た。
それをクリックで
合っていますよ
データセット作成、の
画面に飛んだ
いいですね。
–
では、
コレクションを選択を押して
「探索者一覧」を選択して下さい
データセット名も入った
「作成」を
クリックして下さい
データがセットされたみたい
それで
データセットの作成は
完了です。
画像をデータセットと紐づける
では、画像とデータを
紐付けます
画像を押すよ
はい、
押してください
メニューが出て来た
では、画像元の接続先を
クリックして下さい
押すと、
一覧が出てくるね
では、「アイコン」を
選んで下さい
アイコンをクリック。
アイコンが変わるのに、
時間がかかるので
ゆっくり待ってください
自動で…変わった…
便利ですよね…
それがCMSの便利機能です
すごい…
では、「リピーター接続」を
押して前の画面に
戻って下さい
押して戻った。
タイトル部分→名前に紐づけする
では、次はタイトルの部分を
名前に紐付けようかな
テキストは二つあるね?
2番目のテキストで
お願いします。
分かった。
+
テキストの接続先を
クリックで良い?
そうですね
名前(テキスト)を
クリックするよ
これで完了です。
まだ…変わっていない…
XエディタとWixは編集重いので
待ちながら
次のテキストをやりましょうか。
…あっ、変わった。
よかったです。
では、戻りましょうか。
うん、
リピーターを接続を押して
元の画面に戻る。
テキスト→シナリオHO名に変更
では、次は上のテキストを
クリックして下さい
押したよ
–
HO(テキスト)を
選択して良い?
はい、
それで合っています
無事に変わった…
タイトル部分の文字の編集
流石にタイトルが英語だと
いかにもテンプレートなので
変更しましょうか
確かに変更したい…
テキスト編集を可能にする
では、編集するために
タイトル文字を
クリックしましょう
クリックはした……
けど、カーソルがついたり、
編集は出来ないね
編集は
「テキストを編集」を押すと
編集できます
助かった。
テキストを編集を
クリックする
いかにも
編集できそうな画面になった。
フォントを変更する
先にフォントを
明朝体にしようかな
フォント部分を
クリックするよ
どれがいいかな?
なんとなくで、
MS P明朝体にします
クリックするね
明朝体になっただけで
おしゃれになった
明朝体、
重いことが多いですが
おしゃれですよね
タイトルを変更する
では、クリックして
タイトルを
自由に変えてください
こんなかんじ?
良いですね
プレビューをする
最後にプレビューをして
崩れていないか、を
確認します
それ毎回やるね
癖にしないと
いつどこで間違えたか、
分からなくなるので…
それは確かにそうか。
確認する
ページは
崩れていなさそう
良いですね…!
–
では、これで一先ず
トップページは完成です。
次は
トップページの装飾、って
言ってたよね?
面倒派の僕はこれでいいのですが
なんか違うってCが言うので
装飾あたりはCに任せました
そっか
・・・…動的ページも
試しに押し付けたら
担当してくれるらしいので
–
僕は此処で
無事に逃げられる
というわけですよ
分かった。
ありがとう。
役に立てたのなら、何より
では、後は他力に頼りますね
関連記事
-
エディタXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る① 新規登録編&データベース作成 前編 エディタXの登録方法、CMSとは、CMSの追加方法、コレクションの作成、データベースのフィールド追加、データベースに画像を追加する方法 Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る② データベース作成 後編 データベースにステータスや年齢等の数字を入れる方法、タグ付けのやり方、リッチテキストの追加し方、アイテムの増やし方、段落の増やし方、データベースのバックアップの取り方、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る③ トップページ作成前編 要素追加のやり方、ワイヤーフレームのリピーターの付け方、テンプレートの編集し方、余白の変更し方、プレビューのやり方、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る④ トップページ作成後編、データセットの作成し方、コレクションの選択し方、要素とデータのセットし方、テキストの編集し方、フォントの変更し方、プレビューのやり方、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑤ トップページの装飾前編 背景画像を付ける 画像を不透明にするやり方 レイヤーの使い方等、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑥ トップページの装飾後編 Unsplashの使い方、アニメーションの付け方等 Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑦ 動的ページの作り方&動的ページの大枠を作る前編 ページの追加し方、コンテナの追加し方、レイヤーの使い方 Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑧ 動的ページの大枠を作る後編 コンテナの作り方、コンテナの長さや高さの調整し方 Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑨ 動的ページの画像とデータを紐づける編 データセットの選択、画像元の接続先の設定、CMSと動的ページを繋げる、レイヤーの使い方、EditorX
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑩ 動的ページの帯作成編 装飾の追加し方、装飾の色の変え方、装飾のサイズ変更し方、フォントのレスポンシブ対応の設定し方、EditorX
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑪ 動的ページのステータス作成編 コンテナの追加し方、コンテナの分割し方、自由に入力できるテキストのやり方、テキストのデータセットを外す方法、EditorX
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑫ 動的ページの性格概要作成編 装飾の追加、装飾の色の変更、装飾の影の付け方、レイヤーの使い方、リッチテキストの紐づけ方、データセットの選択し方、テキストの接続先の設定し方、EditorX
-
エディタXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑬ 動的ページの「次へ」「前へ」ボタン編集編 ボタンのテキスト編集し方、コンテナの色の変更し方、コンテナの色の半透明にするやり方、レイヤーの使い方、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑭ ホバーアニメーション編 ホバーアニメーションの付け方、ホバーの付け方、Editor X
-
エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑮ レスポンシブ対応編 レスポンシブ対応の作り方、レスポンシブ対応ボタンの場所、画面サイズによってレイアウトを変更する方法、スマートフォンから見たレイアウトの編集、デスクトップから見たレイアウトの確認 Editor X
-
EditorX、エディタX、WixSTUDIOでやりたいことが出来ない!と困ったら見るところ(アイコンの説明)
-
探索者一覧 サイトを作る!エディターXで作るキャラクター紹介ページや、創作PCまとめサイト、探索者まとめサイト、キャラクターまとめサイトの作り方、Wix系統のホームページ作成ツールEditorXの操作や使い方などのまとめ
–
–
–
–