配置博客過濾器插件簡碼

博客過濾器插件，用於輕鬆在您的網站上對您的博客文章進行分類。 在您的 WordPress 網站上添加和配置博客過濾器插件簡碼由下面的開發人員解釋。 使用可用設置來管理簡碼，因此您無需重新生成一次新的簡碼。

這是默認簡碼

[AWL-BlogFilter blog_template="template1" blog_col_large_desktops="col-lg-4" blog_col_desktops="col-md-4" blog_col_tablets="col-sm-6" blog_col_phones="col-xs-12" blog_image="yes" blog_image_link="yes" blog_image_lightbox="yes" blog_image_hover_effect="hover1" blog_image_quality="medium" blog_title="yes" blog_title_font_size="25" blog_title_color="#000" blog_desc="yes" blog_desc_characters="100" blog_desc_font_size="14" blog_desc_color="#a4a6ac" blog_desc_box_color="#EDEEF0" blog_read_more="yes" blog_read_more_text="Read More" blog_date="yes" blog_author_below_image="yes" blog_order_by="date" blog_order="DESC" blog_filter_order_by="title" blog_filter_order="ASC" blog_pagination="yes" blog_pagination_color="#58BBEE" blog_per_page="12" blog_filters="yes" blog_search="yes" blog_filtering="blog_category" blog_buttons_color="#58BBEE" selected_categories="11,5" exclude_categories="" default_cat_filter="none" custom-css=" " ]

您不必一次又一次地生成簡碼，您可以直接在頁面上編輯編輯/更新博客過濾簡碼。

您可以看到每個鍵都有每個設置的值，我們向您展示如何在不重新生成簡碼的情況下編輯簡碼。

1.博客模板和欄目設置

1.1 模板方向從右到左

您可以將模板方向更改為從右到左以設置“是”或“否”

(i) 從右到左： [AWL-BlogFilter blog_direction="rtl"]

(ii) 從左到右： [AWL-BlogFilter blog_direction="ltr"]

1.2 博客模板

您可以為此設置選擇 3 個模板設計。

(i) 選擇模板 1： [AWL-BlogFilter blog_template="template1"]

(ii) 選擇模板 2： [AWL-BlogFilter blog_template="template2"]

(iii) 選擇模板 2： [AWL-BlogFilter blog_template="template3"]

1.3 大型桌面上的博客專欄

您可以更改大型桌面的列。

(i) 選擇 1 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]

(ii) 選擇 2 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]

(iii) 選擇 3 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]

(iv) 選擇 4 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]

(v) 選擇 6 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]

(vi) 選擇 12 列： [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]

1.4 桌面上的博客專欄

您可以更改桌面的列。

(i) 選擇 1 列： [AWL-BlogFilter blog_col_desktops="col-md-12"]

(ii) 選擇 2 列： [AWL-BlogFilter blog_col_desktops="col-md-6"]

(iii) 選擇 3 列： [AWL-BlogFilter blog_col_desktops="col-md-4"]

(iv) 選擇 4 列： [AWL-BlogFilter blog_col_desktops="col-md-3"]

(v) 選擇 6 列： [AWL-BlogFilter blog_col_desktops="col-md-2"]

(vi) 選擇 12 列： [AWL-BlogFilter blog_col_desktops="col-md-1"]

1.5 平板電腦上的博客專欄

您可以更改平板設備的列。

(i) 選擇 1 列： [AWL-BlogFilter blog_col_tablets="col-sm-12"]

(ii) 選擇 2 列： [AWL-BlogFilter blog_col_tablets="col-sm-6"]

(iii) 選擇 3 列： [AWL-BlogFilter blog_col_tablets="col-sm-4"]

(iv) 選擇 4 列： [AWL-BlogFilter blog_col_tablets="col-sm-3"]

(v) 選擇 6 列： [AWL-BlogFilter blog_col_tablets="col-sm-2"]

1.6 手機博客專欄

您可以更改電話的列。

(i) 選擇 1 列： [AWL-BlogFilter blog_col_phones="col-xs-12"]

