SharePoint Online 创建门户网站系列之母版页

news/2024/5/9 3:44:12/文章来源:https://blog.csdn.net/weixin_30594001/article/details/98451508

  虽然SharePoint中母版页看起来只是头部Banner和底部版权信息这两个部分,但是实质在SharePoint Online中的页面模型中占有重要地位,而且SPO对母版页有着完善的签入签出机制和版本控制,方便使用。

  同时,除了保持网站所有页面的一致性,还方便所有页面中使用的脚本、样式表引用,可以同时影响所有页面。

一、 SharePoint Online母版页的签入签出和版本控制

  查找母版页和页面库位置,首先进入“网站设置”,如下图:

clip_image001

  到网站设置页面以后,点击“母版页和页面布局”,进入库管理母版页和页面布局,如下图:

clip_image002

  在“母版页样式库”中,查看签入签出和版本控制功能,如下图:

clip_image003

  点击“库设置”,可以进入到库的基本设置中关闭签入签出和版本控制功能;

  同样,在库设置中,我们可以关闭签入签出和版本控制功能,当然,我们并不建议这样,因为未发布的母版页普通权限用户是无法看到的,方便我们做后台修改。

  同时,我们还可以在任何时候还原误删除、修改的之前版本。在SharePoint Online站点实施的过程中,是非常有用的功能。

clip_image004

  进入库设置的版本控制,可以开启、关闭该功能,同时可以设置版本的个数和规则,非常方便和有用,如下图;

clip_image005

二、 SharePoint Online通过HTML导入

  其实,SharePoint Server 2013版本中就有这一功能,这里我们简单介绍一下该功能,而使用Html文件导入,最初也仅仅是方便美工设计和调整母版页,至少对于我个人来说,更习惯去修改Master页面。

  在“网站设置” – “外观” – “设计管理器”,这一点区别Server版本,右上角的设置菜单上没有了这个入口,如下图:

clip_image006

  在这里直接进入第3步,“编辑母版页”,由于和Server版本除了入口基本一致,所以就不多介绍了,这里请大家参见之前博客即可;

clip_image007

  链接:SharePoint 2013 中将 HTML文件转换为母版页

  http://www.cnblogs.com/jianyus/archive/2013/04/21/3034349.html

三、 SharePoint Online母版页设计和制作

  其实母版页的设计和制作,是比较简单的,不知道其他开发人员如何操作,我是习惯通过F12 + Css的方式隐藏不需要的PlaceHolderMain节点,并修改不符合要求的部分;

  SharePoint Online的母版页和Server版本大同小异,通过网站设置 – 外观 – 母版页里面的设置,我们可以知道网站母版页是oslo,而系统母版页是Seattle,所以制作母版页我们通常采取修改oslo.master。

  网站母版页与系统母版页的区别:

  Ø 网站母版页是所有页面、页面布局默认使用的母版页;

  Ø 系统母版页是管理页面和应用程序页默认使用的页面;

clip_image008

  通常我们会复制一份olso文件,然后修改为我们需要的名字,然后在其基础上修改,如下图:

clip_image009

  如果修改母版页的时候报如下图错误,需要断开Html母版页和Master母版页之间的关联;

clip_image010

  断开Html和Master母版页之间的关联,首先需要在母版页样式库中,编辑母版页的属性,如下图:

clip_image011

  然后,去掉关联的文件属性前面的勾,如下图:

clip_image012

  根据F12可以看到这一块Html的class样式是什么,然后去Designer中修改,如下图:

clip_image013

  根据Html可以找到母版页中该节点位置,然后隐藏掉默认的,添加我们需要的即可,同时修改尾部的Html即可;

clip_image014

  尾部信息也是隐藏默认的,然后添加我们自定义的Html即可,节点如下:

  尾部节点:<SharePoint:DelegateControl runat="server" ControlId="PageFooter" AllowMultipleControls="false" />

  在网站内容中指定的文档库(可以是任意文档库,引用对了即可,我这里选择已存在的“网站资产”)中,创建素材文件夹,分别上传素材,如下图:

clip_image015

  然后在母版页中添加Css引用和Script引用,添加到Head节点里,如下图:

clip_image016

  母版页修改以前的截图,如下图:

clip_image017

  母版页修改完毕的截图,如下图:

clip_image018

四、 SharePoint Online修改母版页引用和自定义母版页

  第一种就是修改系统引用的默认母版页,由网站设置 – 外观 – 母版页进入,如下图:

  在母版页的设置中,可以轻松通过UI修改网站母版页和系统母版页,至于区别,上面已经介绍过了,这里不多言了;

