Wixでサイトの編集画面に移動、編集を保存する方法(ADI、エディタ)

girls IT

Wixでサイトを作ることができたら、まずは編集画面に移動して、いろいろレイアウトをいじることから初めてみたいと思います。

Advertisements

サイトの表示方法

https://www.wix.com/ja
wix10
Wixでログインすると、登録済のサイトのダッシュボードに移動します(複数のサイトを持っている場合は、どのサイトのダッシュボードに入るかの選択画面に遷移します)。
ダッシュボードの赤枠で囲った部分をクリックすると、作成されたページを実際に開いてみることができます。

サイトの編集画面への移動

wix11
編集画面に移動するには、ダッシュボードの簡易アクションをクリックして、プルダウンからサイトを編集をクリックするか、
wix20
ダッシュボード左下にあるサイトを編集をクリックします。
wix12

ADIの編集画面

実際のサイトを模した編集画面が表示されます。
wix13
Wixのサイトは各ブロックごとにカーソルを合わせると色が変わるので、変更したいブロックの上でダブルクリックするか、編集デザインなどのボタンを押します。
wix14
するとサイドバーが開き、なにかしら編集・変更が可能な状態になります。
編集が終わったら、サイドバーは×ボタンを押して閉じることができます。
wix15
出来合いのものを少し編集してみます。ページ下部の住所はいらないので、住所のチェックボックスを外すと、
wix16
サイト上から消えることが確認できます。画面ちっちゃくてわかりづらいですが、チェックボックスで登録された要素(住所やメアドなど)を出したり消したりを決めることができる、という話です。HTMLなどの操作は一切ありません。
wix17
サイドバーを開いてデザインを編集をクリックし、
wix18
画像を好きな写真に変更したり、デザインをテンプレートから選んで変更したりと、とりあえず出来合いのものをいじるだけで結構いろいろ変更可能です。
wix19
編集はこのぐらいにして、公開を押します。これで変更がサイトに反映されます。

エディタの編集画面

wix29
同じ同線でエディタ設定のサイトの編集画面も入ることができます。
サイトプレビュー上で要素をクリックしていくのは同じですが、ボタンなどがADIとはいろいろ異なります。
公開を押して変更をサイトに反映するのは同じです。
wix31
左上のテキストをクリックしてみると、テキストを編集なるボタンが現れました。これもクリックすると、
wix30
文字を直接編集できるようになりました(要素をダブルクリックしても編集状態になります)。サイドバーは開かず、設定はウィンドウで表示されます。
wix32
どこか別の箇所をクリックすると編集完了となります。
WixおよびVelo by Wixの使い方・関数・プロパティなどまとめ
Wix関連のまとめです。①公式のリファレンスが充実してるのと②Wix自体がまだ発展途上(バグも多い)のと③そこまでガッツリ使うわけではないのと④AdBlock入れてるとまともに動かない ので記事の充実圧力は低めですが、まあぼちぼち暇を見て増...

コメント