# 部落格文章

這邊說明一下部落格文章編輯使用方式

## 一、如何建立新文章
### 1-1 新增文章


點選最上方的新增文章按鈕

### 1-2 新增文章標題

編輯文章標題欄位

### 1-3 新增文章專屬連結

新增專屬連結，完成後按下確定按鈕

### 1-4 新增文章內容

1. 先點選右上角**文字**按鈕
2. 再將文章內容貼至此處

> 通常文章內容我會先在[**VScode**](https://code.visualstudio.com/)編輯好再貼上，因為比較好更改程式碼，主要看個人習慣
>

如下：編輯html程式碼，完成後再貼上文字區的內容區塊

### 1-4 儲存及瀏覽

1. 更新完成後可以點選右上角的的預覽變更，查看當前頁面更改狀態
2. 確認完成在更新至頁面

## 二、如何更換圖片
### 1-1 更換精選圖片

更換圖片完成後按下更新，返回到文章列表即可看到更換的小圖如下:

### 1-2 媒體庫上傳新圖片

點選左邊媒體->媒體庫


進入媒體庫後點選左上角新增媒體庫，選取檔案

### 1-2 如何新增部落格首頁輪播圖

範例：

---

點選左邊頁面->部落格靜態首頁


點選中間編輯的畫筆


點擊左下角新增slide 按鈕


1. 更新上傳圖片
2. 新增Banner 連結
3. 按下save 保存

## 三、如何新增聯絡表單
### 1-1 新增聯絡表單

1. 點選左邊的聯絡表單
2. 新增聯絡表單

---

1. 設定表單標題
2. 更換表單系統參數
3. 保存

### 1-2 聯絡表單串接到部落格頁面

返回表單列表，複製剛新增表單的**短代碼**

---

[contact-form-7 id="2677" title="設計沒有絕對的答案 只有不斷地突破限制與框架" html_class="form-distribution"]

[contact-form-7 id="2677" title="設計沒有絕對的答案 只有不斷地突破限制與框架" html_class="form-distribution"]


  <!-- /wp:table -->[fusion_builder_row][fusion_builder_column type="1_1"
  layout="1_1" background_position="left top" background_color="" border_size=""
  border_color="" border_style="solid" border_position="all" spacing="yes"
  background_image="" background_repeat="no-repeat" padding_top=""
  padding_right="" padding_bottom="" padding_left="" margin_top="0px"
  margin_bottom="0px" class="" id="" animation_type="" animation_speed="0.3"
  animation_direction="left"
  hide_on_mobile="small-visibility,medium-visibility,large-visibility"
  center_content="no" last="no" min_height="" hover_type="none"
  link=""][fusion_text]

貼在文章內頁的最下方替換