全方位網頁設計服務：響應式排版與多平台優化方案 – 新視界網頁設計 https://www.vf.com.tw Vision Flow Mon, 10 Dec 2018 07:51:27 +0000 zh-TW hourly 1 https://wordpress.org/?v=7.1.3 https://www.vf.com.tw/wp-content/uploads/2018/11/vf8-150x150.png 全方位網頁設計服務：響應式排版與多平台優化方案 – 新視界網頁設計 https://www.vf.com.tw 32 32 聯絡表單教學 https://www.vf.com.tw/teaching/getting-started/form-editor.html Mon, 23 Jul 2018 09:31:18 +0000 https://www.webs.com.tw/?p=5998

一、表單欄位新增修改教學

  1. 進入聯絡我們的頁面，選擇以 Elementor 編輯，然後點選表單區塊。
  2. 選擇表單欄位。
  3. 選擇想編輯的項目，直接修改即可。
  4. 如果需要複製，請直接選取複製，複製後再回到上一步驟修改。
  5. 如果不需要該欄位，可直接刪除。
  6. 如果需要新的欄位，可新增新欄位。

二、表單聯絡人修改

  1. 選擇電子郵件，然後直接修改聯絡人郵件即可。
  2. 如果還想寄副本給別人，可在此輸入另一人的 Email。

三、自訂表單訊息

  1. 選擇其他選項，輸入相關訊息即可。
]]> 滿千送百優惠教學 https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon-2.html Fri, 27 Apr 2018 03:17:17 +0000 https://www.webs.com.tw/?p=5621

新增優惠卷

  1. 點選Woocommerce 中的折價卷。
  2. 點選 新增折價卷 或 建立第一張優惠卷。

設定折扣種類

  1. 百分比折扣，輸入想打的折扣 %數，如想打九折則輸入10。
  2. 固定購物車折扣，結帳時總金額的折扣金額優惠，如果要設定滿千送百，需選擇 2, 3 。
  3. 固定商品折扣，結帳時的商品折價優惠，如果要設定滿千送百，需選擇 2, 3。

新增 滿額優惠

  1. 輸入折價卷名稱，此名稱為套用於結帳之優惠碼。
  2. 輸入折扣說明(選填)。
  3. 選擇 固定商品折扣 或 固定購物車折扣。
  4. 輸入折扣金額。
  5. 設定使用限制。

新增 滿額優惠

  1. 輸入折價卷名稱，此名稱為套用於結帳之優惠碼。
  2. 輸入折扣說明(選填)。
  3. 選擇 固定商品折扣 或 固定購物車折扣。
  4. 輸入折扣金額。
  5. 設定使用限制。
  6. 輸入可取得折扣的 最低消費金額。
  7. 設定使用上限
  8. 設定每個用戶的使用上限

使用優惠卷

  1. 輸入優惠卷後，點選 使用折價卷，即可取得折扣。
  2. 折價卷生效後，便可直接看到優惠。
]]> 如何使用優惠卷功能 https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon.html Fri, 27 Apr 2018 02:39:39 +0000 https://www.webs.com.tw/?p=5595

新增優惠卷

  1. 點選Woocommerce 中的折價卷。
  2. 點選 新增折價卷 或 建立第一張優惠卷。

設定折扣種類

  1. 百分比折扣，輸入想打的折扣 %數，如想打九折則輸入10。
  2. 固定購物車折扣，結帳時總金額的折扣金額優惠。
  3. 固定商品折扣，結帳時的商品折價優惠。

新增 折扣優惠(九折)

  1. 輸入折價卷名稱，此名稱為套用於結帳之優惠碼。
  2. 輸入折扣說明(選填)。
  3. 選擇百分比折扣。
  4. 輸入折扣優惠，此數字為折扣百分比，如九折，則輸入 10 (不是輸入 90哦，90則是打一折)，八折輸入 20，依此類推。
  5. 發表或更新後即能使用。