clip_image019

  再有,就是在Designer中,为页面或者页面布局单独引用母版页,如果通过页面布局创建的页面,需要修改页面布局的母版页设置,不能单独修改此类页面的母版页;

  这里我们以页面布局为例,使用Designer打开网站,在右侧菜单中点击页面布局,选中我们需要修改的页面布局,右键点击“在高级模式下编辑文件”,如下图:

clip_image020

  如果不使用“在高级模式下编辑文件”,打开的页面布局是只读的,但是可以通过Ribbon上的菜单,使用高级模式编辑

clip_image021

  使用高级模式打开母版页以后,在Page节点下添加masterpagefile节点,输入mas后会自动找到这个节点,然后根据弹出对话框选择(或者直接输入Url),即可;

clip_image022

  修改完毕,如下图:

clip_image023

  SharePoint Online母版页的签入签出功能和版本控制,以及如何通过Html导入,母版页制作和设置基本就如上面介绍的,下一篇我们将介绍如何创建首页页面。

转载于:https://www.cnblogs.com/jianyus/p/4292235.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_746264.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

华纳云香港CN2站群服务器,1C/2C/4C不同C段可选,多达253个独立IP,SEO优化推广首选 含测评

香港站群服务器应用场景&#xff1a; **1.PBN站群SEO&#xff1a;**PBN站群拥有多个独立ip&#xff0c;且互不干扰。快速稳定的网站表现才可以吸引到更多的用户及蜘蛛爬行。 **2.跨境电商运营&#xff1a;**无论第三方平台开店还是自建店群都要求能够让买家快速访问&#xff0c…

Hulu李彬:看到不一样的视频网站,所遇挑战何尝不是一次革新的机会?

Hulu软件技术开发有限公司&#xff08;以下简称Hulu&#xff09;是美国三大电视网NBC、福克斯、迪斯尼合力在2007年建立的在线视频服务网站&#xff0c;主要目的是使传统媒体业务转型成数字新媒体&#xff0c;能够让更多的用户通过互联网上的不同的平台和方式访问视频内容。 此…

【ASP.NET基础】简单企业产品展示网站--产品编辑CRUD

摘要&#xff1a;本文记录创建一个小的、简单的产品网站的步骤。 一&#xff0c;搭建一个简单的产品展示网站&#xff0c;熟悉以下知识点&#xff1a;NVelocity模板引擎、Ajax无刷新页面请求&#xff0c;文件上传&#xff0c;Row_Number实现分页&#xff0c;ckEditor使用&#…

记一次JavaWeb网站技术架构总结

题记工作也有几多年了&#xff0c;无论是身边遇到的还是耳间闻到的&#xff0c;多多少少也积攒了自己的一些经验和思考&#xff0c;当然&#xff0c;博主并没有太多接触高大上的分布式架构实践&#xff0c;相对比较零碎&#xff0c;随时补充(附带架构装逼词汇)。俗话说的好&…

LVS和nginx反向代理网站架构

LVS和nginx反向代理网站架构 nginx反向代理和lvs的dr都存在单点&#xff0c;要keepalived做高可用&#xff0c;但是成本高了 f 转载于:https://www.cnblogs.com/MYSQLZOUQI/p/5100056.html

【web标准设计】学习、提高、欣赏网站推荐

