配置博客过滤器插件简码

已发表: 2018-08-20

博客过滤器插件,用于轻松在您的网站上对您的博客文章进行分类。 在您的 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.发布元设置

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. 分页设置

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"]


8.帖子顺序设置

8.1 发布订单

您可以按日期或标题或标签设置发布顺序。

(i) 按日期设置帖子顺序: [AWL-BlogFilter blog_order_by="date"]

(ii) 按标题设置帖子顺序: [AWL-BlogFilter blog_order_by="title"]

(iii) 通过 slug 设置发布顺序: [AWL-BlogFilter blog_order_by="name"]

8.2 发布订单

您还可以为帖子设置升序或降序

(i) 设置帖子升序: [AWL-BlogFilter blog_order="ASC"]

(ii) 为帖子设置降序: [AWL-BlogFilter blog_order="DESC"]


9.过滤订单设置

9.1 过滤顺序

您可以按日期或标题或标签设置过滤器顺序。

(i) 按日期设置过滤顺序: [AWL-BlogFilter blog_filter_order_by="date"]

(ii) 按标题设置过滤顺序: [AWL-BlogFilter blog_filter_order_by="title"]

(iii) 按 slug 设置过滤顺序: [AWL-BlogFilter blog_filter_order_by="name"]

9.2 过滤顺序

您还可以为帖子设置升序或降序

(i) 为过滤器设置升序: [AWL-BlogFilter blog_filter_order="ASC"]

(ii) 为过滤器设置降序: [AWL-BlogFilter blog_filter_order="DESC"]


10.缩略图设置

10.1 拇指悬停效果

您可以启用或禁用缩略图悬停效果。

(i) 启用悬停效果: [AWL-BlogFilter blog_thumb_hover="yes"]

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

10.2 缩略图间距

(i) 要更改缩略图间距,请将值更改为逗号:

[AWL-BlogFilter blog_thumb_spac="5"]


11. 过滤器设置

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"]


更多信息
现场演示
购买溢价