翻译原文地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco4outputting-the-document-type-properties/

输出文档类型属性

你会注意到，我们添加到homepage文档类型中的属性内容并没有显示出来。我们需要将文档类型中定义的属性和显示该文档类型的模板结合起来（那些在Umbraco中创建的数据字段可以编辑），首先让我们看下在homepage页面中属性内容应该显示的位置：

【我们的数据属性内容应该是输出】

我们已经将我们希望输出的数据属性标记为蓝色。现在我们需要连接相关的属性。

现在到Settings > Templates > Homepage，向下滚动并突出显示的文本“h1#title”

【准备替换为一个Umbraco数据属性】

单击按钮Insert Umbraco Page Field ，在Choose field的下拉选项的自定义属性组中选择pageTitle。

【Umbraco页面字段/财产】

点击Insert按钮并点击Save按钮。

接着在<header></header>做之前同样的事情,插入字段bodyText。再次点击Insert和Save按钮。

【替换Umbraco页面bodyText字段】

最后我们在footer部分也替换成footerText字段。

【footer Text】

现在我们重新加载页面...可以看到我们添加的内容显示出来了。然后我们可以回去添加三个tabs称为 Article 1, Article 2, Article Footer，每一个都包含标题和内容字段，并按照上文提到的方法将这些数据属性添加到Homepage模板的相应位置。这将限制内容中总是有着这些部分。这可能是好的，但是我们还可以使用子节点 - 我们将在后边了解这些。

【原文：https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/Outputting-the-Document-Type-Properties】

Umbraco（4）-Outputting the Document Type Properties（翻译文档）的更多相关文章

  1. Umbraco（1） - Document Types（翻译文档）

    Document Types Data first nothing in = nothing out! 任何网站的第一步是创建一个"Document Type"-几次安装后你会熟悉 ...

  2. Umbraco（3） - CSS & Javascript（翻译文档）

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Jav ...

  3. 管理后台-第二部分：Custom sections in Umbraco 7 – Part 2 the views（翻译文档）

    在上一篇文章中我们讨论了怎样在我们Umbraco7.0版本中去添加一个新的自定义的应用程序(或部分)和如何去定义一个树.现在我将给你展示你改何如添加视图,来使你的内容可以做一些更有意义的事情. The ...

  4. document.write()、onclick="alert(xxx)、innerHTML、image.src.match("xxx")、id2.style.color="blue";、isNaN(id2)、document.write("糟糕！文档消失了。")、alert(id2.outerHTML)、id2.className="id06";、onclick="return registe"

    <html> <head> <meta charset="utf-8"> <title>javascript</title&g ...

  5. Umbraco（6）-Creating More Pages Using the Master - Part 2（翻译文档）

    创建一个Contact Us页面 我们将创建一个新的”联系我们“页面,在该页面我们将放置简单的联系信息.对于添加这个功能你可能想替换为一个完全成熟的形式. 一些有效的解决方案: 使用表面控制器构建自己 ...

  6. Umbraco（5）-Creating Master Template Part 1（翻译文档）

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco5-creating-master-template-par ...

  7. Umbraco（2） - Creating Your First Template and Content Node（翻译文档）

    创建(编辑)你的第一个模板(Template) 展开 Settings > Templates文件夹 - 然后你应该看到子节点名为"Homepage" - 这是我们在创建Do ...

  8. DOM 是什么，Document Object Model，文档对像模型

    #为什么会想起来写这个 在写dynaTrace Ajax的时候,写到这个是个前端性能测试工具,这个工具能记录请求时间,前端页面渲染时间,DOM方法执行时间,以及JavaScript代码解析和执行时间. ...

  9. 管理后台-第一部分：Creating custom sections in Umbraco 7 - Part 1（翻译文档）

    在Umbraco上每个部分都可以被称为一个应用程序,所以这些部分和应用程序基本上是一样的.我们首先要做的事情是需要创建应用程序.在这个例子中,我不会去摆弄xml文件或是数据库——我将使用类来创建我的内 ...

随机推荐

  1. ASP.NET MVC- UrlHelper的用法

    UrlHelper提供了四个非常常用的四个方法 1.Action方法通过提供Controller,Action和各种参数生成一个URL, 2.Content方法是将一个虚拟的,相对的路径转换到应用程序 ...

  2. PostgreSQL的注释嵌套的例子

    pgsql=# -- Multiline comments pgsql=# SELECT 'Multi' /* This comment extends across pgsql*# * number ...

  3. android用NDK编译出so最简单的方法

    其实只要是有个jni的文件夹,再放个Android.mk LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_MODULE := hell ...

  4. 记录一下centos安装httpd+php+mysql的过程

    1.安装apache httpd 这个貌似安装完centos后自带了,如果没有,也可以用yum安装 yum -y install httpd 2.安装php yum -y install php ph ...

  5. PS-文字如何竖排版

    单击文字输入工具“T”按钮,点住鼠标左键不要松手,会在“T”按钮的右边显示出其它形式的文字工具,拖动鼠标指向“直排文字”工具就可以了.

  6. Visual C++内存泄露检测—VLD工具使用说明[转]

    Visual C++内存泄露检测—VLD工具使用说明 一．        VLD工具概述 Visual Leak Detector(VLD)是一款用于Visual C++的免费的内存泄露检测工具.他的 ...

  7. MySQL中内存分为全局内存和线程内存

    首先我们来看一个公式,MySQL中内存分为全局内存和线程内存两大部分(其实并不全部,只是影响比较大的 部分): 复制代码 代码如下: per_thread_buffers=(read_buffer_s ...

  8. UNIX/Linux网络编程基础：图解TCP/IP协议栈

    目录 1.主机到网络层协议:以太网协议 2.IP协议 3.网际控制报文协议(ICMP) 4.传输控制协议(TCP) 5.用户数据报文协议(UDP) 6.流控制传输协议(SCTP) 7.地址解析协议(A ...

  9. 纯css3实现的动画加载特效

    之前给大家带了很多款进度加载条,今天再给大家分享一款纯css3实现的动画加载特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="wrap& ...

  10. java 考试试题

    Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语法,集合的语法,io 的语法,虚拟机方面的语法,其他.有些题来自网上搜集整理,有些题来自学员 ...