(ii) 選擇 2 列： [AWL-BlogFilter blog_col_phones="col-xs-6"]

(iii) 選擇 3 列： [AWL-BlogFilter blog_col_phones="col-xs-4"]

(iv) 選擇 4 列： [AWL-BlogFilter blog_col_phones="col-xs-3"]

2.博客圖片設置

2.1 顯示博客圖片

您可以為顯示或隱藏博客圖像設置是或否。

(i) 顯示圖片： [AWL-BlogFilter blog_image="yes"]

(ii) 隱藏圖片： [AWL-BlogFilter blog_image="no"]

2.2 圖像鏈接

您可以為在博客圖像上添加或刪除博客鏈接設置是或否。

(i) 在圖片上添加鏈接： [AWL-BlogFilter blog_image_link="yes"]

(ii) 刪除圖片上的鏈接： [AWL-BlogFilter blog_image_link="no"]

2.3 圖像燈箱

您可以為在博客圖像上添加或刪除燈箱設置是或否。

(i) 在圖像上添加燈箱： [AWL-BlogFilter blog_image_lightbox="yes"]

(ii) 移除圖片上的燈箱： [AWL-BlogFilter blog_image_lightbox="no"]

2.4 圖片懸停效果

您可以為博客圖像選擇 5 種類型的哈弗效果。

(i) 在圖像上設置第一個懸停效果： [AWL-BlogFilter blog_image_hover_effect="hover1"]

(ii) 在圖像上設置第二個懸停效果： [AWL-BlogFilter blog_image_hover_effect="hover2"]

(iii) 在圖像上設置第三個懸停效果： [AWL-BlogFilter blog_image_hover_effect="hover3"]

(iv) 在圖像上設置第四個懸停效果： [AWL-BlogFilter blog_image_hover_effect="hover4"]

(v) 在圖像上設置第五個懸停效果： [AWL-BlogFilter blog_image_hover_effect="hover5"]

(vi) 如果您不想要任何懸停效果： [AWL-BlogFilter blog_image_hover_effect="none"]

2.5 圖像質量

您可以從 4 種類型的圖像質量選項中選擇博客圖像。

(i) 為博客圖片設置 150×150 px 大小： [AWL-BlogFilter blog_image_quality="thumbnail"]

(ii) 為博客圖片設置 300×169 px 大小： [AWL-BlogFilter blog_image_quality="medium"]

(iii) 為博客圖片設置 840×473 px 大小： [AWL-BlogFilter blog_image_quality="large"]

(iv) 設置博客圖片的完整尺寸： [AWL-BlogFilter blog_image_quality="full"]

3.博客標題設置

3.1 顯示博客標題

您可以為顯示或隱藏博客標題設置是或否。

(i) 顯示標題： [AWL-BlogFilter blog_title="yes"]

(ii) 隱藏標題： [AWL-BlogFilter blog_title="no"]

3.2 博客標題吹圖

您可以選擇是或否在圖像下方顯示標題或在圖像上方顯示標題。

(i) 圖片下方的標題： [AWL-BlogFilter blog_title_below_image="yes"]

(ii) 將圖片放在上方： [AWL-BlogFilter blog_title_below_image="no"]

3.3 標題鏈接

您可以選擇是或否在博客標題上添加或刪除博客鏈接。

(i) 添加標題鏈接： [AWL-BlogFilter blog_title_link="yes"]

(ii) 刪除標題鏈接： [AWL-BlogFilter blog_title_link="no"]

3.4 標題文字顏色

您可以更改博客標題文本顏色。

(i) 更改標題顏色粘貼顏色代碼為引號： [AWL-BlogFilter blog_title_color="#000"]

要獲取顏色代碼，請單擊此處

3.5 標題字體大小

您可以更改博客標題文本大小。

(i) 將標題文本大小更改值更改為逗號： [AWL-BlogFilter blog_title_font_size="25"]

4.博客描述設置

4.1 顯示博客描述

您可以為顯示或隱藏博客描述設置是或否。

(i) 顯示描述： [AWL-BlogFilter blog_desc="yes"]

