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

如何加寬部落格側邊欄位的寬度?

9/27/2022

0 評論

 
Weebly 部落格頁面側邊欄位的預設寬度很窄, 如果想要在側邊欄位放置一些圖片或廣告, 可能有部分區塊會被切掉. 如果想要加寬側邊欄位, 提升部落格側邊的空間運用, 可以進入 HTML/CSS, 加入一段語法, 增加側邊欄位的空間.
​
Weebly 部落格頁面側邊欄位預設的寬度:
圖片
[步驟]
1. 開啟你想要編輯的網站
2. 點擊上方的 "主題" 
圖片
3. 點擊左下方的 "編輯 HTML/CSS" 
圖片
4. 在左邊的列表中, 點擊 "main_style.css" , 在右邊程式碼的最下方, 加入以下這段語法.
    紅色數字代表部落格的寬度, 數字越大, 側邊欄位越寬.
​/* Blog sidebar
------------------------------------------------------------*/
.blog-sidebar {
width: 335px;
padding-left:30px
}
.column-blog {
float: right;
width: 335px;
margin: 0;
padding: 0;
​}

※ 有些主題範本可能無法在HTML/CSS 加入這段語法.
​

參考以下截圖...
圖片
改完之後, 側邊欄位明顯變寬....
可以置放更多訊息/文章/廣告, 好好運用側邊欄位的空間!
圖片

更多 weebly 教學文章:



Loading...
0 評論



發表回覆。

    Find your domain and create your site at Weebly.com!

    認識 Weebly

    ​選擇 Weebly -七大原因
    Weebly 的帳號種類及比較
    我該選擇哪種付費帳號?
    Weebly 拖拉放元件 - 新手上路

    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)


    weebly 架站四步驟

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


    Weebly 使用教學

    ​​提升網站安全性 - SSL 憑證
    ​
    Weebly - SEO 搜尋引擎關鍵字設定
    ​如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? ​

    如何備份 Weebly 網站? ​
    -------------------
    ​​更改字體大小、行距、間距
    ​
    圖片元件 - 完整的圖片功能
    ​表單元件 - 聯絡、留言、回覆、調查
    ​
    ​影片元件
    音訊元件
    ​-------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​
    ​-------------------
    ​
    建立 Weebly 部落格
    ​部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格
    ​Weebly 部落格側邊欄位設定
    ​部落格文章分類/類別

    第三方應用程式

    ​結合第三方應用程式 - 功能更強大

    圖片

    類別

    全部
    建立 Weebly 部落格
    撰寫部落格文章
    網站/網頁備份
    部落格側邊欄位
    部落格側邊欄位
    部落格文章分類/類別


    RSS 訂閱

Weebly 架站教學


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

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

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

Weebly 客服中心

如何聯絡 Weebly 客服

Vertical Divider

關於我們

關於我們


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