一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > WordPress教程 > 正文

WordPress小工具终极指南

作者:xlnxin发布时间:2021-04-14分类:WordPress教程浏览:529


导读:WordPress小工具非常有用。它们使您可以在文章...

WordPress小工具非常有用。它们使您可以在文章或页面本身之外的网站上添加各种额外内容,以鼓励用户获取信息、跟踪链接或采取行动。

在这篇文章中,我将向您展示有关WordPress小工具所需的一切。如何将它们添加到您的网站,如何创建将其放入的小工具区域,如何安装提供更多小工具的插件,如何编写自己的小工具的代码等等。

推荐阅读:WordPress侧边栏终极指南

现在可能看起来并不那么好。您需要添加一些CSS样式。

将CSS添加到小工具

要将CSS添加到您的插件中,您需要创建一个样式表并将其放入您的插件中。在课程开始之前将其添加到您的插件文件中。

function kinsta_widget_enqueue_styles() { wp_register_style( 'widget_cta_css', plugins_url( 'css/style.css', __FILE__ ) ); wp_enqueue_style( 'widget_cta_css' );}add_action( 'wp_enqueue_scripts', 'kinsta_widget_enqueue_styles' );

现在,您需要在插件的文件夹中添加一个style.css文件,并为其添加任何样式。这个就靠你自己了!

现在,您有了一个简单的号召性用语按钮,您可以将其添加到网站上的任何小工具区域。例如,如果您将其添加到侧边栏中,则人们将能够使用它从网站上的任何地方访问您的注册页面。

您可以使用其他设置和选项来创建更复杂的小工具,但这使您了解如何开始创建自己的小工具。

如果要查看此插件的代码(包括样式),可以在Github上找到它。

总结

小工具是WordPress最棒的功能之一。它们可以使您的网站栩栩如生,并帮助您获得更多订阅用户或将更多访问者转化为客户。您可以将WordPress小根据添加到主题中的任何现有小工具区域,也可以添加额外的小工具区域,以便可以在更多位置添加更多小工具。

也有很多地方可以找到小工具。WordPress预先安装了许多工具,您也可以通过插件安装更多小工具。您甚至还可以使用Widgets API编写自己的小工具。

注:文本出自 kinsta.com,由 WordPress大学翻译整理。

推荐阅读:

  • WordPress 快速入门视频教程38:小工具的操作
  • WordPress添加页脚小工具区域
  • WordPress 根据用户角色和登录状态显示不同内容和小工具
  • 在正确的工具区域内显示你创建的WordPress小工具
  • 一步步创建你的第一个 WordPress 小工具
  • WordPress 小工具指定页面显示: Conditional Widgets
  • WordPress在指定页面显示/隐藏小工具的插件:Restrict Widgets

标签:wordpresscss教程主题插件