Skip to content

Commit

Permalink
no message
Browse files Browse the repository at this point in the history
  • Loading branch information
nonumpa committed Sep 30, 2024
1 parent a21b961 commit 88f627b
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 64 deletions.
32 changes: 2 additions & 30 deletions _components/footer/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,13 @@ maturity: "new"

### 基本頁尾

- 頁尾提供有關您的服務的版權、許可和其他資訊。

{% capture html %}{% include footer/footer.html %}{% endcapture %}
{%
include example.html content=html
%}

#### 建議使用時機

- 當需要展示機構標誌和基本聯絡資訊時。
- 當使用者需要快速找到聯絡資訊和機構標誌時,純 Logo Footer 能提供清晰的展示。

#### 不建議使用時機

- 當需要展示更多的導覽選項和支援連結時。
- 如果需要展示更多導覽選項,純 Logo Footer 可能無法滿足需求。

---

### 頁尾附帶支援連結
Expand All @@ -30,16 +22,6 @@ maturity: "new"
include example.html content=html
%}

#### 建議使用時機

- 當需要在 footer 中提供額外的支援連結時。
- 支援連結 Footer 能夠幫助使用者快速找到幫助、聯絡資訊和法律條款。

#### 不建議使用時機

- 當網站內容非常簡單且不需要額外的支援連結時。
- 如果網站內容簡單,支援連結 Footer 可能顯得過於複雜。

---

### 頁尾附帶多層次導覽
Expand All @@ -48,13 +30,3 @@ maturity: "new"
{%
include example.html content=html
%}

#### 建議使用時機

- 當需要在 footer 中提供多層次的導覽選項時。
- 多層次導覽 Footer 能夠幫助使用者快速找到各個服務和資訊,適合內容豐富的網站。

#### 不建議使用時機

- 當網站內容簡單且不需要多層次導覽時。
- 如果網站內容簡單,多層次導覽 Footer 可能顯得過於複雜。
36 changes: 2 additions & 34 deletions _components/header/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,13 @@ maturity: "new"

### 基本頁首

- 頁首包含網站 logo、導覽列,幫助使用者快速了解網站內容和瀏覽不同頁面。

{% capture html %}{% include header/header.html %}{% endcapture %}
{%
include example.html content=html
%}

#### 建議使用時機

- 當需要展示網站的標誌和主要導覽連結時。
- 當使用者需要快速訪問網站主要部分時,純 Logo Header 能幫助使用者迅速導覽。
- 當需要簡潔、直觀的導覽體驗時。
- 純 Logo Header 提供了簡單而清晰的導覽,不會對使用者造成干擾。

#### 不建議使用時機

- 當需要更多的導覽選項和功能時。
- 如果網站需要提供多個導覽選項和功能,純 Logo Header 可能無法滿足需求。

---

### 頁首附帶單連結
Expand All @@ -31,25 +21,3 @@ maturity: "new"
{%
include example.html content=html
%}

#### 建議使用時機

- 當需要在桌面和移動設備上提供一致的導覽體驗時。
- 單連結 Header 能夠在桌面和移動設備上提供一致的導覽體驗,適合不同設備的使用。
- 當需要提供多個導覽選項並且能夠在移動設備上顯示壓縮的導覽選單時。
- 當使用者在移動設備上訪問網站時,Header 能自適應顯示壓縮的導覽選單。

#### 不建議使用時機

- 當網站內容非常簡單且不需要多個導覽選項時。
- 如果網站內容簡單,單連結 Header 可能顯得過於複雜。
- 當需要展示大量的導覽選項和功能時。
- 如果需要展示大量導覽選項和功能,單連結 Header 可能無法滿足需求。

---

### JavaScript

- 使用 [`header.js`](/assets/components/header.js)

<script src="{{ "/assets/js/components/header.js" | absolute_url }}" defer></script>

0 comments on commit 88f627b

Please sign in to comment.