(ii) 隱藏描述： [AWL-BlogFilter blog_desc="no"]

4.2 描述文字顏色

您可以更改博客描述文本顏色。

(i) 要更改描述顏色，請將顏色代碼粘貼到引號中：

[AWL-BlogFilter blog_desc_color="#a4a6ac"]

要獲取顏色代碼，請單擊此處

4.3 描述框顏色

您可以更改博客描述框顏色。

(i) 要更改描述框顏色，請將顏色代碼粘貼到引號中：

[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]

要獲取顏色代碼，請單擊此處

4.4 說明字體大小

您可以更改博客描述文本大小。

(i) 要更改描述文本大小，請將值更改為引號：

[AWL-BlogFilter blog_desc_font_size="25"]

4.5 描述中有多少個字符

如果您設置了閱讀更多或摘錄，則可以更改博客描述字數限制大小，然後您無法在博客描述中獲得更多字詞。

(i) 要更改描述字符限制，請將值更改為引號：

[AWL-BlogFilter blog_desc_characters="100"]

5. 鏈接（URL）設置

5.1 顯示閱讀更多鏈接

您可以為顯示或隱藏閱讀更多鏈接設置是或否。

(i) 顯示閱讀更多鏈接： [AWL-BlogFilter blog_read_more="yes"]

(ii) 隱藏閱讀更多鏈接： [AWL-BlogFilter blog_read_more="no"]

5.2 鏈接在新標籤頁中打開

您可以在新選項卡或同一選項卡中設置重定向鏈接的值。

(i) 在新標籤中設置鏈接： [AWL-BlogFilter blog_title="_blank"]

(ii) 要在同一選項卡中設置鏈接，您可以將其留空或為 NULL： [AWL-BlogFilter blog_title=""]

5.3 “閱讀更多”鏈接的文本

您更改“閱讀更多”的文本。

(i) 更改逗號中的值 wright： [AWL-BlogFilter blog_read_more_text="Read More"]

6.1 顯示發布日期

您可以設置是或否來顯示或隱藏發布日期。

(i) 顯示發布日期： [AWL-BlogFilter blog_date="yes"]

(ii) 隱藏發布日期： [AWL-BlogFilter blog_date="no"]

6.2 在圖像下方顯示日期

您可以為圖像下方或圖像上方顯示發布日期設置是或否。

(i) 在圖片下方顯示日期： [AWL-BlogFilter blog_date_below_image="yes"]

(ii) 在圖像上方顯示日期： [AWL-BlogFilter blog_date_below_image="no"]

6.3 顯示帖子作者

您可以設置是或否來顯示或隱藏帖子作者。

(i) 顯示文章作者： [AWL-BlogFilter blog_author="yes"]

(ii) 隱藏文章作者： [AWL-BlogFilter blog_author="no"]

6.4 在圖像下方顯示日期

您可以為圖像下方或圖像上方顯示發布日期設置是或否。

(i) 在圖片下方顯示作者： [AWL-BlogFilter blog_author_below_image="yes"]

(ii) 在圖片上方顯示作者： [AWL-BlogFilter blog_author_below_image="no"]

6.5 顯示帖子類別

您可以設置是或否來顯示或隱藏帖子類別。

(i) 顯示帖子類別： [AWL-BlogFilter blog_categories="yes"]

(ii) 隱藏帖子類別： [AWL-BlogFilter blog_categories="no"]

6.6 顯示帖子標籤

您可以設置是或否來顯示或隱藏帖子標籤。

(i) 顯示帖子標籤： [AWL-BlogFilter blog_tags="yes"]

(ii) 隱藏帖子標籤： [AWL-BlogFilter blog_tags="no"]

7.1 分頁

您可以為顯示或隱藏分頁設置是或否。

(i) 顯示分頁： [AWL-BlogFilter blog_pagination="yes"]

(ii) 隱藏分頁： [AWL-BlogFilter blog_pagination="no"]

7.2 分頁顏色

您可以更改博客分頁顏色。

(i) 要更改分頁顏色，請將顏色代碼粘貼到引號中：

[AWL-BlogFilter blog_pagination_color="#58BBEE"]

