2014-10-04 133 views
0

我想让我的4个div包含一个图标图像和一些可以用wordpress编辑的描述性文本。我知道如何设置基础知识并使用小部件,比如我的页脚和侧边栏。如何使用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上面

+0

一般而言,您有3种方式可以让您的额外内容可编辑。 1)使它成为一个自定义的帖子类型2)使它存储在主题选项中的某些东西3)在那里放置一个侧栏并使用自定义小部件。所以,是的,使用小部件会很好。 – MSTannu 2014-10-04 17:08:04

+0

在你看来,围绕这个话题的最佳实践是什么? – Robin 2014-10-04 20:46:57

回答

0

最佳实践文本站点内依赖于角色,而你只问编辑能力,你有回答以下问题:

你想要它显示在哪里? 如果它显示在多个页面上,每个实例应该是唯一的,还是应该在显示这些元素的每个页面上显示一个编辑?

从您的描述以及我所看到的这些内容来看,它通常在主页上是一次性的。在这种情况下,我会将上面的代码放在WordPress可视化编辑器的TEXT端,然后对其进行设置。如果你把它们放在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代码调用图像。