How to turn a stand-alone landing page into a wordpress page?

[Jay]

I’m not entirely sure if this is just a general wordpress question or a GP question, or maybe a little bit of both?

Basically, I had a designer design a landing page for me and a developer turned it into code. So now I have an html file, css file, js file, and some images.

What’s the best way for me to take all of this and turn it into a wordpress page?

I wouldn’t want anything from my existing GP theme (no header, no footer, no sidebar, no css, etc.) on this page.

Thanks in advance!

[Leo]

Hi there,

You could try putting the HTML into the normal WordPress editor, CSS would be added using one of these methods:
https://docs.generatepress.com/article/adding-css/

And then js usually goes in the wp_footer hook in hooks elements:
https://docs.generatepress.com/article/hooks-element-overview/

Then you can use disable element to disable the header footer etc:
https://docs.generatepress.com/article/disable-elements-overview/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jay]

Thanks for the reply!

Hmmmm, wouldn’t this still load all of my site’s css and js?

I guess what I’m looking to do is wipe out everything that would normally load on a page so that it’s essentially starting with nothing, and then insert the html/css/js/images for this one specific page.

Does that make sense?

[Leo]

The default page should have very little CSS added if all the elements are disabled using the layout element recommended above.

You can also remove the content padding by using the page builder container option:
https://docs.generatepress.com/article/page-builder-container/

There is no js added unless you are using the sticky navigation which we can disable for that specific page:
https://docs.generatepress.com/article/option_generate_menu_plus_settings/#sticky_menu

That should give you basically a blank page. Maybe start with that and see if it works for you?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leo]

Maybe look into a custom page template as well?
https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jay]

Good call, I think a custom template is probably my best option. Thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts