[Resolved] Using Custom HTML Page for Homepage

Home Forums Support Using Custom HTML Page for Homepage

This topic contains 14 replies, has 3 voices, and was last updated by  Tom 4 days, 5 hours ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #777025

    Tommy

    Hi, I have a custom html page that I had created for a new site that I want to use as the homepage within WordPress and GP. I had a dev convert the psd to WP, but so….much…bloat. And I love how lean GP is, and want to keep it that way 🙂

    I read through this post here, which looks like I can do what needs to be done, but just wanna confirm bc I’m looking for the most efficient way to do this.

    Can it be done within the GP elements features somehow?

    Or would I:
    – Create a child theme
    – Create a ‘custom-hp.php’ page template
    – Create a normal WordPress page within the dashboard as usual (so I can set it as the homepage), and then just
    – Choose the ‘custom-hp.php’ template to pull in the page?

    Thank you so so much!

    GeneratePress 2.2.1
    GP Premium 1.7.7
    #777088

    David Customer Support

    Hi there,

    is it possible to see the HTML page? you can Edit your original Topic and use the Site URL field for privacy.

    #777127

    Tommy

    Hey!

    Updated and added site URL.

    Just as a heads up, it’s getting worked on as we speak, so still in limbo on the best solution on how to implement.

    #777278

    David Customer Support

    Is it just the Navigation?

    #777283

    Tommy

    The html page isn’t complete yet. My dev is working on it.

    That’s why I was asking here before he got too far into trying to integrate with GP bc I didn’t know the best way to do it.

    #777334

    David Customer Support

    To start the Navigation can be done with GP, no need to build something that already exists.
    eg. This Site available in the Site Library has a split navigation:

    https://gpsites.co/split/

    Do you have a draft design? Then we can advise on best routes

    #777362

    Tommy

    Yes, I plan on creating header/footer with GP (or Elementor), those aren’t the issue.

    My question is how to best use GP features to pull in a static html page (it could be a single line of code for intensive purposes).

    Is the solution to doing this dependent on a design? I’m a bit confused.

    Looking for help with best way to execute my original post, design aside.

    If I’m missing something or not understanding something, my apologies.

    #777419

    David Customer Support

    You can add HTML directly in the Post editor use the Text view ( not visual), or if in Elementor then the HTML Block. The CSS for styling needs to go in the Additional CSS of the Customizer or in Child Theme style sheet.

    #777423

    Tommy

    Anyway to tag Tom on this? We’re not on the same page.

    #777458

    David Customer Support

    It’s really hard for me to advise without seeing what you’re trying to achieve. I have passed on to Tom 🙂

    #777827

    Tom Lead Developer

    Hi there,

    The child theme process you mentioned in your original post would work. That will allow you to strip out any unnecessary theme stuff and only add your custom HTML.

    However, the method David mentioned will also work. You could just add an HTML block your to your content, and add the HTML from your static page.

    There isn’t really a “right” way to do it. It depends on what works best for you 🙂

    #778586

    Tommy

    Thanks, Tom.

    The child theme process you mentioned in your original post would work.

    Does the process I posted apply with any theme, or is there something I can use with GP specifically (like the elements) to make it work easier/faster/better than other themes out there?

    I run 99% of my sites on:

    – GeneratePress
    – Code Snippets
    – Shortcodes Ultimate Shortcode Maker

    Those 3 pack a crazy punch in terms of functionality and speed 🙂

    So to TL;DR this, just wanna confirm I’m not adding more steps than needed since I’m looking for the shortest distance b/w A and B because I would like to duplicate this for future web design projects.

    Thank you guys 🙂

    #778769

    Tom Lead Developer

    That process would work with any theme. You’re basically creating a template with your custom HTML.

    Personally, I would go the Gutenberg HTML block route. It’s easier 🙂

    #779789

    Tommy

    Thank you, Tom.

    #780050

    Tom Lead Developer
Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.