使用優惠卷

  1. 輸入優惠卷後，點選 使用折價卷，即可取得折扣。
  2. 折價卷生效後，便可直接看到優惠。
]]> 如何修改首頁標題背景圖片 https://www.vf.com.tw/teaching/elementor-started/how-to-change-homepage-background.html Tue, 13 Mar 2018 03:09:31 +0000 https://www.webs.com.tw/?p=5386
  1. 進入首頁，選擇以 Elementor 編輯，然後點選標題區塊。
  2. 選擇左邊編輯功能的樣式。
  3. 選擇想新增或置換的圖片後，儲存即可。
]]> 錨點設定 – 設定同頁特定區塊的選單連結 https://www.vf.com.tw/teaching/elementor-started/anchor-setting.html Tue, 13 Mar 2018 02:46:42 +0000 https://www.webs.com.tw/?p=5375

錨點設定 - 設定同頁特定區塊連結

  1. 點選想設定錨點的項目。
  2. 左方功能表中點選進階。
  3. 填入錨點名稱。
  4. 設定連結為該頁網址後加上 #錨點名稱，如 http://webs.com.tw/web-design-quote.html#webdesign-price
]]> 免費圖片教學 https://www.vf.com.tw/teaching/free-photo.html Thu, 04 Jan 2018 02:20:08 +0000 https://www.webs.com.tw/?p=4373

如何使用 免費圖庫

  1. 進入後台，選擇 媒體 中的 Instant Images
  2. 請輸入您想搜尋的圖片類型(目前只支援英文)，按搜尋即會出現圖庫，如下圖所示。
  3. 點擊選擇的圖片即可匯入圖庫，便能在全站使用。
]]> 如何使用動態效果 https://www.vf.com.tw/teaching/elementor-started/how-to-use-effect.html Tue, 26 Dec 2017 02:18:14 +0000 https://www.webs.com.tw/?p=4200

設定進場動畫

  1. 點選想設定動畫的項目，可選整個區段、區塊、或是個別的小工具元素都可以。
  2. 左方功能表中點選進階。
  3. 選擇喜歡的動畫即可。
]]> 如何新增或修改區塊背景 https://www.vf.com.tw/teaching/elementor-started/how-to-change-background.html Tue, 26 Dec 2017 02:15:15 +0000 https://www.webs.com.tw/?p=4194
  1. 點選欲新增或修改的區塊。
  2. 選擇左邊編輯功能的樣式。
  3. 選擇想新增或置換的圖片後，儲存即可。
]]> 如何修改字型 https://www.vf.com.tw/teaching/elementor-started/how-to-change-font.html Tue, 26 Dec 2017 02:12:49 +0000 https://www.webs.com.tw/?p=4190

修改字型有兩種，一個是使用 Elementor 元素專業編輯器建立的頁面中字型，一個是主題字型，主題字型包含頁首、選單、頁尾、小工具等，如欲了解如何修改主題字型，請由下方按鈕進入該頁。

主題字型修改教學

字型概念

請注意，網站的字型只能使用電腦有的字型，才能讓所有客戶看到，如標楷體、新細明體、微軟正黑體等，如果您設定的字型是您自行購買的字體，則只有您自己的電腦才能看到，請不要設定這種字體，以防止別人無法觀看。

請參考下圖：

  1. 進入後台，點選 Elementor 中的 設定。
  2. 點選 Elementor 設定頁面中的 “樣式” 頁籤
  3. 將 “預設通用字型” 填入您想設定的字型

如果您在前台，也可由編輯器的設定中進入，如右圖

]]> 網頁設計教學 https://www.vf.com.tw/teaching/web-design-teacher.html Tue, 26 Dec 2017 02:04:00 +0000 https://www.webs.com.tw/?p=4185

網頁設計教學入門

網頁編輯器教學

佈景主題設計教學

購物網站教學

網頁設計功能介紹

]]>