​   HP編集マニュアル 初級編(画像変更など)

①Wix ホームページエディタを立ち上げると、

まず、このトップページの画面になります。

②左のバーの一番上のボタン[メニュー&ページ]をクリックしてください。

スクリーンショット 2020-08-27 22.48.13.png

③そうすると、[サイトメニュー]の中にたくさんのページがあります。その中の[Zoom/スライド一覧]をクリックしてください。

※主にいじってもらうページは[Zoom/スライド一覧]になると思います。新シリーズによっては[●●/スライド一覧]というページが追加されることもあるかもしれませんが、画像の差し替え方法は変わらないので、ご心配なく。

スクリーンショット 2020-08-28 19.02.21.png

④[Zoom/スライド一覧]を開くと、この画面になります。

今回は例として、第11回のスライド画像から第12回に変更していきます。

スクリーンショット 2020-08-28 19.21.10.png

⑤一旦、wixのホームページエディタは置いておき、他のタブでSlackを開きます。

​布団ちゃんから送られてきているスライド画像を全て保存します。

 

スクリーンショット 2020-08-28 19.23.35.png
スクリーンショット 2020-08-28 19.24.07.png

⑥編集ページに戻って、スライド画像クリックします。そうすると、画像に水色の枠やいろいろなボタンがでてきます。

[スライドを管理]をクリックし、[新しいスライドを追加]もしくは、[…]をクリックしスライドを削除したりして、総スライド数を調整します。

第12回のスライドは15枚だったのでスライド15まで追加します。

スクリーンショット 2020-08-28 19.21.19.png
スクリーンショット 2020-08-28 19.25.17.png

⑦先ほどSlackで保存した画像をアップロードします。

​[スライド背景を変更]をクリック→[画像]をクリックしてください。

スクリーンショット 2020-08-28 19.25.17.png
スクリーンショット 2020-08-29 11.39.07.png

⑧背景画像を選択する画面になるので、左のバーにある[サイトファイル]になっていル事を確認し、その上の[+アップロード]をクリックします。

[PCからアップロード]を選択し、先ほど保存したスライド画像すべてを選択します。

スクリーンショット 2020-08-29 11.39.30.png

⑨すべての画像がアップロード出来たら、表紙から順番に変更していきます。

変更したい画像をクリックし、右下の[背景を変更]をクリックしてください。

スクリーンショット 2020-08-29 11.43.06.png

⑩表紙の画像が変更されました。

水色枠の[スライド1/15]の左矢印をクリックすると、[スライド2/15]になり、2枚目の画像が表示されます。

ここからは⑦に戻り、画像を変更してください。[スライド15/15]まで、変更したら完了です。

​※サイトファイルにアップロードした画像は順番がぐちゃぐちゃになっている可能性があります。布団ちゃんからのSlackを確認し、スライドの順番が正しいか確認してください。

スクリーンショット 2020-08-29 19.23.41.png

(11)PDFデータを差し替えます。

文章などは変えなくて大丈夫です。[PDF]をクリック→[ファイルを変更]をクリックしてください。

スクリーンショット 2020-08-29 19.25.10.png
スクリーンショット 2020-08-29 20.08.16.png

(12)一旦、wixのホームページエディタは置いておき、他のタブでSlackを開きます。​布団ちゃんから送られてきているPDFデータを自分のPCに保存します。

(13)Wixホームページエディタに戻り、ファイルをアップロードします。

[ファイルを変更]をクリックすると、↘︎の画面になります。

画像の時の同じように、[+アップロード]→[PCからアップロード]→先ほど保存したファイルを[選択]してください。。

スクリーンショット 2020-08-29 20.08.38.png
スクリーンショット 2020-08-29 20.08.51.png

(14)PDFファイルがアップロードできたら、左下の[ファイルを選択]をクリックしてください。ファイルが変更されます。

(11)[プレビュー](:公開された時にどう表示されるか、みることができる機能)をして、確認をしてください。問題なければ、Slackにて完了報告してください。

​[エディタに戻る]をクリックすると、元の編集画面に戻ります。

スクリーンショット 2020-08-29 20.09.27.png
スクリーンショット 2020-08-29 19.24.16.png
スクリーンショット 2020-08-29 19.24.36.png

(最後に)

・自動保存されているため、もしブラウザがエラーで閉じてしまったりしても大丈夫です。安心してください。

​・[プレビュー]の横にある矢印をクリックすると、元に戻す(:1つまでに戻す)、やり直す(:1つ前に進む)が出来ます。間違えてしまった時など、ご活用ください。

・コンビニプリント、モバイル版の編集などに関しては布団ちゃんが変更します(ここからは少し上級になるため、興味がある方は布団ちゃんより仕方を教わってください)。

・[公開]はしなくて大丈夫です。画像変更完了をSlackで報告していただき、布団ちゃんが上記を変更して[公開]します。