How to create demo sites to showcase different layouts?

  • How are so many theme authors making it possible to show menu links to show the different headers or blog styles and layouts from the same demo? I often see a theme demo with several menu links with the URL containing a ? in it like this example: /?home=masonry

    For example : https://solopine.com/sproutspoon/?home_layout=standard
    https://solopine.com/sproutspoon/?home_layout=grid3

    I’d like to start theme demos that can showcase the different layouts of a blog, different home page layouts, or the different header styles, different slider options.

    My header styles, blog layouts. and other options are selected from the WordPress Customizer, Everything is working fine, but how can i display them in url to the user as my theme demo.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    I don’t know how it is actually done, but what I think can work is the demo page uses a template that is essentially empty regarding output. Instead it has code that loads in various templates based on specific URL parameters. Each template can then load whatever resources it needs like CSS, JS, etc., and it can run custom queries to fill out any needed content.

    Making a simple proof of concept page template that loads in another template should confirm if this is a viable plan or not. The test doesn’t need to be pretty, it just needs to work. Pretty can come later.

Viewing 1 replies (of 1 total)
  • The topic ‘How to create demo sites to showcase different layouts?’ is closed to new replies.