【１７】 ボタンを追加・編集する（ＷＩＸ）

 



【現在このボタンはWebページより削除されています】


エディタ画面からＷｅｂページ作成方法ページを開き、「追加」をクリックする。






「ボックス」をクリックし、「ボックス」をクリック、下へスクロールさせ緑枠をクリックする。






追加されたボックスを、ドラッグ＆ドロップさせ表示位置を変更する。






「デザインを変更」をクリックし、「デザインをカスタマイズ」をクリックする。






「不透明度・色」をクリックする。






カラー部をクリックし、目的の色を選ぶ。






「追加」をクリックする。






「テキスト」をクリックし、「おすすめスタイル」をクリック、オレンジ枠をクリックする。






「テキストを編集」をクリックし、任意の文字に書替える。






配置横の「Ⅴ」をクリックする。






「センタリング」をクリックする。






テキストをオレンジのボックス内へドラッグ＆ドロップで移動する。






「テキストを編集」をクリックし、文字カラーをクリック、文字カラーを選ぶ。






ボックス下枠ラインをドラッグ＆ドロップさせ、ボックス縦幅を変更する。






「追加」をクリックする。






「ボタン」をクリックし、「テキストボタン」をクリック、オレンジ枠部をクリックする。






「テキスト」を編集をクリックし、文字を削除する。






ボタンをオレンジボックスまでドラッグ＆ドロップで移動する。






ボタンのサイズをボックスと同じサイズに変更する。






「デザインを変更」をクリックし、「デザインをカスタマイズ」をクリックする。






「角」をクリックし、「30」に変更する。






「枠線」をクリックし、不透明度を０％にする。






「ホバー」をクリックする。






「不透明度・色」をクリックし、不透明度を20％にする。







以上が、ボタンを追加・編集する方法です。
ボタンにリンク機能を追加する方法については、【18】にて説明します。




←【１6】　　　【１7】　　　【１8】→




コメント

コメントを投稿

このブログの人気の投稿

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

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

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

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

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

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