[wordpress插件] Advanced Custom Fields: Bootstrap Button高级自定义字段:自举按钮

wordpress 插件 文章 2020-01-26 06:00 596 0 全屏看文

AI助手支持GPT4.0

评分

0

0

描述

This plugin adds a field for creating a Bootstrap 3 or 4 button for the popular plugin Advanced Custom Fields.

此插件添加了一个字段,用于为流行的插件“高级自定义字段”创建Bootstrap 3或4按钮。

In addition to supporting all Bootstrap 3 or 4 options, you can insert an internal or external link with the link picker.

除了支持所有Bootstrap 3或4选项之外,您还可以使用链接选择器插入内部或外部链接。

General Configuration Options:

常规配置选项:

1.

  1。

Text button.

文字按钮。

2. HTML tags (a, button, input, submit).

2. HTML标签(a,按钮,输入,提交)。

3. Block Level Buttons

3.块级按钮

4. Active or disabled button status.

4.激活或禁用的按钮状态。

5. Additional CSS class (For any customizations).

5.其他CSS类(用于任何自定义)。

6. Internal or external link with link picker.

6.具有链接选择器的内部或外部链接。

7. Rel attribute for links (Alternate, Author, Bookmark, External, Help, License, Next, Nofollow, Noreferrer, Noopener, Prev, Search, Tag)

7.链接的Rel属性(备用,作者,书签,外部,帮助,许可,下一步,Nofollow,Noreferrer,Noopener,Prev,搜索,标签)

Bootstrap 3 Configuration Options:

Bootstrap 3配置选项:

1.

  1。

Button Style (Default, Primary, Success, Information, Warning, Danger, Link).

按钮样式(默认,主要,成功,信息,警告,危险,链接)。

2. Button Size (Default, Large, Small, Extra Small).

2.按钮大小(默认,大,小,超小)。

Bootstrap 4 Configuration Options:

Bootstrap 4配置选项:

1.

  1。

Button Style (Primary, Secondary, Success, Danger, Warning, Info, Light, Dark, Link).

按钮样式(主要,次要,成功,危险,警告,信息,浅色,深色,链接)。

2. Button without background color

2.没有背景色的按钮

3. Button Size (Default, Large, Small).

3.按钮大小(默认,大,小)。

Points from 1 to 6 in General Configuration Options and Points from 1 to 3 in Bootstrap 3 or 4 Configuration Options can be configured with

可以使用

常规配置选项中的1到6点以及 Bootstrap 3 4个配置选项中的1到3点进行配置。

default values and you can choose whether or not to display these options on the page or post, where this custom field was added.

默认值,您可以选择是否在添加此自定义字段的页面或帖子上显示这些选项。

For more information on points from 2 to 4 in General Configuration Options and for Bootstrap 3 or 4 Configuration Options refer to the Bootstrap documentation 3.3.7[https:/

有关“常规配置选项”中2到4点以及 Bootstrap 3 4配置选项的更多信息,请参考Bootstrap文档3.3.7 [https:/

/getbootstrap.com/docs/3.3/css/#buttons] or Bootstrap 4.1[https://getbootstrap.com/docs/4.1/components/buttons/].

/getbootstrap.com/docs/3.3/css/#buttons]或Bootstrap 4.1 [https://getbootstrap.com/docs/4.1/components/buttons/]。

How to use it

使用方法

The plugin does not include the Bootstrap 3 css in the theme in order to be able to display it correctly, it is necessary to insert the Bootstrap 3 css in the theme, following the guidelines of WordPress: Including CSS & JavaScript.<

该插件在主题中不包含Bootstrap 3 css,以便能够正确显示它,有必要按照WordPress的准则在主题中插入Bootstrap 3 css:包括CSS和JavaScript。

/p>

/ p>

To view the button in the front end, a function has been implemented, which will facilitate the operation.

要查看前端的按钮,已实现一个功能,该功能将有助于操作。

This function will only read the values of the button and return the correct HTML.

此函数将仅读取按钮的值并返回正确的HTML。

//With echo 

  //带有回显 

acf_bbutton_render(get_field('my-bbutton')); 

acf_bbutton_render(get_field('my-bbutton')); 

//Without echo.

//没有回声。

Returns only the button's string 

仅返回按钮的字符串 

acf_bbutton_render(get_field('my-bbutton'), false);

acf_bbutton_render(get_field('my-bbutton'),false);

Compatibility

兼容性

This ACF field type is compatible with:

此ACF字段类型兼容:

* ACF 4

* ACF 4

* ACF 5

* ACF 5

* Bootstrap 3.3.7

* Bootstrap 3.3.7

* Bootstrap 4.+

* Bootstrap 4。+

安装步骤

    1. Copy the acf-bootstrap-button folder into your wp-content/plugins folder
    2. acf-bootstrap-button 文件夹复制到您的 wp-content / plugins 文件夹

    3. Activate the Advanced Custom Fields: Bootstrap Button plugin via the plugins admin page
    4. 通过插件管理页面激活“高级自定义字段:Bootstrap Button”插件

    5. Create a new field via ACF and select the Button type
    6. 通过ACF创建新字段,然后选择“按钮”类型

    7. Please refer to the plugin description for more info regarding the field type settings
    8. 有关字段类型设置的更多信息,请参阅插件说明

下载地址

https://downloads.wordpress.org/plugin/acf-bootstrap-button.zip

https://downloads.wordpress.org/plugin/acf-bootstrap-button.zip

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
[wordpress插件] Appointment Hour Booking &#8211; WordPress Booking Plugin预约小时预订– WordPress预订插件
[wordpress插件] Comment Mention Notifications评论提及通知
[wordpress插件] Blogware Importer博客软件导入器
[wordpress插件] CiviCRM Admin UtilitiesCiviCRM管理员实用程序
[wordpress插件] Child Themes Helper儿童主题助手
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8122
问题? 7448
如何快速搭建抽奖助手小程序(无需代码知识) 5125
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6083
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5693
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5278
如何解决渲染层网络错误Failed to load media? 16623
小程序找号找回 释放昵称? 2472
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 2549
删除部分微信用户个人数据的通知,怎么删除? 5599