Php 如何使用wordpress自定义元素？

我想让我的4个div包含一个图标图像和一些描述文本，可以用wordpress编辑。我知道如何设置基础和使用我的页脚和侧边栏中的小部件

但我想知道，如果这是正确的方式，使上述内容可编辑，请有人告诉我

<div class="box">
<div class="box-icon">
<img alt="Design" src="<?php echo $images; ?>1412393625_Monitor-64.png" />
</div>
<div class="box-text">
<h3 class="box-header">Simpel, effectief design</h3>
<p>Dit is een test service om te laten zien hoe het werkt. Werkt het naar behoren?</p>
</div>
</div>

---

因此，我希望能够登录wordpress并编辑上面div中的文本。

最佳实践取决于网站中的角色，虽然您只询问了编辑能力，但您必须回答以下问题：

您希望它显示在哪里？ 如果它显示在多个页面上，那么每个实例是唯一的，还是应该在显示这些元素的每个页面上显示一个编辑

从你的描述和我对这些的了解来看，在主页上通常是一次性的。在这种情况下，我会将上面的代码放在WordPress可视化编辑器的文本侧，然后设置样式。如果您将它们的css同时放在style.css和editor-style.css中，它应该是可编辑的，并且看起来就像您希望它在编辑器和页面中一样。CSS可能看起来像：

div.box{
  float: left;
  width: 23%;
  margin: 1%;
  display: inline-block;
}

您可以在这里看到：

---

如果这类似于页脚上方的调用，并出现在每个页面上，我会在小部件中管理它。创建四个边栏，称为subfooter1、subfooter2、subfooter3、subfooter4，然后将每个边栏的代码放在每个边栏中包含的小部件中。然后从footer.php内部调用侧栏。当然，您必须为所有内容设置样式，并且无法使用插件使用php代码调用图像。

一般来说，有3种方法可以使额外内容可编辑。1将其设置为自定义帖子类型2将其设置为存储在主题选项中的内容3在那里放置一个侧栏并使用自定义小部件。所以，是的，使用小部件会很好。在你看来，围绕这个主题的最佳实践是什么？