sharepoint 中的顶部菜单导航答案

【问题标题】：top menu navigation in sharepointsharepoint 中的顶部菜单导航
【发布时间】：2013-01-04 10:02:43
【问题描述】：

我完全没有 sharepoint 方面的经验，但客户要求我为其 sharepoint 网站进行品牌设计。

我有一个关于顶部导航的问题，看起来像这样：

Home | Staff | IT | Organization

带有 f.x 上的子项目。像这样

Manuals
Protocols

在像吸盘鱼这样的下拉菜单中

一个主入口页面和三个办公页面

在树形视图中，它将如下所示：

Main
  - Office 1
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization
  - Office 2
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization
  - Office 3
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization

我怎样才能实现这个特定的要求？我需要为下拉菜单创建子页面和子页面还是有其他方法。

【问题讨论】：

快跑吧。对于对 SharePoint 零经验的人来说，给它打上品牌是没有意义的。品牌是最后的；在这里，信息架构是第一位的，在您开始考虑品牌推广之前，需要解决许多问题。这远远超出了 SO 上的简单 Q/A 对。
我从不逃避我没有经验的事情，除非有人要我搭桥。否则我永远学不会。这不是一个巨大的品牌推广任务。这是一个基本模板，看起来比标准 SP 更“开胃”。

标签： html css windows sharepoint drop-down-menu

【解决方案1】：

SharePoint 为您处理导航的呈现，假设您希望 SharePoint 管理您的导航栏。如果您打算对其进行品牌化，则允许 SharePoint 管理您的导航有很多注意事项，主要是在您如何设置网站结构方面。谈到品牌，您将遇到的主要问题是，默认情况下，您示例中的大多数主要静态链接（员工、IT 和组织）实际上将位于导航列表的第二层。

<ul>
    <li><a href=”#”>Home</a>
    <ul>
        <li><a href=”#”>Staff</a></li>
        <li><a href=”#”>IT</a></li>
        <li><a href=”#”> Organization </a></li>
    </ul>
    </li>
</ul>

SharePoint 还添加了一堆可能导致像 SuckerFish 问题的 div 和类。我使用过的大多数导航插件都会尝试隐藏任何非顶级列表项，因此您的导航栏只会显示“主页”而不是其余部分，这不是很好。

解决此问题的最简单方法是使用静态导航。使用您自己的导航列表更新您的自定义母版页，为吸血鱼应用适当的类，然后您就可以开始了。问题是您现在每次想要更改导航时都必须更新母版页。

下一个选项是使用 jquery 来解析 SharePoint 对导航的渲染，以一种对 Suckerfish 友好的方式重建它，最后让 Suckerfish 标记它。我们已经为很多客户使用过它，因为它既快速又简单。您将所有繁重的工作都交给了客户端，并且根据您构建 html、css 和 js 的方式，更新导航时可能会出现闪烁。

第三，大锤方法，破解 css 并使用 jquery 为您的 OOTB SP 导航添加类似吸盘的效果。虽然我不觉得这很优雅，但这并不难。

第四，创建您自己的导航 Web 部件，它将以您喜欢的方式呈现您的站点地图。这需要了解 SharePoint 以及如何构建可靠的应用程序。我只会向有 SharePoint 经验的开发人员推荐这个。

我理解学习如何使用 SharePoint 的愿望，我们都是从某人第一次请求打造 SP 品牌开始的。问题在于，品牌化 SharePoint 与构建通用网站、修改 Joomla、WordPress 等相比，是一项非常不同的技能。您可能会发现与具有品牌化 SharePoint 经验和知识的公司合作以确保正确完成工作要快得多。然后，您可以将这些知识用于您的下一个 SP 请求。

我希望这会有所帮助。

【讨论】：

【解决方案2】：

首先转到站点设置>>导航（在外观下）根据需要添加/删除“全局导航”下的链接

再次编辑您的母版页并添加以下内容

    <PublishingNavigation:PortalSiteMapDataSource ID="topSiteMap" runat="server" EnableViewState="false" SiteMapProvider="GlobalNavigation" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="false" TrimNonCurrentTypes="Heading"/>



    <SharePoint:AspMenu ID="TopNavigationMenuV1" EncodeTitle="false" Runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Horizontal" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="4" SkipLinkText="">

您可以随意使用这些属性

【讨论】：