WordPress:如何将文本和图像插入模板中定义的div?

时间:2014-04-11 17:42:30

标签: wordpress

说,我有一个模板index.HTML和style.CSS,定义了两个div - div A和​​div B.

使用此模板,我想创建三个页面 - 第1页,第2页和第3页(不是三个帖子,而是三个页面)。

由于这三个页面基于同一个模板,因此它们具有相同的设计,即两个div。但是,每个页面都需要在div中插入不同的文本和图像。

现在我已准备好模板,但我不知道如何将内容分配到div中。

当我通过“添加新页面”创建页面1,2或3时,我看不到将文本和图像分配给模板中定义的div的方法。

我知道我可以通过创建三个空白页面并向模板本身添加一些代码(例如条件标签),将不同的文本和图像分配给模板中的不同页面,但我不能采用这种方法。我应该在“添加新页面”屏幕中写入内容(文本和图像),并将文本和图像分别分配给div A和​​div B.

任何人都能给我一些启示?

谢谢。

1 个答案:

答案 0 :(得分:0)

首先,您需要了解这与index.html创建新页面时加载Add new page不同。 Wordpress中的页面模板概念完全不同。页面模板是您在创建新页面时在“页面属性”部分中选择的内容。

enter image description here

现在问题是,如果您想创建新的自定义页面模板,则需要遵循http://codex.wordpress.org/Page_Templates中提供的指南。例如,一个新的页面模板需要创建一个新的.php页面,并在顶部添加一些这样的代码:

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

然后该模板将在那个&#34;页面属性&#34;菜单,您将创建一个新页面。关于你对div1和div2的查询,你必须在Add new Page部分写一下 - 选择HTML视图并为其添加HTML。其中的css将在一个单独的文件中定义,您可以在创建它时将其包含在页面模板文件中。

通常情况下,开发人员所做的是提供布局的短代码,就像你想在你的页面中使用3个colomn布局一样,开发人员可能提供了你可以使用的选项:

  

[col-1]第一栏中的内容[/ col]
[col-2]这里有些东西   在第二栏[/ col]
[col-3]第三栏中的内容   [/ COL]

我知道这不是一个全面的答案,但你的问题是如此巨大,我无法在这里讨论。您需要了解核心wordpress概念。

我希望这会有所帮助。