台灣專業網站設計及站台架構—快速響應與行銷 – 新視界網頁設計 https://www.vf.com.tw Vision Flow Tue, 11 Dec 2018 05:55:55 +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/how-to-add.html Mon, 10 Dec 2018 07:10:47 +0000 https://www.webs.com.tw/?p=5648

1. 進入選單管理

  1. 由後台滑鼠移至外觀，會出現子選單
  2. 由子選單點選選單，進入選單管理

2. 修改調整選單

  1. 點選下拉式選單，選擇想要編輯的選單
  2. 按下選取按鈕，確認編輯該選單。
  3. 可選擇頁面、文章、商品等任何項目，點選後，按下方的[新增至選單]
  4. 將加入選單的項目，按住，移至想放的位置，或拖曳現有選單，移至想修改的位置，亦可按住往右移，可成為子選單。
  5. 核取自動加入選單後，新增的頁面便能自動加入該選單，但要注意選當長度是否適當，建議太多選單時可以多利用子選單，選單字數也不適合太長，會影響美觀。
  6. 選取想讓選單出現的位置。
  7. 確認後記得按儲存選單，才能生效喔。

3. 設定子選單

  1. 按住選單可自由拖曳，移至域設定為上一層選單位置下方後，往右移動，便會自動成為子選單。確認後按儲存選單即可。
]]> 為何文字+圖片的設計比較好 https://www.vf.com.tw/compare/why-usse-text-to-design-is-better.html Wed, 24 Oct 2018 08:22:25 +0000 https://www.webs.com.tw/?p=5705

哪些公司使用文字+圖片設計?

幾乎所有知名企業都是使用文字+圖片的技術來設計網頁

還有更多….

why you need

為何文字 這麼重要

更好的 SEO搜尋引擎優化

網站最重要的功能，就是能讓客戶看見，所以能否讓搜尋引擎收錄非常重要，如果使用圖片文字設計，您的網站便如同隱形一般，使用文字設計才能讓搜尋引擎收錄。

真正百分之百的響應式設計

圖片並無法在手機上自動調整文字大小，只有文字可以有真正回應式功能，在許多行業中，手機瀏覽網站的比例甚至高達八成，所以文字化設計非常重要。

手機上更好的瀏覽體驗

文字不是圖片，無論在手機上或電腦上都是最清晰易讀的，也不像圖片縮小後文字也會縮小，且會模糊不易閱讀，只有真正的文字，才能讓客戶有更好的體驗。

文字+圖片與美工圖文技術比較

文字+圖片技術

  • 真正響應式設計
  • 將文字崁入在圖片上
  • 使用HTML + CSS 技術(複雜)
  • 保留完整文字格式
  • 可調整成手機解析度，是真正響應式
  • 人與搜尋引擎都能識別
  • 因為是文字，所以方便客戶修改。

傳統美工圖文設計

  • 半套響應式設計
  • 文字為圖片設計
  • 使用圖片工具設計文字(簡單)
  • 文字消失，變成圖片
  • 圖片無響應能力，在手機上會變小
  • 僅有人能看，搜尋引擎無法理解
  • 無法修改，必需懂美工軟體，且有原始檔才能改。

圖文設計容易模糊

在電腦上文字清晰可見

一般的設計只有針對電腦，但現在多數人都是使用手機觀看，這樣的設計等於放棄了大多數的客戶，雖然圖文美工的設計比較簡單，但效果差異真的很大。

手機上文字變小

在手機上，小字已經幾乎完全看不到了，大字也變得模糊，這樣的設計在手機上看起來很吃力。

文字+圖片設計，怎麼看都完美

無論是手機還是電腦，都能調整到最適合的大小，清晰不模糊

Design Fashion Realism Modern

Responsive Web Design

手機

Design Fashion Realism Modern

Responsive Web Design

電腦

絕大多數設計公司
仍採用便宜的圖文設計

