最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 使用区块属性插件Block Attributes添加自定义HTML属性

    本周早些时候,websevendev将其第四个WordPress插件Block Attributes发布到官方目录中。该扩展允许最终用户向几乎任何区块添加任何HTML属性。

    WordPress编辑器的问题之一是自定义HTML可能有点麻烦。区块建立在一组标准上,标记应该满足这些期望。如果某些内容不适合,用户会看到无效标记警告。

    但是,有时用户出于各种原因需要放入自定义HTML属性。例如,我有时需要添加一个自定义data-属性来使用一些JavaScript。因为我对代码非常了解,所以我通常通过自定义HTML区块在这些情况下写出HTML。但是,当需要添加次要属性时,这没有意义。

    WordPress目前允许用户向几乎每个区块添加类和ID(在管理中称为“HTML锚点”)。它不允许直接输入HTML支持的许多其他可能的属性。普通用户的用例很少。

    对于某些用户可以使用额外功能的场景,块属性插件非常方便。

    该插件易于使用。它在每个区块的“高级”选项卡下添加了一个名为“附加属性”的新字段。用户可以添加属性名称并单击“添加”按钮。从那里,它创建一个用于添加属性值的新字段。

    向onclick按钮区块添加属性

    onclick按钮区块添加属性。

    该插件还支持多个属性。添加一个后,您只需使用相同的输入字段来创建更多。

    对于我的第一次尝试,我添加了onclick一个值为myFunction(). 然后,跳转到我的主题并通过JavaScript创建该函数以在控制台中输出一条简单的消息。一切看起来都很好,而且它奏效了。

    按钮区块的自定义JS

    按钮区块的自定义JS-2

    HTML视图和控制台,带有用于按钮区块的自定义JS。

    我想到的大多数用例都是与JavaScript集成的,这是一个简单的例子。开发人员可以使用这样的功能做更复杂的事情。这就是将该插件保留在工具箱中的充分理由——有时您需要扳手而不是锤子。

    我还可以看到区块属性用于在其他可能有助于可访问性的情况下添加ARIA属性。

    用户可以通过style插件的属性将自定义样式添加到特定区块。但是,除非这是一个简单的一次性,否则我建议不要这样做。对于更高级的用例,Blocks CSS是一个更合适的插件。它有一个内置的语法荧光笔。另外,textarea比单行文本输入框更友好。

    我见过的区块属性的唯一缺点是停用时。如果您添加了任何自定义属性,您将在编辑器中看到可怕的“此区块包含未预料的或无效的内容。”消息。编辑器设法解决了我在核心区块中遇到的任何问题。

    停用插件后解决区块警告

    停用插件后解决区块警告。

    停用插件不应影响前端输出。因为自定义属性是 HTML 标记的一部分,所以它们仍然存在。错误消息应该只显示在编辑器中。

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!384324621@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有★币奖励和额外收入!

    IO 源码网 » 使用区块属性插件Block Attributes添加自定义HTML属性

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    IO源码吧
    一个高级程序员模板开发平台

    发表评论

    • 157会员总数(位)
    • 12105资源总数(个)
    • 97本周发布(个)
    • 0 今日发布(个)
    • 537稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情