【web标准设计】学习、提高、欣赏网站推荐(转&#xff09;文章包含的一些粗俗、庸俗、恶心的言语可能造成您阅读后的不适感&#xff0c;请谨慎选择是否阅读。如你自愿阅读本文&#xff0c;因粗俗、庸俗、恶心的言语给您所造成的任何后果&#xff0c;本文作者不负任何责任。 华丽…

zabbix-自定义监控项(监控网站80连接数)

自定义监控项&#xff08;监控网站80连接数&#xff09; 需求&#xff1a;监控某台web的80端口连接数&#xff0c;并出图&#xff1b; 第一步&#xff1a;客户端创建脚本&#xff1a; 客户端定义脚本&#xff0c;并编辑zabbix-agent配置文件实现运行定义的脚本&#xff1b; 客户…

大型网站技术架构(一)--大型网站架构演化

转自&#xff1a;https://blog.csdn.net/chaofanwei/article/details/26865169 看完了有一本书&#xff0c;就应该有所收获&#xff0c;有所总结&#xff0c;最近把《大型网站技术架构》一书给看完了&#xff0c;给人的印象实在深刻&#xff0c;再加上之前也搞过书本上讲的反向…

传统IDC 部署网站

选择IDC机房 1.选择云主机。 2.传统IDC a购买服务器 b服务器托管 c装系统 装系统 虚拟机软件 vmware workstation virtualbox hyper-v 下载&#xff1a;r.aminglinux.como 系统下载&#xff1a; http://mirrors.163.com/centos/7.6.1810/isos/x86_64/CentOS-7-x86_64-DVD-1810.…

使用phpstudy一键搭建网站

在软件管理中选择要安装的服务。 安装成功以后点击一键搭建 设置域名端口号根目录等信息后点击确定 开启apache和mysql服务 打开浏览器输入域名登录网站 也可以使用在网上找到的套件进行搭建 将套件解压至phpstudy的根目录下 单击创建网站配置好域名端口根目录 单击创建数据库并…

阿里云虚拟主机建立多个网站的方法

今天有朋友问魏艾斯博客&#xff0c;如果想在一个阿里云虚拟主机里面放多个网站怎么办&#xff0c;老魏很久不碰虚拟主机了&#xff0c;研究了一下找到了解决办法&#xff0c;下面来说一下阿里云虚拟主机建立多个网站的方法。 阿里云虚拟主机只能放一个网站&#xff0c;为了能够…

服务器购买+建站流程教程——适合新手没有经验的人Chinar总结

服务器购买购买教程本文提供全图文流程&#xff0c;中文翻译。 Chinar 坚持将简单的生活方式&#xff0c;带给世人&#xff01;&#xff08;拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例&#xff09; Chinar —— 心分享、心创新&#xff01;助力快速完成…

网站seo优化过度的表现以及避免方法

因为seo而seo导致的结果很有可能就是网站优化过度&#xff0c;我不止一次看到过这样的情况&#xff1a;因为学习了部分seo教程&#xff0c;发现增加关键词密度可以适当提升排名&#xff0c;就在站内大量累加目标关键词&#xff0c;以期望达到关键词排名&#xff0c;最终的结果是…

Java实现视频网站的视频上传、视频转码、视频关键帧抽图, 及视频播放功能(转)...

转自&#xff1a;http://www.cnblogs.com/dennisit/archive/2013/02/16/2913287.html 视频网站中提供的在线视频播放功能,播放的都是FLV格式的文件,它是Flash动画文件,可通过Flash制作的播放器来播放该文件.项目中用制作的player.swf播放器.多媒体视频处理工具FFmpeg有非常强大…

网站整站开发小例子

之前学习的前端知识都只是局限于htmljs编写的静态网页&#xff0c;所以前几天试着加上模拟数据把前端和后台串联起来。在这个demo中&#xff0c;我运用了node.js、koa及vue.js。首先我们需要了解node.js&#xff0c;简单的说 Node.js 就是运行在服务端的 JavaScript。node.js安…

让网站Http重定向Https并进行百度Https认证

先为大家带来一点福利。阿里云最近开始发放代金券了&#xff0c;新老用户均可免费获取&#xff0c;1880元代金券&#xff0c;建议大家都领取一份&#xff0c;反正是免费领的&#xff0c;说不定以后需要呢&#xff1f;阿里云代金卷链接https://promotion.aliyun.com/ntms/yunpar…

Jekyll 动态地建立静态博客网站 (Get Started)

提前声明&#xff1a;Jekyll并不简单&#xff0c;必须要正确的看待它。把它和PHP&#xff0c;JSP和Django等放在一起讨论会减少很多失落感。它的学习曲线几乎相当于Wordpress&#xff0c;工作流程和结构也几乎一样。Jekyll与Wordpress最大不同的就是&#xff0c;没有数据库。但…

一步步带你,如何网站架构

何为大型网站 大型网站特性 既然说的是大型网站架构&#xff0c;那么架构的背后自然是解决人因面对大型网站特性而带来的问题。这样可以先给大家说下大型网站的特性&#xff0c;这些特性带来的问题就是人要解决的问题&#xff1a; 高并发、大流量&#xff1a;PV 量巨大&#xf…

什么是域名?什么网站名?什么是URL?

什么是域名&#xff1f;现实中&#xff0c;域名使用的实在太多了&#xff0c;但域名的详细含义你理解么&#xff1f;你知道域名是什么吗&#xff1f;下面&#xff0c;小编将带你详解域名的含义&#xff01; 方法/步骤 域名&#xff0c;相信大家都不默认&#xff0c;也使用过无数…