惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Darknet – Hacking Tools, Hacker News & Cyber Security
Jina AI
Jina AI
博客园_首页
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 司徒正美
Hugging Face - Blog
Hugging Face - Blog
S
SegmentFault 最新的问题
MyScale Blog
MyScale Blog
P
Proofpoint News Feed
L
Lohrmann on Cybersecurity
Forbes - Security
Forbes - Security
大猫的无限游戏
大猫的无限游戏
Vercel News
Vercel News
Y
Y Combinator Blog
Google DeepMind News
Google DeepMind News
The Register - Security
The Register - Security
N
News | PayPal Newsroom
S
Security Archives - TechRepublic
量子位
Cisco Talos Blog
Cisco Talos Blog
V
V2EX
C
Cisco Blogs
The Cloudflare Blog
Stack Overflow Blog
Stack Overflow Blog
L
LangChain Blog
Scott Helme
Scott Helme
S
Securelist
Security Latest
Security Latest
爱范儿
爱范儿
TaoSecurity Blog
TaoSecurity Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
I
Intezer
L
LINUX DO - 最新话题
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
C
Check Point Blog
C
CXSECURITY Database RSS Feed - CXSecurity.com
美团技术团队
Know Your Adversary
Know Your Adversary
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
PCI Perspectives
PCI Perspectives
月光博客
月光博客
T
Tailwind CSS Blog
Cloudbric
Cloudbric
小众软件
小众软件
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
K
Kaspersky official blog
D
DataBreaches.Net
博客园 - 【当耐特】
有赞技术团队
有赞技术团队

博客园 - 二十四画生

Orchard 1.3新功能之——规则(Rules) Orchard 1.3新功能之——Markdown编辑器 Orchard 1.3 发布了! Orchard中的计划任务功能(Schedule) Orchard网站App_Data目录里的文件介绍 在Orchard中使用样式及脚本 Orchard中的多站点功能(Multi-Tenant) Orchard中的多语言功能 Orchard中的列表功能 Orchard中的用户、角色及权限 Orchard中的形状候补(Alternates) Orchard是如何呈现内容的 理解Orchard中的placement.info文件 详解Orchard主题(Theme) 在Orchard中创建一个自定义字段类型 Orchard动态编译机制 在Orchard中为命令行工具(Command-Line)添加一个新命令 在Orchard中处理一对多关系 在Orchard中创建一个主题(Theme)
自定义Orchard站点辅助工具——Shape Tracing
二十四画生 · 2011-08-12 · via 博客园 - 二十四画生

    Orchard提供了一个Shape Tracing的工具,它可以帮助你定制你的Orchard站点。Designer Tools模块提供了这个工具,你可以通过这个工具来查看网站的各个部分都是怎么呈现的。

Shape Tracing工具入门(Getting Started with Shape Tracing)

若要使用Shape Tracing工具,首先你需要在管理后台中启用Shape Tracing功能。Shape Tracing功能在Designer Tools模块中,如果你还没有安装可以点击这里来下载安装此模块。此功能安装并启用后,你再访问网站页面时,你可以在页面底部发现一个Shape Tracing功能区,类似如下:

 

Shape Tracing功能区通常是折叠的,只有当然点击展开按钮时,Shape Tracing功能区才会显示。

形状信息(Shape Information)

当Shape Tracing功能区展开时,你可以移动鼠标查看页面上每一个形状。每一个高亮显示的部分就是一个形状。点击高亮显示的部分,就可以查看此位置对应的形状信息了。

 

在Shape Tracing功能区域的左边显示了你所选的形状。你也可以在这个树形导航中选择其他形状。

在Shape Tracing功能区域的右边显示了你所选形状的一些信息。

 

在形状信息窗格中显示了以下信息:

  • 形状(Shape):显示当前所选形状的名称、当前所用模板、当前显示类型,以及可以用候补模板和所用包装。
  • 模型(Model):当前所选形状对应的数据信息。
  • 位置信息(Placement):当前所选形状对应的placement.info文件。
  • 模板(Template):当前所选形状对应的模板代码。
  • Html代码(Html):呈现当前所选形状的Html代码。

创建候补模板(Creating Alternate Templates)

Shape Tracing工具还提供了直接创建候补模板的功能。直接点击“Create”就可以创建相应的候补模板了。

 

点击“Create”后,系统会把当前所用的模板复制到相应目录中,这你就可以通过修改这个模板来定制不同的呈现了。如果你使用Visual Studio,你需将所添加的模板包含到你的项目中,这就更方便编辑了。

参考文档