Full post: https://thrivethemes.com/fitbrand-from-scratch/

In this video, you can watch as I build a complete, fitness themed and modernly designed homepage from scratch, in WordPress. The only tool I use for this task is the Thrive Architect visual editor plugin.

In the video, you’ll see how Thrive Architect can be used to create vertical split layouts, gradient buttons and backgrounds, transparent image overlays, slanted edges and much more. We combine many design effects to create an eye-catching, powerful web page.

In the video, you’ll learn how you can use Thrive Architect to save time as you build your page. Using the page-level settings, mobile responsive editing in batches and a smart approach for duplicating and reusing parts we’ve built, we can create this entire page in under an hour (and without commentary, it would be shorter still). You’ll also discover some of the things you can do with Thrive Architect that can’t be done in other page builders.

Check out Thrive Architect here: https://thrivethemes.com/architect/

And see more landing page templates that you get with the plugin here: https://thrivethemes.com/landing-pages-gallery/


    16 replies to "Building an Entire Homepage from Scratch (Fitness Website)"

    • Tran Lan Anh

      Thrive Architect was actually driving me crazy recently. Most tutorials talked about building a homepage but how about the whole website. When I did with my homepage, I don't know how to apply the same header (logo, menu…) to other pages, or I have to copy it the same again, then some pages was actually not a static but rather a Categories, then again, so confused. How to make a complete website with a consistent style with the homepage. One more thing, Can I know how to really edit post_grid?, I mean in visual way more than what Thrive Architect offers now, like changing image width, not only image height. or How to apply other widgets (like Thrive Post) with building a page on Thrive Architect? Thanks in Advance

    • Kevin Balcker

      What happens when yo click on any of the links in the customize menu? For example the blog page: the layout changes to the default theme menu or you should build a landing page per menu?

    • Jason Warland

      Thanks I find your tutorials very useful. I have made my first Thrive Architect website, I am having problems aligning content centrally, any tips? http://thehappyplanetshop.com

    • Yannik Dzelzkalns

      Shane, you are awesome! Your way of explaining is very well understandable (I watch your videos in 1.75 speed at least and still get everything), you have a nice touch of humor you drop in every then and now when you enter some random example content and your voice is good to listen to.
      I should have watched this video earlier before I start building my page but it is not to late yet. Thanks for all your tipps and little hacks! I will become a contetn box fan myself soon, I bet!
      All the best to you!

    • Rodney VanNortwick

      Excellent instruction and an awesome theme!!!

    • Shaikha AlAbry

      So you don’t use element .?

    • Agus Ridwan Hidayat

      Very impressive. Anyway can you add search bar and customize the search result page with this?

    • Brotherj22 Stops

      can thrive architect edit a current web site ?
      honesty appreciated because there is so much hyp on programs .
      hear back shortly .

      not going to purchase yet again to be disappointed .

    • Norievic Sy

      Why I cant find the page set up in the new thrive architect?

    • Lesa Soundz

      I have a problem, when I select the content box to add a hyperlink () the heading and the content gets underline and change colour. how can i change that please?

    • TVworkshop Asia

      Hi Where is the landing page text options in the new version?

    • Alberto De Lucca

      Super helpful tutorial Shane!

    • Ramon den Hartog

      Could you please do a tutorial on building a top navigation bar with on the left a logo, then the custom dropdown menu, then a call to action and at the right a language switch with 2 or 3 flags? 4 columns so to speak? Making it mobile responsive? Because I keep trying to build this but am struggling big time. I set the call to action to not show in tablet or mobile mode but the columns don't disappear, so the mobile navigation icon ends up underneath the logo or somewhere else besides where it should be – on the right side at the same level as the logo. I would very much appreciate a quick video or explaining on this. Thanks a lot!

    • Ketan Shah

      Excellent tutorial. Thanks!

    • Ashish kumar sahu

      Please make a Portfolio page. Please Please Please

    • makemoneyrelax

      I dont not understand this exaclty……can you reuse then this design for every blog page lets say or every page? Creating this all the time is a waste of time if you have hundreds pages

Leave a Reply

Your email address will not be published.