2014-10-04 134 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代碼調用圖像。