动手玩 LifeType 模版
国立内坜高中 李顺孝LifeType 中文开发论坛版主 lss本教材使用 CC 授权姓名标示-非商业性-相同方式分享 2.5
LifeType 简介
From pLog to LifeTypepLog 与Amazon 的Plog 服务同名.Amazon 找开发团队协商改名.11/1 改名前,只有五个人知道.
LifeType 简介
Organic Life, Happy TypeOpenSource Blog Platform支援多用户 blog 系统安装较困难使用弹性大
研习方式
MindMap 教材投影片解说实作示范
环境设定
使用 LifeType 1.0.2 beta 2安装样版编辑器 ( Template Editor Plugin )设定为 blog 用户可以使用允许上传模版包已安装最近回响、回响验证码、最近引用等三个外挂程式
使用自订模版
模版何处寻?官方下载:sourceforge 的plog 专案下载区共有 50 多个现成的模版中文开发论坛的模版设计精华区新近增加了许多模版
使用自订模版
系统模版由网站管理员安装,供所有 blogger 使用Blogger 不能自行修改享用网站管理员安装的所有功能自订模版由 blogger 自行上传,只有自己能使用任何新增功能都要自行修改模版
使用自订模版
使用自订模版
使用自订模版
使用乐多模版
由resnick 版主移植乐多两栏式模版[pLog 模版] 让你的pLog也可以用乐多的面版可以套用所有乐多网志的布景主题乐多布景主题来源:乐多网站乐儿的部落格更衣间温柔对待部落格 – CSS 样版下载
使用乐多样版
注意版权乐多官方样版可非商业自由使用注意礼貌告知作者,让他享受分享的喜悦作者未释出的样版不可盗用
CSS 语法简介 — HTML 标签
blockquote {margin: 0 20px;padding: 0 20px;border-left: 4px solid #E8E7D0;font-size: 0.9em;}
CSS 语法简介 -- .class
.posttitle a {float: left;padding: 0 10px;background: #9BBB38 url(img/posttitle.gif) no-repeat top right;}
CSS 语法介绍 -- #selector
#sidebar {float: left;padding: 1.8em 20px 0 20px;width: 230px;font-size: 0.9em;voice-family:voice-family: inherit;width: 190px;}
CSS 语法介绍 – url()
url(img/bg.gif)没有双引号相对於 css 档的路径或使用 http://... 的绝对网址
CSS 语法介绍 -- 参考网站
W3C CSS 2.1 CSS 线上课程 免费线上课程有参考手册
使用乐多样版
移植乐多样版到自己的 blog取得 CSS 样式档取得其余相关图档上传至 blog 的乐多模版
修改模版注意事项
必需将样版档案存档成 UTF-8 格式多语系并存、与世界接轨否则产生乱码UTF-8 No BOMBOM (Bytes Order Markup)Utf-8 文件的档头标记造成 PHP 程式执行错误
修改模版注意事项
使用模版编辑器没有是否使用 UTF-8 及BOM 问题没有搜寻/取代的编辑功能可用其他编辑器帮助
修改样版注意事项
自行编修后上传(一)编辑器需支援 UTF-8 NO BOM 存档Dreamweaver MX 之后版本UltraEditNotePad++PsPedEmEditor
修改样版注意事项
自行编修后上传(二)使用模版编辑器上传编修后的档案将修改后的模版重新打包后再上传先删除网站上旧模版或是以新模版名称上传
认识模版的样版档案
文章相关(一)main.template首页、分类汇整、月分汇整Postandcomments.template单篇文章与回响posttrackbacks.template引用文章列表
认识模版的样版档案
文章相关(二)--独立区块由其他样版档中分离方便管理方便共用post.template显示一篇文章commentform.template显示回响编辑区
post.template
commentform.template
认识模版的样版档案
资料夹相关albumns.template第一层资料夹albumn.template资料夹与档案缩图resource.template资料夹里的档案
认识模版的样版档案
其他error.template网页错误时显示
ERROR: The blog does not exist.
认识模版的样版档案
共用部份—两栏式
Header.template
footer.template
panel.template
认识模版的样版档案
共用部份三栏式
Header.template
footer.template
认识模版的样版档案
共用部份—布景主题CSS 样式档网站装饰图档
看懂模版档案 post.template
{$post}一篇文章的所有资讯使用 {$post->成员函数()} 取用资讯文章标题:{$post->getTopic()}文章本文:{$post->getText()}文章分类:{$post->getCategories()}文章日期:{$post->getDateObject()}文章作者:{$post->getUserInfo()}参考 article 物件
看懂模版档案 post.template
{$categories}文章的所有分类{foreach from=$post->getCategories() item=postcategory}使用 {$postcategory} 文章分类物件{/foreach}
看懂模版档案 post.template
{$postcategory}文章分类的所有资讯使用 {$postcategory->成员函数()} 取用资讯文章分类名称:{$postcategory->getName()}参考 articleCategory 物件
看懂模版档案 post.template
{$postOwner}文章作者的所有资讯使用 {$postOwner->成员函数()} 取用资讯使用者帐号:{$postOwner->getId()}使用者名称:{$postOwner->getUserName()}参考 userInfo 物件
看懂模版档案 post.template
{$url}建立所有的超连结网址使用 {$url->成员函数()} 产生超连结位址自订静态页面网址:{$url->getUrl("样版档名称")}文章静态连结网址:{$url->postPermaLink($post)}文章引用页网址:{$url->postTrackbackStatsLink($post)}文章分类网址:{$url->categoryLink($category)}参考 baseRequestGenerator 物件
看懂模版档案 post.template
{$locale}做地区化翻译由个人网志设定网志语系翻译系统讯息{$locale->tr("系统讯息")}{$locale->pr("系统讯息", "参数")}翻译日期$locale->formatDate($postDate,"%d %B, %Y %H:%M")参考 locale 物件
动手玩模版
加入摘要页面超连结{$url->getUrl("/summary.php")}summary.php 即为摘要页面网址
动手玩模版
加入自我介绍页面about.template{$blogOwner->getUserName()}{$blogOwner->getAboutMySelf()}{$blogOwner->hasPicture()}{$blogOwner->getPicture()}resourceDownloadLink($picture)}" />
动手玩模版
加入自我介绍连结templatePage("about.template")}">About
动手玩模版
加入统计资料加入 panel.templa
……

欲阅读全文，请下载！