On Settings→Reading in the WordPress backend you can define whether your site’s front page should display your latest posts, or a “static” page (page being a “Page-page” located in admin menu→Pages). That setting is accessible also from the Customizer.

Depending on which setting has been set, WordPress relies on two different template files in its theme folder in order to display your front page content:

  • home.php displays the latest posts archive.
  • front-page.php displays the static front page.

Widget area on the front page

Hamburg features an extra widget area on the front page named Front Page Banner where you can place a slider, for example. That widget area is available with both front page settings, Latest Posts and Static Front Page. To learn more about that widget area, please go to Widgets.

Activate a static front page

  • Create a new page to display your latest posts on, i.e. “Blog”.
  • Leave that page empty; its content will be generated automatically later on.
  • Open the Customizer or got to Settings→Read. Select your front page and the newly created post archive page (“Blog)”.

Slider on the front pate

Heads up! In this section you’re going to get your hands dirty on HTML source code! 😉

In order to keep Hamburg honest as a theme, we deliberately abandoned the idea to feature a custom theme slider with bazillions of options. There are enough slider plugins out there, and a couple of really good ones, too.

If you should find yourself in need of a full featured slider, you’re likely to find one in the official plugin repository at wordpress.org. Willing to spend a couple of bucks? Then you might want to try WooSlider which is worth its money well.

Or maybe you’re already using a slider on your site? In that case a custom theme slider would be an unnecessary weight for your theme to carry along.

To make a long story short: Hamburg gives you an image sldier as a  “silent” feature; silent, because it will only be in effect once you use the following code snippet:

Obviously there are a couple of placeholders you need to fill with your specific content:

  • href="#" – Instead of # enter a URL for your image to link to, including http://.
  • src="http://image-url" – Your image’s URL you can copy from the Media library.
  • title="Image title goes here" – a title for your image.
  • alt="Alternative text here" – an alternative text for your image.

Now you simply go to Apperance→Widgets, drag an empty text widget into Front Pate Banner and place your code snippet inside the widget text field. Save the widget—there you go, your front page slider is up and running!

Please make sure to use appropriate image dimensions! The content area of your layout has a maximum width of 1024 Pixels. Your slider images should have the same widht. Portrait oriented images are generally less applicable in sliders.