How to customize the extended menu in SharePoint 2013

When developing or extending functionality to SharePoint, it is often necessary to extend some of the default menus so that what we develop is better suited to the style of the SharePoint itself. SharePoint's various function menus, like site Settings, Ribbon, Drop-down, and so on, are all the same principle, are XML+JS script implementation, if you want to implement these functions, only need an XML publishing into feature, and the site features enabled, you can.

In fact, there is nothing too much to say about this, everyone in practice, gradually understand. Below, I will give a few simple examples, to do a brief explanation.

Project structure

Create a new, blank SharePoint 2013 project, add a feature file, a menu-defined XML file, as shown below.

XML menu definition, as shown in the following figure:

Example one: Extending the Wssuc:welcome control

Screenshot before expansion:

Screenshot after expansion:

Extended xml:

<?xml version= "1.0" encoding= "Utf-8"?> <elements xmlns=
"http://schemas.microsoft.com/sharepoint/" >
  <customaction
     id= "Mytopmenulink"
     location= "Microsoft.SharePoint.StandardMenu"
     groupid= "Personalactions"
     sequence= "0"
     title= "blog Park-Lin Yu" >
    <urlaction url= "Http://www.cnblogs.com/jianyus "/>
  </CustomAction>
</Elements>