php - 如何使用wordpress自定义元素？

Question

我想让我的 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中的文本

Answer 1

最佳实践取决于站点中的 Angular 色，虽然您只询问了可编辑性，但您已经回答了以下问题:

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

从你的描述和我所看到的这些，它通常是主页上的一次性。在这种情况下，我会将上面的代码放在 WordPress 可视化编辑器的文本端，然后对其进行样式设置。如果您将它们的 css 放在 style.css 和 editor-style.css 中，它应该是可编辑的，并且在编辑器和页面上看起来都像您期望的那样。 CSS 可能类似于:

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

你可以在这里看到:jsfiddle .

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