First I create a new Content Type that should be used for the list with the Corporate News:

contentSearch Web part_1_22032016

Next I add a few fields to the newly created Content Type:

contentSearch Web part_2_22032016

Next I create a generic list where the corporate news items are saved to. That list is based on the Content Type I just created:

contentSearch Web part_3_22032016

Next I change the Display Name of the title field to ‘News Title’ – looks more user-friendly, don’t you think so? 🙂

Now it’s time to add some sample content.

contentSearch Web part_4_22032016

Next step: the Content Type and the sample Content need to be put into the SharePoint Search index. An incremental crawl should do the job.

After the Incremental Crawl has been finished I add an new Content Search webpart on a page and open the webpart properties:

contentSearch Web part_5_22032016

Step 1 is to configure the query – so I click on Change query:

I want to create a query that targets the Corporate News list and includes all items that are based on the Content Type I just created.

contentSearch Web part_6_22032016

As you can see in the preview on the right side of the dialogue: my two items from the Corporate News list are shown.

Since I don’t have any refiners in this Scenarion I just step over the next tab.

contentSearch Web part_6_22032016

As you can see in the preview on the right side of the dialogue: my two items from the Corporate News list are shown.

Since I don’t have any refiners in this Scenario I just step over the next tab.

contentSearch Web part_7.1_22032016

On the next tab I just have a look on the settings, but leave them unchanged.

contentSearch Web part_7.2_22032016

I’m finished with the query for the moment. With the query I just created the webpart should be able to retrieve the news items.

Let’s go back to the webpart properties. Now I need to configure how the news items should be displayed.

I want the title of the news to be displayed as clickable Hyperlink and I want to have the News Teaser to be displayed on a second line. Because I created a Content Type for the Corporate News list the News Teaser becomes a managed property that can be used in the webpart properties.

contentSearch Web part_7.3_22032016

Now I click on the OK Button – and the Corporate News look like this:

contentSearch Web part_7.4_22032016

Time for another test: I add a third news …

contentSearch Web part_7.5_22032016

…start an incremental crawl and have a look on the page with the Content Search webpart again:

contentSearch Web part_7.6_22032016

The third news appears just after the incremental crawl has been finished. Maybe I should add some sorting now …

contentSearch Web part_7.7_22032016

contentSearch Web part_7.8_22032016

To get the Sorting settings just click on ‘Switch to Advanced Mode’ on the ‘Basics’ tab.

contentSearch Web part_7.9_22032016

I updated the news content type and added a Picture field like this:

contentSearch Web part_7.10_22032016

After that I updated all three news items and assigned a picture. I just took the pictures from the Site Collection Images library.

Next I started an incremental crawl to get the updates to the SharePoint Search Index.

The only thing left to do is: change the webpart’s configuration like this:

contentSearch Web part_7.101_22032016

I marked my changes with a red rectangle. First I selected another ‘layout’ (Picture on left, 3 lines on right). Because I changed the news content type and did an incremental crawl, the new field (News Teaser Pic) becomes a managed property too. I used this as the Picture URL. Because the new layout now has 3 lines I added the author of the news.

And this is how the Corporate News are displayed now:

contentSearch Web part_7.102_22032016