Sharepoint 2013 Sharepoint 2013-将suitebar添加到自定义生成页面_Sharepoint 2013

Sharepoint 2013 Sharepoint 2013-将suitebar添加到自定义生成页面

sharepoint-2013

Sharepoint 2013 Sharepoint 2013-将suitebar添加到自定义生成页面,sharepoint-2013,Sharepoint 2013,我已经在Sharepoint 2013中创建了一个完全自定义的主页，它运行良好（使用自定义HTML、CSS、JS和Jquery库）。我只需要知道如何将Sharepoint Suitebar添加到自定义页面的顶部我没有使用任何类型的Sharepoint模板或母版页模板。我像构建任何其他网页一样构建了我的页面，并将我的文件上载到Sharepoint中的一个目录中，然后将我的自定义页面上载到Site Pages目录，并将其设置为home.aspx，这会自动将其设置为我的主页。像这样构建一个完全定制的

我已经在Sharepoint 2013中创建了一个完全自定义的主页，它运行良好（使用自定义HTML、CSS、JS和Jquery库）。我只需要知道如何将Sharepoint Suitebar添加到自定义页面的顶部

我没有使用任何类型的Sharepoint模板或母版页模板。我像构建任何其他网页一样构建了我的页面，并将我的文件上载到Sharepoint中的一个目录中，然后将我的自定义页面上载到Site Pages目录，并将其设置为home.aspx，这会自动将其设置为我的主页。像这样构建一个完全定制的页面很好，但是我失去了Sharepoint提供的一些内置功能和组件，我想使用它们，Suitebar就是其中之一

这里我的示例HTML模板并不代表我的实际自定义主页。我只是链接这个JSFIDLE，希望有人能告诉我如何/在何处添加Sharepoint SuiteBar

JSFiddle：


Sharepoint自定义主页

您可以下载Sharepoint母版页，然后搜索用于该套件栏的控件。将这些控件放在页面中，它可能会正确显示

要获取套件栏部分的名称，请参见下图

我确实下载了一个通用的Sharepoint主页模板，然后从HTML中抓取了suitebar/nav栏，但当我尝试添加这些内容时，它破坏了我的自定义页面。在标题和文档类型的HTML中有Sharepoint特定的代码，我不知道需要什么和不需要什么。

<!DOCTYPE html>
<html>
<head>
<title>Sharepoint Custom Homepage</title>

<!-- Stylesheets -->
<link href="/sites/SiteAssets/css/reset.css">
<link href="/sites/SiteAssets/css/style.css">

</head>
<body>

<!-- BEGIN CREATIVE CONTENT -->
<div class="myContent">
    <div class="row-1-of-3"></div>
    <div class="row-2-of-3"></div>
    <div class="row-3-of-3"></div>
</div>
<!-- END CREATIVE CONTENT -->

<!-- Scripts -->
<script src="/sites/SiteAssets/js/jquery-2.1.4.min.js"></script>
<script src="/sites/SiteAssets/js/jquery-easing-1.3.min.js"></script>
<script src="/sites/SiteAssets/js/script.js"></script>

</body>
</html>