國外的作品，尤其是越大的企業，幾乎都是採取文字+圖片的設計，但很可惜，我們看了國內很多同業的作品，幾乎都是將文字設計在圖片上，這個方式的設計雖然簡單(因為只要在PS上貼上文字即可)，且在電腦上的視覺效果沒有差很多，但在手機上的效果就非常不好，我們是國內極少數採用先進的全文字設計的公司，希望台灣的網站能盡快跟上國際設計。

我們給您真正文字+圖片設計

文字
50 %
響應式
50 %
SEO
50 %
立刻訂購
查看報價
]]> 網頁設計永久保固 https://www.vf.com.tw/webdesign/%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e6%b0%b8%e4%b9%85%e4%bf%9d%e5%9b%ba.html Thu, 04 Oct 2018 05:42:08 +0000 https://www.webs.com.tw/?p=4882

update

永久更新服務

相信我們，這將是您最後一次需要 網頁設計

一般公司的網站，大概隔幾年就需要重新設計，這是因為有時環境改變(如這幾年的行動網路興起，導致手機響應式網站需求暴增)，有的是因為公司服務或產品轉型升級，有時是因為公司擴大規模，需擴充功能等等，我們公司首創永久免費升級，讓您的網頁隨時都能保持在最新的狀態，擁有最新的功能，且隨時都能調整修改設計，永遠不需要再因為網站老舊而每隔幾年就得重新設計。為您省下大筆經費與麻煩。即使公司成長需要擴充功能，也可以直接升級，無需重做。

保持最新設計

從Web1.0的簡單設計，到Web2.0的絢麗設計，到後來的擬真化設計，到現代的扁平化設計及RWD響應式設計，網頁設計一直隨著潮流進化，傳統的網頁設計也需要不斷的重做，更新，才能吸引客戶的目光。我們讓您的網站保持最新的設計，讓您的網站永遠符合潮流！

保持最新功能

雖然我們現有功能已經非常優秀了，但我們仍以極快的速度完善並新增更多網站功能，讓您的網站無需重新設計，就能隨時有最新的功能。 科技不斷的進化，如iphone, Mac, Windows 等隨時都在更新系統，以讓客戶隨時都能有最新功能可用，我們也一樣。

永久保固

只要是我們維護的客戶，都能擁有永久保固的免費服務，您完全不用擔心網站錯誤或程式等相關技術問題，我們都能幫您處理好，為您省下大筆經費。

保持擴充彈性

隨著企業規模越來越大，或是因應新產品或新服務的加入，經常會讓原本的網站不得不打掉重做，我們為您保持所有擴充的彈性，在您需要的時候，就能加入您所需要的功能，讓您的網站有無限的可能性。

]]> 聯絡表單教學 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/getting-started/how-to-edit-menu-text.html Mon, 16 Jul 2018 01:58:53 +0000 https://www.webs.com.tw/?p=5985

我們的系統非常聰明，如果您想修改選單名稱，僅需直接修改該頁面名稱即可，不需要另外修改選單名稱，方法如下。

請先登入後台，點選頁面，然後在想修改名稱的頁面上點選編輯，可進入編輯模式修改頁面標題，或是選擇快速編輯，修改標題。

 

如果您想將選單的名稱設定與頁面名稱不同，可直接到外觀 > 選單 編輯該選單即可。 可參閱 ：如何修改選單或設置子選單

]]> 如何隱藏我的網站 https://www.vf.com.tw/teaching/getting-started/how-to-hide-website.html Tue, 19 Jun 2018 08:17:21 +0000 https://www.webs.com.tw/?p=5992

雖然在 SEO的立場，我們不建議您這樣做，但有時候您可能不想讓人看到您的網站，可以使用這個方式來隱藏，不過如果有人知道您的網址，還是可以看到您的網站，這個方式並無強制性，也不會馬上生效，要等搜尋引擎檢查後才會生效。

  1. 選擇設定(Settings)中的閱讀
  2. 在搜尋引擎可見度的選項打勾，阻止搜尋引擎索引這個網站即可。
]]> 滿千送百優惠教學 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
]]>