首页 Typo3正文

TYPO3 CMS自动缩放内容页扩展

kumb Typo3 2020-07-17 12:15:56 608 0

扩展键:jh_magnificpopup;

功能:自动缩放内容页的内容元素或外部链接的URL。

查询jh_magnificpopup扩展

打开浏览器,在地址栏内输入TYPO3官网网址http://www.typo3.com,单击菜单“Extensions”→“Extension Repository”菜单项,在弹出的文本框内输入扩展关键字“jh_magnificpopup”,单击“Search”,可查询到“jh_magnificpopup”扩展的版本、适合的TYPO3版本及用户手册等信息,如图9-78所示。

img

图9-78 查询jh_magnificpopup扩展

安装配置jh_magnificpopup扩展

(1)安装jh_magnificpopup扩展。打开TYPO3 后台,单击管理工具“ADMIN TOOLS”模块下的扩展“Extensions”,在弹出的窗口内选择“Get Extensions”获得扩展,在文本框内输入扩展关键字“jh_magnificpopup”,单击“Go”,搜索到“jh_magnificpopup扩展后单击img图标下载安装扩展,如图9-79所示。

(2)安装jh_magnificpopup扩展的模板。先依次单击“WEB”→“Template”→“Congratulations”→“Info/Modify”,再在弹出的“Template tools”对话框中单击“Edit the whole template record”。在弹出的“Edit Template "Introduction Package" on page "Congratulations"”对话框中,选择“Magnific Popup(jh_magnificpopup)”“Magnific Popup for RTE(jh_magnificpopup)”和“Magnific Popup-Conttent Element(jh_magnificpopup)”,添加这些模板,然后单击“Save and close”存盘退出,如图9-80所示。

img

图9-79 安装jh_magnificpopup扩展

img

图9-80 安装jh_magnificpopup扩展模板

(3)添加类别。存盘退出后,选择“Constant Editor”,在“Category”的下拉列表内选择“PLUGIN.TX_JHMAGNIFICPOPUP(24)”,单击“Save”完成类别的添加,如图9-81所示。

img

图9-81 选择类别

使用jh_magnificpopup扩展

(1)单击“WEB”→“Page”,创建页树“image_autoresize”并取消其不可见性,单击“image_autoresize”,单击img图标添加图片,如图9-82所示,创建图片内容页。

img

图9-82 打开内容页

(2)在弹出的“New content element”对话框内,单击“Plugins”→“Magnific Popup”选择插件,如图9-83所示。

img

图9-83 选择插件

(3)上传图片。在弹出的“Create new Page Content on page "image_autoresize"”对话框内单击“General”,在“Plugin Options”下单击“General settings”选项卡,在“Display type”下拉菜单内选择“Inline-Content”,“Link type”选择“Image”,然后单击img上传图片,如图9-84所示。

(4)在“Method”下的列表中选择“Inline”,单击img创建内容页。单击“General”选项卡中,在“Content Element”下的“Type”选择“Text&Images”,“Header”填写“大枣”,字体选择“H3”,“Alignment”选择“Center”居中对齐,在富文件编辑器中输入内容,如图9-85所示。

(5)为详细内容页添加图片。单击“Image”→img上传图片,单击“Add image”添加图片到内容页,如图9-86所示。

img

图9-84 上传图片

img

图9-85 创建内容页

(6)存盘退出后,浏览前台,其效果如图9-87所示。

(7)浏览前台详细页效果。单击图片,弹出图文并茂的详细页内容,如图9-88所示。

img

图9-86 添加图片到内容页

img

图9-87 前台图片效果

img

图9-88 详细页内容

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

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

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

发表评论

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