如何使用可编辑的选项创建WordPress小部件

时间:2019-04-13 21:45:34

标签: wordpress wordpress-theming

我需要创建一个自定义WordPress小部件,该小部件将由一对按钮组成。每个按钮将链接到不同的位置。将小部件放到侧边栏中时,我仅需要能够编辑每个按钮的标题和href

我已经创建了自定义窗口小部件区域,并且知道如何实现这些区域,并遵循了一些教程来创建自定义窗口小部件,但是似乎无法理解如何使选项可编辑。

以下是小部件将输出的代码示例:

<div class="col-xs-6">
<a class="mycustombutton" href="#" target="_blank">Text Here</a>
</div>
<div class="col-xs-6">
<a class="mycustombutton" href="#" target="_blank">Text Here</a> 
</div>

理想情况下,我可以在网站上的任何位置使用此小部件来添加这些按钮,但可以根据需要更改按钮的href

1 个答案:

答案 0 :(得分:1)

如果您不熟悉WordPress,可以暂时使用this one之类的Widget Generator,然后研究其生成的代码以查看其工作原理。

您还可以查看窗口小部件documentation来创建自定义窗口小部件。