当前位置: 首页>>WEB开发>>正文


添加自定义CSS/JavaScript SharePoint 2013网站的正确方法是什么?

webfans WEB开发 , , 去评论

问题描述

我想调整SharePoint中的默认布局,例如加…

.ms-number {
    white-space: nowrap;
}

…到所有页面。

我知道可以直接修改母版页,但这是最好的方法吗?主题怎么样?

最佳解决方案

如果它是SharePoint on-premises,那么最好的方法是创建一个具有<Control>元素的功能的解决方案,其目标是AdditionalPageHead委托控件。然后,您可以轻松打开/关闭它,无论您选择哪个母版页,它都能正常工作。

有关指导,请参阅Adding jQuery to Every Page in SharePoint with Delegate Controls

次佳解决方案

添加自定义CSS的最简单和最好的方法是从管理中心Web应用程序(端口3000)中的以下Web URL添加备用CSS URL

笔记:

  1. 首先将您的CSS上传到默认和推荐位置以下。您应该已经知道可以将此位置添加到Windows映射网络驱动器,并可以轻松地从您的计算机中处理文件,就像它是您的本地文件一样。 (http://portal/_catalogs/masterpage)

  2. 遗憾的是,即使对于SP1版本的SharePoint(15.0.4569.1000),此链接在站点设置中也不可见,但在升级后(对于经过测试的15.0.4745.1000版本 – 2015年8月),此有用链接可在“外观”下的“母版页”链接下访问

第三种解决方案

有一些方法可以实现这一点,但我总是使用样式库来存储我自定义的css文件,并从头部的母版页中引用它们。如果procceed,只需添加这些行。

 <SharePoint:CssRegistration ID="CssRegistration1" Name="Themable/corev15.css" runat="server" />
 <SharePoint:CssRegistration ID="CssRegistration2" Name="/Style Library/css/customized.css" runat="server" After="corev15.css" />

第四种方案

我通常将样式文件保存到文档库,并将内容编辑器Web部件添加到我尝试编辑的页面并将URL传递给我的样式表。这样我就不会乱用主页,如果出现任何问题,我可以删除我的CEWP。

第五种方案

为JS注册”CustomAction”。在云中运行良好。保持品牌孤立。无需任何服务器端访问或管理员安装即可轻松管理。

这是配置页面的屏幕截图,您可以在其中注册/de-register “CustomAction”指向JS文件的指针。

javascript,css,sharepoint

参考资料

本文由朵颐IT整理自网络, 文章地址: https://duoyit.com/article/2366.html,转载请务必附带本地址声明。