WordPress的：如何插入文本和圖像到模板中定義的div？

Question

說，我有一個模板index.HTML和style.CSS，定義兩個div - div A和​​div B.

使用此模板，我想要創建三個頁面 - 第1頁，第2頁和第3頁（不是三個帖子，而是三個頁面）。

由於這三個頁面基於同一個模板，它們將具有相同的設計，即兩個div。但是，每個頁面都需要將不同的文本和圖像插入到div中。

現在我已經準備好模板了，但是如何將內容分配到div中卻不知所措。

當我通過「添加新頁面」創建頁面1,2或3時，我沒有看到將文本和圖像分配給模板中定義的div的方法。

我知道我可以通過創建三個空白頁面並向模板本身添加一些代碼（例如條件標籤）來爲模板中的不同頁面分配不同的文本和圖像，但我不能採用這種方法。我應該在「添加新頁面」屏幕中寫入內容（文本和圖像），並將文本和圖像分別分配給div A和​​div B.

任何人都可以給我一些亮光？

謝謝。

Answer 1

首先，您需要明白，這不像從Add new page創建新頁面時加載index.html。 WordPress中有一個完全不同的頁面模板概念。頁面模板是您在創建新頁面時在頁面屬性部分中選擇的內容。

現在的問題是，如果你想創建一個新的自定義頁面模板，你就需要按照現有的指南在http://codex.wordpress.org/Page_Templates。 E.g一個新的頁面模板將需要創建一個新的PHP頁面和在上面添加一些像這樣的代碼：

<?php 
/* 
Template Name: New Template for Page 
*/ 

然後該模板將可在「頁面屬性」菜單的時候，您將創建一個新的頁面。關於你對div1和div2的查詢，你必須在添加新頁面部分編寫 - 選擇HTML視圖，然後在那裏添加HTML。這個CSS將在一個單獨的文件中定義，您可以在創建它時將其包含在頁面模板文件中。

通常情況下，開發商要做的就是佈局提供簡碼一樣，如果你在你的頁面要3 colomn佈局，開發者可能已經提供了，你可以用類似的選項：在這裏

[COL-1]的東西第一柱[/ COL]
[COL-2]的東西在這裏 在第二列[/ COL]
[COL-3]的東西在這裏在第三塔 [/ COL]

我知道這不是一個全面的答案，但你的問題是如此之大，我無法掩蓋它 這裏。你需要了解這個核心wordpress概念。

我希望這會有所幫助。