首页 Typo3正文

TYPO3 CMS网页的编辑

kumb Typo3 2020-07-17 12:15:16 231 0

5.2.1 网页内容元素类型

单击img图标,会弹出选择内容元素类型的窗口,在此可添加网页内容元素的类型,具体取决于用户的设置和所安装的扩展。

(1)典型网页内容元素。单击“Typical page content”选项卡,显示典型的网页内容元素类型,如图5-9所示。

img

图5-9 典型网页内容元素类型

(2)特殊元素。单击“Special elements”选项卡,显示特殊网页内容元素类型,如图5-10所示。

img

图5-10 特殊网页内容元素类型

(3)表单元素。表单元素如图5-11所示。

img

图5-11 表单元素

(4)插件。插件(Plugins)如图5-12所示。插件依赖于扩展,并不是所有的插件都出现在这里,这取决于后台配置。

img

图5-12 插件

(5)引导程序。单击“Bootstrap Package”(引导程序)选项卡,则列出所有自定义内容元素所提供的扩展,如图5-13所示。

img

图5-13 引导程序选项卡

5.2.2 移动和剪切页树

使用鼠标拖曳页树,可任意移动页树,如图5-14所示。

img

图5-14 移动页树

要剪切页树,只要用鼠标右键单击要剪切的页树,再在弹出的快捷菜单中选择“Page Actions”→“Cut”即可,如图5-15所示。

img

图5-15 剪切页树

5.2.3 重命名页树

重命名页树的方法有三种:

(1)双击要重命名的页树,输入新名称,就可以修改页树名称。此时预览前台菜单,相应页树的名称也随着改变,如图5-16所示。

img

图5-16 重命名页树方法之一

(2)单击页树后的img图标,修改页树名称,然后单击img图标存盘即可,如图5-17所示。

img

图5-17 重命名页树方法之二

(3)单击img图标,在弹出的窗口内修改页树名称,如图5-18所示。

由此可以看出,TYPO3 cms操作既非常人性化,又非常方便。

img

图5-18 重命名页树方法之三

5.2.4 创建导航

(1)新建页树,单击“Page”→“Features”→img图标,如图5-19所示。

img

图5-19 新建页树

(2)在弹出的窗口内,选择“Type”(类型)为“Standard”,“Page Title”(页标题)为“创建TYPO3 CMS 7”,“Alternative Navigation Title”(选择导航标题)为“创建TYPO3”,然后保存,如图5-20所示。

img

图5-20 创建导航

(3)预览前台,结果如图5-21所示。

img

图5-21 创建导航后的前台

(4)单击“Access”选项卡,可对网页的“Visibility”(激活性)、在菜单内(In Menus)是否隐藏(Hide),以及该页的发布时间、结束时间和访问权限进行设置,如图5-22所示。

img

图5-22 “Access”选项卡设置

5.2.5 创建新页

创建导航

(1)进入TYPO3 CMS后台,单击“Page”,用鼠标右键单击“Customizing”,在弹出的快捷菜单中选择“PageActions”→“New”。在弹出的“New record”窗口内,单击“Customizing”下的img图标,如图5-23所示。

img

图5-23 准备创建新页

(2)在弹出的“Create new page”窗口内“General”选项卡的“Page Title”下的文本框内,输入页标题“新页001”。

(3)单击“Acess”选项卡,将“Page”下“Disable”复选框的勾选符去年,如图5-24所示。

img

图5-24 选择不激活页

(4)单击“Save and close”存盘退出,则创建导航后的后台(左)和前台(右)效果如图5-25所示。

img

图5-25 创建导航效果

(5)单击页树上方的img图标,弹出选项工具img。将工具标签img拖曳到页树“Customizing”之上。

上传和管理文件

(1)单击“user_upload”,打开网站用户文件夹,拖曳要上传的文件到该文件夹内,当出现“Drag & drop to upload files”时松开鼠标键即可上传文件,如图5-26所示。

img

图5-26 拖曳文件进行上传

也可以单击img图标上传文件,如图5-27所示。

img

图5-27 单击img图标上传文件

(2)上传后的文件,可以通过在文本框内输入文件名,然后单击“Search”按钮来查找。勾选“extended view”复选框,会出现文件的扩展视图,此时可以对文件进行预览、删除和查看信息等操作,如图5-28所示;也可以用鼠标右键单击某个文件,对其进行复制、剪切、删除等操作。

img

图5-28 扩展视图

(3)单击img图标,弹出新建文件夹窗口,在此窗口可以新建不同层级的文件夹和不同类型的文件,且在窗口的下部列出允许创建文件的类型,如图5-29所示。

img

图5-29 新建文件夹和文件

5.2.6 富文本编辑器

使用富文本编辑器编辑文本

单击页树“Features”→“Normal”下的“Cuntent”。在弹出的“New content element”对话框内,单击“Typical page content”选项卡,再单击“Text & Media”。在弹出的“Create new Page Content on page "Features"”对话框内,单击“General”。设置“Header”下的标题为“国产大型客机C919将于5月5日首飞”,在富文本编辑器内输入文字。将“新华社”加粗,将“上海5月3日电”设置为斜体,将“(记者贾远琨)中国商飞公司5月3日发布消息称”设置为文本框……之后,插入一个分隔符,将“科研人员针对先进”设置为超链接,如图5-30所示。

img

图5-30 富文本编辑器

预览效果

在前台预览富文本编辑器的编辑效果,如图5-31所示。

img

图5-31 富文本编辑器前台效果

我们致力于为三农(农业、农村、农民)提供专业物联网解决方案,同时也提供应用软件、微信小程序、手机App、企业网站的开发和跨境电商建站、网络营销等服务,站长微信号(mywit_net),添加后备注“黎辉物联网”,如有相关需求也可通过电子邮件(12tc@sina.cn)与我们取得联系

本站内容均来自互联网,如有涉及到侵权行为,请你及时与站长联系删除!

本文链接:https://www.kumb.cn/2954.html

发表评论

评论列表(0人评论 , 231人围观)
☹还没有评论,来说两句吧...