Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保

Weebly 架站四步驟

(二) 如何選擇/更換範本

1/21/2025

0 評論

 
Weebly 提供上百種網站主題範本, 適用於各種網站類型, 例如: 個人網站、線上商城、部落格等等.  不過, 通常, 由於網站通常具備多種功能, 所以, 選擇範本時, 不需要拘泥於 Weebly 的範本. 挑選讓自己感覺順眼, 符合個人風格的範本比較重要.
Weebly, 網站架構, 範本, 主題
在使用其他架站平台時, 一開始選擇主題範本是很重要的. 因為一旦選定之後, 就無法更換範本. 這點讓我頗為困擾.
​
而 Weebly 的範本是可以隨時更換的. 這也是當時決定選擇 Weebly 的主要原因之一 : 原本範本中所建立的網頁內容, 能無縫套用到新的範本.  ​


範本的差別 - 風格、佈局結構、字體字形

Weebly 的每個範本主要的差別在於 設計風格、佈局結構,以及預設的功能模組。例如:
- 有些強調大圖顯示, 有些則注重文字展示. 
- 整體搭配的顏色和字體
- 有些偏向簡約風, 適合個人網站或部落格; 有些則採用較華麗的設計, 適合商業網站或線上商城
- 網站標題及導覽列的位置.

個人的使用心得是: 前三項影響不大, 因為你可透過 Weebly 的元件和字體/字形設定, 調整網站的呈現方式以符合需求. 唯獨網站標題和導覽列的位置是直接綁定在該範本, 無法修改. 只能更換範本. 

以下是同一個網站, 套用不同範本, 網站標題和導覽列顯示位置不同的視覺效果.
不過, 就如同前面說的, 你可以在建構網站內容過程中, 隨意更換你喜歡的範本. 
圖片
圖片
選擇 & 更換範本


步驟:​

1. 點擊頁面上方的 "主題", 選擇 "變更主題"
Weebly, 網站架構, 建立網站, 範本, 主題

​2. 在主題圖庫頁面瀏覽並選擇你喜歡的範本.
你可以先預覽, 再決定是否更改範本. 或者也可以直接點擊 "選擇", 更換範本.
Weebly, 架構網站, 建立網站, 範本, 主題

3. 點擊預覽後, 可以看到套用在新範本的模樣.
比較明顯的差異是在選單的呈現方式和預設的字體.
如果喜歡這個範本, 直接按右上方的 "選擇", 或者按 "取消", 重新選擇.

​4. 最後, 回到了編輯頁面, 按下 "發佈", 就完成範本的更換了!!!!
這時候, 當訪客瀏覽你的網站時, 網站就會以新範本的模樣呈現.
圖片
[附註] 
如果你不喜歡新範本的字體或相關設定, 可以再回到主題 > 變更字型.
在這裡, 你可以調整標題, 內文, 超連結等等相關字型設定.
圖片

​修改完成後, 按右上方的 "發佈" 就可以了...
Weebly, 架構網站, 發布網站, 範本, 主題
Weebly, 架構網站, 發布網站, 範本, 主題

總結: 

Weebly 提供的是套裝網站架構平台, 提供的範本都是經過完整的測試, 可以搭配 Weebly 的內建元件, 以及第三方應用程式的所有元件. 所以, 無需擔心更換範本是否會影響原本的網站/網頁內容.
​
圖片
圖片
套用新範本之後, 標題圖片的大小會依照站主原本在舊範本的設定呈現. 如果想拉大/ 縮小標題圖片, 隨時都可以在頁面 > 標題調整.

更多 Weebly 教學



Loading...
0 評論



發表回覆。


    圖片

    BOBA 滾滾奶茶逗貓器

    認識 Weebly

    ​選擇 Weebly -七大原因
    ​Weebly 拖拉放元件 - 新手上路
    Weebly 的方案種類及比較
    我該選擇哪種付費方案?
    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)

    weebly 架站四步驟

    註冊 Weebly 帳號 + 網域申請
    選擇/更換範本
    編輯網頁 - Weebly 元件
    發佈/ 隱藏網站

    Weebly 使用教學

    ​提升網站安全性 - SSL 憑證
    ​
    Google Search Console - 驗證 Weebly 網站
    ​Weebly - SEO 搜尋引擎關鍵字設定

    如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? 
    ​
    如何備份 Weebly 網站? 
    建立會員制度網站
    ​
    -------------------
    ​​更改字體大小、行距、間距
    ​
    圖片元件 - 完整的圖片功能
    ​
    ​表單元件 - 聯絡、留言、回覆、調查
    ​
    ​影片元件
    ​音訊元件​​
    -------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​​​-------------------
    如何建立 Weebly 部落格?

    ​部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格
    ​Weebly 部落格側邊欄位設定
    ​
    ​​部落格文章分類/類別
    ​如何加寬 Weebly 部落格側邊欄位?​

    第三方應用程式

    結合第三方應用程式 - 功能更強大
    ​OctoMono - 第三方應用程式組合包
    ​Ecwid 購物車
    ​垂直分隔線
    ​​方形色塊
    ​​​Scroll To Top - 回到頁面頂端
    ​最新/ 輪播部落格貼文工具​

    Weebly 購物車

    Weebly 內建購物車 - 簡介 
    ​​Weebly 購物車功能 & 設定 (一)
    ​
    Weebly 購物車功能 & 設定 (二)
    ​



    RSS 訂閱

Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
​第三方應用程式中心
Weebly 影片教學
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

公益/環保

公益/環保活動

Vertical Divider

關於我們

關於我們

版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2025
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保