インストラクターの順番を変える

インストラクターの順番を変える方法を解説。

手順は、

ウィジェットからデータをメモにコピーする

内容が複雑なので、一旦コピーしてメモ帳に貼り付けて作業したほうが間違いがないのでオススメ！

step
1「外観」から「ウィジェット」を開く

step
2「メインコンテンツエリア上部」から「パララックスコンテンツ-instructor」を選択

step
3下部の「オリジナルパララックスコンテンツ」を表示させる

step
4コピーしてメモ帳に貼り付ける

①オリジナルパララックスコンテンツの中ならどこでもいいのでクリック

②キーボードの「command」と「A」をクリック　→すると全部選択される（色が変わる）

③その状態でキーボードの「command（windowsはctrl）」と「C」をクリック

④メモ帳（何でもOK）を開き、キーボードの「command（ctrl）」と「V」で貼り付ける

step
5コードの内容を確認する

トップに[flipcard]のコード（ピンクの部分）、

[flipcarditem]から[/flipcarditem]がそれぞれのインストラクターの内容（オレンジで囲われた部分）、

最後に[/flipcard]を閉じるコード（最後のピンクの部分）がある。

オレンジで囲った[flipcarditem]から[/flipcarditem]が、それぞれのインストラクターなので、順番を入れ替える

今回の例は、YUKIKOさんをらぶちゃんの下に入れるので、

①YUKIKOさんの[flipcarditem]から[/flipcarditem]を選択して右クリックで「切り取り（カットかも）」

②らぶちゃんの下に貼り付け

※必ず[/flipcarditem]と[/flipcard]の間、の間、もしくは[/flipcarditem]と[flipcarditem]の間に入れること！

step
7順番の入れ替えが終わったら、メモ帳のデータをすべて選択してコピーし、先程のウィジェットへ貼り付ける

※前のものが残っているので、全部選択して削除、メモ帳からコピーしたものを貼り付ければデータが更新される

step
8保存してトップページを確認する

次にスマホのトップ画面の設定を行う

step
1ダッシュボードの「ウィジェット」から「コンテナ上部（モバイル用）」→「パララックスコンテンツ：instructor」を選ぶ

step
2パソコンの時と同じように「オリジナルパララックスコンテンツ」の中身をメモ帳にコピぺする

※コードがパソコンと同じように見えるが、トップコードなどがパソコンとモバイルでは違うので、パソコンのデータは使えない

step
3パソコンのコード変更と同じように訂正する

パソコンと違うところは、一人分のインストラクター1行「flexitem margin=5]が追加されているので一緒にコピペすることと、URLと写真の場所がパソコンとは違うので注意する。

以降はパソコンと同じ。

step
1外観のメニューを選択

step
1インストラクターのところまでスクロール

step
3クリック＆ドラッグで位置を変える

step
4終わったら「メニューを保存」