cdn网站加速有用吗,网站开发与建设课程,长沙门户网站开发,杨浦科技网站建设大家好#xff0c;我是雄雄#xff0c;欢迎关注微信公众号#xff1a;#x1f449;雄雄的小课堂#x1f448;。 #x1f9d8;♂️往期系列
这两天一直在整理Publiccms系列的教程#xff0c;有需要的小伙伴们可以点击以下链接查看#xff1a;
☝publiccms使用教程我是雄雄欢迎关注微信公众号雄雄的小课堂。 ♂️往期系列
这两天一直在整理Publiccms系列的教程有需要的小伙伴们可以点击以下链接查看
☝publiccms使用教程使用方式整理☝使用publiccms实现动态可维护的首页轮播☝使用publiccms实现动态可维护的导航菜单栏
前言
在设计一个网站的时候为了网站的风格统一我们总会将一些公共部分提取成单独模块
在其他页面中用的时候直接引入那么在publiccms中我们是如何实现的呢
今天我们就来看看在publiccms中如何将公共部分提取成单独模块。
思路
和我们之前的轮播、导航菜单一样也是通过页面片段的方式来实现。
实现
一般我习惯于将通用的CSS、JS文件、导航菜单等一并拿出来都放在页面片段中引用的时候只需要引入这一个文件即可。
点击开发–》页面片段模板–》创建页面片段。 起个别名叫共用头部吧数据条数写成0就行。然后我们将头部公共的代码复制到这个页面片段中,然后点击保存。
link href${site.sitePath}publiccms教程/publiccms教程/css/prettyPhoto.css relstylesheet typetext/css /
link relstylesheet idcamera-css href${site.sitePath}publiccms教程/publiccms教程/css/camera.css typetext/css mediaall
link href${site.sitePath}publiccms教程/publiccms教程/css/bootstrap.css relstylesheet
link href${site.sitePath}publiccms教程/publiccms教程/css/site.css relstylesheet
link href${site.sitePath}publiccms教程/publiccms教程/css/bootstrap-responsive.css relstylesheet!-- Font --
link hrefhttp://fonts.googleapis.com/css?familyMuli relstylesheet typetext/css 继续创建页面片段起个别名叫共用底部数据条数还是0. 将页面中底部公共代码剪切到该页面片段中。
!DOCTYPE html
html langenhead
meta charsetutf-8 /
titleAmazingBiz | Free HTML5 Responsive Template/title
meta nameviewport contentwidthdevice-width, initial-scale1.0
meta namedescription content
meta nameauthor content
!-- Stylesheets --
_includePlace path/c7ab7438-e216-4cdc-9f4e-744a37794038.html/ #-- 共用头部 --!--[if lt IE 9]script srchttp://html5shim.googlecode.com/svn/trunk/html5.js/script
![endif]--/head
body div classcontainer box_shadow!--header--div classheaderdiv classwrap div classcontainerdiv classfleft logoa hrefindex.htmlimg src${site.sitePath}publiccms教程/publiccms教程/images/logo.png altAmazing Ideas //a/divdiv classnavbar fright_includePlace path/categoryMenu.html/ #-- 导航菜单 --/divdiv classclear/div/div/div/div!--//header--!--page_container--div classpage_containerdiv classcontainer!--slider--_includePlace path/eef45b01-0ac1-43eb-b8a3-96fa12922b4a.html/ #-- 首页轮播图 --!--//slider--/divdiv classcopyrightsCollect from a hrefhttp://www.cssmoban.com/ title模板之家模板之家/a/div!--planning--div classwrap planningdiv classfist_line_planninga hrefjavascript:void(0);span classcolor1 service_blockimg classicon_block src${site.sitePath}publiccms教程/publiccms教程/images/icon1.png /span classlink_titleInternet Strategy/spanspan classservice_txtOur Strategy Team converts brand values into actionable brand behavior. We implement and measure e-business strategies to provide maximum exposure to consumers everywhere around the globe. Our strategy makes our clients thrive. /span/span/aa hrefjavascript:void(0);span classcolor2 service_blockimg classicon_block src${site.sitePath}publiccms教程/publiccms教程/images/icon2.png /span classlink_titleMobile Marketing/spanspan classservice_txt With mobile search, your ads will display through search results performed on cell phones in order to expand your reach. By allowing your ads to travel wherever your customers go, the potential to promote your business is available anytime, anywhere./span/span/aa hrefjavascript:void(0);span classcolor3 service_blockimg classicon_block src${site.sitePath}publiccms教程/publiccms教程/images/icon3.png /span classlink_titleSocial Media/spanspan classservice_txt Being a social media marketing agency, we have developed a digital strategy to maximize your organizations engagement and benefit from this exciting and powerful communication platform, while complementing other digital marketing initiatives./span/span/aa hrefjavascript:void(0);span classcolor4 service_blockimg classicon_block src${site.sitePath}publiccms教程/publiccms教程/images/icon4.png /span classlink_titleAnalystics/spanspan classservice_txtA major benefit of online and digital media is the ability to track audience response in real-time.. We have a best in class team that vigorously gathers data that we harness to improve the quality and results of our clients internet marketing campaigns./span/span/adiv classclear/div/div/div!--//planning--!--Recent Gallery--div classwrap recent_gal_blockdiv classcontainerh2 classtitleFeatured Campaigns/h2ul classrowli classspan4div classproj_blockimg src${site.sitePath}publiccms教程/publiccms教程/images/featured_works/1.jpg alt /a href${site.sitePath}publiccms教程/publiccms教程/images/featured_works/1.jpg relprettyPhoto[portfolio1]span classportfolio_zoom1/span/a/div/lili classspan4div classproj_blockimg src${site.sitePath}publiccms教程/publiccms教程/images/featured_works/2.jpg alt /a href${site.sitePath}publiccms教程/publiccms教程/images/featured_works/2.jpg relprettyPhoto[portfolio1]span classportfolio_zoom1/span/a/div/lili classspan4div classproj_blockimg src${site.sitePath}publiccms教程/publiccms教程/images/featured_works/3.jpg alt /a href${site.sitePath}publiccms教程/publiccms教程/images/featured_works/3.jpg relprettyPhoto[portfolio1]span classportfolio_zoom1/span/a/div/lidiv classclear/div/ul/div/div!--//Recent Gallery--!--Welcome--div classwrap welcome_bgdiv classcontainerdiv classwelcome_blockp classfleftOur Team of Specialists Drive Business Results/pa classfright hrefjavascript:void(0);Learn More/adiv classclear/div/div/div/div!--//Welcome--!--Latest news--div classwraph2 classtitleSuccess Stories/h2ul classrowli classspan3 post_preva classpost_img hrefjavascript:void(0);img src${site.sitePath}publiccms教程/publiccms教程/images/blog/post_prev1.jpg //aa classtitle hrefjavascript:void(0);Food for child/ap classpost_prev_date24 August, 2020/p20% improvement in outreach campaigns in Q1/2013/lili classspan3 post_preva classpost_img hrefjavascript:void(0);img src${site.sitePath}publiccms教程/publiccms教程/images/blog/post_prev2.jpg //aa classtitle hrefjavascript:void(0);Childs safety/ap classpost_prev_date24 August, 2020/p20% more induction 25% improvement in new registrations /lili classspan3 post_preva classpost_img hrefjavascript:void(0);img src${site.sitePath}publiccms教程/publiccms教程/images/blog/post_prev3.jpg //aa classtitle hrefjavascript:void(0);Sport lifestyle/ap classpost_prev_date24 August, 2020/p12000 new subscribers and 28000 new facebook fans in 6 months/lili classspan3 post_preva classpost_img hrefjavascript:void(0);img src${site.sitePath}publiccms教程/publiccms教程/images/blog/post_prev4.jpg //aa classtitle hrefjavascript:void(0);psychologic tips /ap classpost_prev_date24 August, 2020/pSuccessful launch of digital magazine/lidiv classclear/div/ul/div!--Latest news--/div !--//page_container--!--footer--_includePlace path/5aa86ab2-7ef6-490d-b0e3-241620351f6e.html/ #-- 共用底部 --/body/html
在模板文件index.html中原来头部和底部的位置写成include的方式来进入页面片段文件即可。
头部
_includePlace path/c7ab7438-e216-4cdc-9f4e-744a37794038.html/ #-- 共用头部 --底部
!--footer--_includePlace path/5aa86ab2-7ef6-490d-b0e3-241620351f6e.html/ #-- 共用底部 --至此引入成功保存之后开始运行页面可以发现页面没有问题。 -e216-4cdc-9f4e-744a37794038.html/ #-- 共用头部 -- 底部html
!--footer--_includePlace path/5aa86ab2-7ef6-490d-b0e3-241620351f6e.html/ #-- 共用底部 --至此引入成功保存之后开始运行页面可以发现页面没有问题。
[外链图片转存中…(img-PYwu39sV-1629707024300)]
今天的分享就到这里了啦欢迎一键三连~关注微信公众号雄雄的小课堂。