要獲取顏色代碼，請單擊此處

7.3 每頁上的博客

如果您想在單個頁面上顯示所有博客，則可以更改每頁的博客限制，然後在值中設置零 (0) 並在分頁中設置“否”。

(i) 要更改每頁的博客限制，請將值更改為引號：

[AWL-BlogFilter blog_per_page="25"]

您可以啟用或禁用縮略圖懸停效果。

(i) 啟用懸停效果： [AWL-BlogFilter blog_thumb_hover="yes"]

(ii) 禁用懸停效果： [AWL-BlogFilter blog_thumb_hover="no"]

10.2 縮略圖間距

(i) 要更改縮略圖間距，請將值更改為逗號：

[AWL-BlogFilter blog_thumb_spac="5"]

11.1 顯示過濾器

您可以為顯示或隱藏過濾器設置是或否。

(i) 顯示過濾器： [AWL-BlogFilter blog_filters="yes"]

(ii) 隱藏過濾器： [AWL-BlogFilter blog_filters="no"]

11.2 顯示過濾器“全部”

您可以為顯示或隱藏過濾器“全部”設置是或否。

(i) 顯示過濾器“All”： [AWL-BlogFilter blog_filter_all="yes"]

(ii) 隱藏過濾器“All”： [AWL-BlogFilter blog_filter_all="no"]

11.3 “全部”按鈕的文本

您可以更改“全部”按鈕的文本。

(i) 要更改“全部”按鈕的文本，請將值更改為引號：

[AWL-BlogFilter blog_all_text="All"]

11.4多濾波器同時進行

您可以為多重過濾功能設置是或否。

(i) 開啟多重過濾功能： [AWL-BlogFilter blog_multi_filter="yes"]

(ii) 關閉多重過濾功能： [AWL-BlogFilter blog_multi_filter="no"]

11.5多濾波器的“與”邏輯

您可以在多重過濾功能中使用“是”或“否”來表示 And 邏輯。

(i) 開啟多重過濾“與”邏輯： [AWL-BlogFilter blog_multi_filter_logic="yes"]

(ii) 關閉多過濾器“與”邏輯： [AWL-BlogFilter blog_multi_filter_logic="no"]

11.6 顯示搜索欄

您可以為顯示或隱藏搜索字段設置是或否。

(i) 顯示搜索字段： [AWL-BlogFilter blog_search="yes"]

(ii) 隱藏搜索字段： [AWL-BlogFilter blog_search="no"]

11.7 搜索字段的文本

您可以更改搜索字段的文本。

(i) 要更改搜索字段的文本，請將值更改為引號：

[AWL-BlogFilter blog_search_text="Search"]

11.8 按鈕顏色

您可以更改博客按鈕的顏色。

(i) 要更改按鈕顏色，請將顏色代碼粘貼到引號中：

[AWL-BlogFilter blog_buttons_color="#58BBEE"]

要獲取顏色代碼，請單擊此處

11.9 過濾

您可以更改過濾選項。

(i) 將博客類別設置為過濾器： [AWL-BlogFilter blog_filtering="blog_category"]

(ii) 將博客標籤設置為過濾器： [AWL-BlogFilter blog_filtering="blog_tag"]

11.10 默認過濾器

您可以在頁面加載時為默認選擇的過濾器設置任何過濾器

(i) 如果您使用類別作為過濾選項，請將類別 ID 更改為引號：

[AWL-BlogFilter default_cat_filter="27"]

(ii) 如果您使用標籤作為過濾選項，請將標籤 ID 更改為引號：

[AWL-BlogFilter default_tag_filter="27"]

11.11 為博客選擇的類別或標籤

要直接從簡碼更改類別和標籤 ID，請將值更改為引號：

(i) 如果您使用類別作為過濾選項： [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]

(ii) 如果您使用標籤作為過濾選項： [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]

11.12 排除帖子

您可以排除與某些類別或標籤相關的帖子，將值更改為引號：

(i) 如果您使用類別作為過濾選項： [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]

(ii) 如果您使用標籤作為過濾選項： [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]