programming4us
programming4us
WEBSITE

Publishing and Web Content Management : New in SharePoint 2013 (part 8) - SEO Page Optimization - Edit Display Templates

- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

Edit Display Templates

Display templates provide markup for search results and search-related Web Parts in SharePoint 2013. Previous versions of SharePoint rendered all search results the same, unless you customized the output with XSL and custom code. Design templates are small pieces of HTML that search components use to render specific output by injecting content into the specified templates before rendering the output.

Consider the page of search results in Figure 20; the search results use three different display templates:

9781430249412_Fig10-36.jpg

Figure 20. Search results using display templates

  • Template for the person result
  • Template for documents by the person
  • Template for the standard search results

The easiest way to create display templates is to copy an existing template, by navigating to the display templates page in the Design Manager and then copying a display template list item and attachment. Each display template list item has an attached HTML file, which contains the markup of the template. You may use display templates by configuring their use via search settings and search-related Web Parts (such as the site search box).

Edit Page Layouts

Like master pages, SharePoint 2013 supports creation of new page layouts via the Design Manager. The following steps demonstrate creating a new page layout that has an associated content type and uses an existing master page:

  1. Open your publishing site.
  2. Click the gear icon.
  3. Select the Design Manager menu item.
  4. Click the link to edit page layouts.
  5. Click the link to create a new page layout.
  6. You should see a dialog, like that in Figure 21.

    9781430249412_Fig10-37.jpg

    Figure 21. Create a page layout from Design Manager

  7. Give the page layout a name.
  8. Associate the page layout with a content type and existing master page.
  9. Once created, you can access the page layout by clicking the name of the page layout in the list.

Similar to master page conversion, you can preview your new page layout and access the snippets manager. Snippets for page layouts differ from those in master page creation in that you may apply page fields, media content, zones, dynamic content, etc.

Publish and Apply Design

The link to publish and apply a design, from the Design Manager, essentially provides links to the master page settings page for the current site collection. From this page, you can apply the master page and assign a specific design channel.

Create Design Package

The last link on the left side of the Design Manager enables you to complete the last task and package the branding design for reuse, as described below:

  1. Open your publishing site.
  2. Click the gear icon.
  3. Select the Design Manager menu item.
  4. Click the link to create a design package.
  5. Provide the name for your package.
  6. Check whether you wish to include search configuration (display templates, etc.).
  7. SharePoint will provide a link to a WSP file.

Once you have completed the generation of the design package, SharePoint will provide a link to the WSP. The WSP file is also available in the user solutions gallery for the site collection.

Other  
  •  Smashing Html5 : Working with Color Values - Integrating Your Color Palette with Your Web Page
  •  Smashing Html5 : Working with Color Values - Creating a Color Scheme
  •  Smashing Html5 : Working with Color Values - Adding Transparency to Color
  •  Smashing Html5 : Working with Color Values - Understanding RGB Color (part 2) - RGB decimal integer settings
  •  Smashing Html5 : Working with Color Values - Understanding RGB Color (part 1) - Using names, RGB and HSL percentages
  •  Web Security Testing : Automating Specific Tasks with cURL - Impersonating a Specific Kind of Web Browser or Device
  •  Web Security Testing : Automating Specific Tasks with cURL - Checking for Directory Traversal with cURL
  •  Web Security Testing : Automating Specific Tasks with cURL - Following Redirects Automatically, Checking for Cross-Site Scripting with cURL
  •  Web Security Testing : Automating Specific Tasks with cURL - Fetching Many Variations on a URL
  •  Web Security Testing : Automating Specific Tasks with cURL - Fetching a Page with cURL
  •  
    Top 10
    - Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
    - Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
    - Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
    - Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
    - Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
    - Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
    - Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
    - Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
    - Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
    - Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
    REVIEW
    - First look: Apple Watch

    - 3 Tips for Maintaining Your Cell Phone Battery (part 1)

    - 3 Tips for Maintaining Your Cell Phone Battery (part 2)
    programming4us programming4us
    Celebrity Style, Fashion Trends, Beauty and Makeup Tips.
    programming4us
     
     
    programming4us