【２３】 サイト(クリック募金サイト)紹介部を編集する（ＷＩＸ）

 



エディタ画面からモバイル版を開き、テキスト部をクリックし、設定をクリック、「左寄せ」をクリックする。






スクロールバーを下へスクロールさせる。






上側のボタンを選択し、写真の位置までドラッグ＆ドロップさせる。






ボタンの下側ラインを、ドラッグ＆ドロップでボタンの縦幅を広げる。






残っているボタンを選択し、写真の位置までドラッグ＆ドロップさせる。






ボタンサイズをドラッグ＆ドロップで変更する。






スクロールバーを下へスクロールさせ、ずれているボタンを選択し、写真の位置までドラッグ＆ドロップさせる。






ボタンサイズをドラッグ＆ドロップで変更する。






赤枠部をクリックし、カラムの幅をドラッグ＆ドロップし変更する。






スクロールバーを下へスクロールさせ、画像のカラムが選択されている状態で「非表示」をクリックする。






テキスト部をクリックし、左右枠をドラッグ＆ドロップし変更する。






ボタンを選択し、写真の位置までドラッグ＆ドロップさせる。






ボタンサイズをドラッグ＆ドロップで変更する。






カラムが選択された状態で、カラムの幅をドラッグ＆ドロップし変更する。





スクロールバーを下へスクロールさせ、画像のカラムが選択されている状態で「非表示」をクリックする。







以上が、クリック募金サイト紹介部を編集する方法です。




←【２２】　　　【２３】　　　【２４】→




コメント

コメントを投稿

このブログの人気の投稿

【５】 ヘッダー(メニュー・ソーシャルバー)を編集する（ＷＩＸ）

イメージ
  目次へ戻る エディタ画面 を開き、テキスト（サイト名）を削除する。 「メニュー」をクリックし、横幅を変更する。 「メニュー」縦方向の表示位置を変更する。 【現在、説明のWebページにはソーシャルバーを表示しておりません。】 「ソーシャルバー」縦方向の表示位置を変更する。 「ヘッダー」部をクリックする。 「ヘッダー」の縦幅を変更する。 「メニュー」部をクリックし、「デザインを変更」をクリックする。 希望の「メニュー」デザインを選びクリックし、「デザインをカスタマイズ」をクリックする。 「テキスト」をクリックする。 「ホバー」をクリックする。 「文字色」部をクリックする。 「カラーパレット」より、好みの色を選択する。 「クリック」をクリックする。 「文字色」部をクリックする。 「カラーパレット」より、好みの色を選択する。 「メニュー」部を右クリックし、「画面に固定」をクリックする。 画面上部のセンターに固定される。 横の位置、縦の位置、を合わす。 「ソーシャルバー」をクリックし、「ソーシャルリンクの設定」をクリックする。 アカウントを持っていない、「フェイスブック」「インスタグラム」を削除する。 「アイコン画像を変更」をクリックする。 「Ｗｉｘ画像・動画素材」の画面が開くので、下へスクロールする。 twitterのカラー画像をクリックし、「画像を選択」をクリックする。 「アイコンを追加」をクリックする。 「Ｗｉｘ画像・動画素材」の画面が開くので、追加したいアイコンをクリックする。 追加したアイコンをクリックし、リンク部をクリックする。 「ウェブアドレス」を入力し、「完了」をクリックする。 twitterのアイコンをクリックし、リンク部をクリックする。 twitterのアドレスを入力し、「完了」をクリックする。 「完了」をクリックする。 「ソーシャルバー」を右クリックする。 右上に固定される。 横の位置、縦の位置、を合わす。 ヘッダー部をクリックし、 「設定」をクリック、「固定」をクリックする。 ヘッダー部をクリックし、「デザインを変更」をクリックする。 下へスクロールさせ、デザインを選び選択後、「デザインをカスタマイズ」をクリックする。 好みのヘッダーデザインを選択し、「通常時」「スクロール時」共に不透明度を100％にする。 「メニュー＆ページ」をクリックする。 ホ
続きを読む

【７】 インタラクティブ(スライド画像)を編集する（ＷＩＸ）

イメージ
  目次へ戻る エディタ画面 から クリック募金ＴＯＰページを開き 、画像部を右クリックし、「削除」をクリックする。 「●」の画像を右クリックし、「削除」する。 テキストを右クリックし、「削除する」。 赤枠で囲ったアイテムを全選択し、右クリックする。 「削除」をクリックする。 「追加」をクリックする。 「インタラクティブ」をクリックし、「About：ビジネス」をクリックする。 「Ctrl」を押しながら3か所を選択し右クリックする。【繰り返し１枚目～３枚目↓↓↓】 「削除」する。 「スライド背景」をクリックし、「画像」をクリックする。 「サイトファイル」をクリックし、「アップロード」をクリックする。 「PCからアップロード」をクリックする。 画像があるフォルダを選択し、使用する画像（ここでは３枚）を全選択する。 １枚目に掲載する画像をクリックし、「背景を変更」をクリックする。 「スライドを管理」をクリックする。 「スライド２」をクリックする。 スライド２が表示されるので、ここからは１枚目のスライドと同様にスライド３までの画像を変更する【繰り返し１枚目～３枚目↑↑↑】。 赤枠部をクリックし、「設定」をクリック、スライドの表示間隔を調整し、マウスオーバーで再生停止をＯＦＦにする。 スクロールバーで下にスクロールし、エフェクト時間の秒数を変更する。 「追加」→「テキスト」→「タイトル」→「スタンダード」をクリックする。 ドラッグ＆ドロップをし、テキストの表示位置を変更する。 「テキストを編集」をクリックし、ブログタイトルを入力する。 テキスト部を右クリックし、「コピー」をクリックする。 赤枠部をクリックし、「スライド２」をクリックする。 赤枠部を右クリックし、 「ペースト」をクリックする。 スライド３も同様に繰り返し行う。 以上が、インタラクティブ(スライド画像)の編集 方法です。 ←【６】 　　　【７】　　　 【８】→ 目次へ戻る
続きを読む

【１２】 ストリップ(スクロールエフェクト)を編集する（ＷＩＸ）

イメージ
  目次へ戻る エディタ画面 から クリック募金とはページ を開き、赤枠内アイテムを全選択し削除する。 「追加」をクリックする。 「ストリップ」をクリックし、「Welcome」をクリック、オレンジ枠をクリックする。 赤枠部をクリックし、「ストリップ背景を変更」をクリック、「画像」をクリックする。 「アップロード」をクリックする。 「ＰＣからアップロード」をクリックする。 画像を保存しているフォルダ・画像を選択し、「開く」をクリックする。 アップロードされた画像をクリックし、「背景を変更」をクリックする。 テキスト部を右クリックし、「削除」する。 赤枠部をダブルクリックし、任意の文字に書替える。 文字サイズを変更する。 文字色選択をクリックし、文字色を変更する。 配置横の「Ⅴ」をクリックし、左寄せを選択する。 フォント部の「Ⅴ」をクリックする。 スクロールさせ、「メイリオ」をクリックする。 テキスト部の右端をクリックし、写真の位置までドラッグ＆ドロップする。 テキストをドラッグ＆ドロップし、表示位置を変更する。 画像部をクリックし、「ストリップ背景を変更」をクリック、「設定」をクリックする。 スクロールエフェクトからパララックスを選択する。 以上が、 ストリップ(スクロールエフェクト)の編集方法です。 ←【１１】 　　　【１２】　　　 【１３】→ 目次へ戻る
続きを読む