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

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

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

根据您的描述和我所看到的内容，它通常是主页上的一次性内容。在这种情况下，我会将您上面的代码放在WordPress可视化编辑器的TEXT侧，然后将其设置为样式。如果你在style.css和editor-style.css中都有它们的css，它应该是可编辑的，看起来就像你期望它在编辑器和页面上。 CSS可能看起来像：

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

您可以在此处查看：jsfiddle。

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

如何使用wordpress自定义元素？

1 个答案: