配置博客过滤器插件简码
已发表: 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"]
现场演示
购买溢价