Get Your Free Star Wars Rogue One Inspired Divi Layout Pack – DiviStar

Last Updated on September 22, 2022 by 35 Comments

Get Your Free Star Wars Rogue One Inspired Divi Layout Pack – DiviStar
Blog / Divi Resources / Get Your Free Star Wars Rogue One Inspired Divi Layout Pack – DiviStar
Play Button

Over the weekend Rogue One: A Star Wars Story, the latest in what we can only assume is a long lineup of new Star Wars movies hit theaters. This, we’re sure, is no surprise to you as the ads have been everywhere for a long time. So long in fact, that we thought it might be a good idea to plan something fun (and hopefully useful too) for the Rogue One release. And here it is! A brand new, FREE, Divi Layout Pack by yours truly (Geno Quiroz) which I’ve called DiviStar.

The basic idea here is that with all these new Star Wars movies coming out there is bound to be a groundswell of old and new members of the Star Wars fandom passionately following along as this beloved cinematic universe rapidly expands. We just wanted to make it easier for those super fans to create their online homes with Divi!

What’s Included in The DiviStar Layout Pack

This Free Divi Layout Pack is designed for Star Wars fans and Bloggers. But as with most layout packs and child themes, it can be repurposed for just about anything.

This layout kit includes the following:

  • All-DiviStar.json – Includes the full layout and all the individual sections for a quick and easy install.
  • DiviStar-Full-Page-Layout.json – Is just the full page layout.
  • DiviStar-Layout-Desktop-Header.json – Is just the desktop header section in case you’d like to easily insert it into another page or post.
  • DiviStar-Layout-Mobile-Header.json – Is just the mobile header section in case you’d like to easily insert it into another page or post.
  • DiviStar-Layout-Blog-Section.json – In case you’d like to use just this section or perhaps re-purpose it for another design.
  • DiviStar-Layout-Footer-Section.json – In case you’d like to use just the footer somewhere.
  • DiviStar-Layout-Credits-Section.json – In case you’d like to have a standard credit section like this one in your library.
  • divi_star_sample_posts.xml – You can use this to quickly populate your project with the sample post pages used in the demo
  • Blog_Featured_Images.zip – This folder contains the CC0 licensed images used for the Post Featured Images and the Image Gallery on the demo.

View Live Demo Here

Downloading & Using DiviStar, The Star Wars Rogue One Inspired Layout Pack

To use the new DiviStar Layout Pack on your own Divi website you will first need to download it via the button below.

To gain access to the download you will need to subscribe to our newsletter using the form below. As a new subscriber you will get even more Divi goodness. In addition to being able to download the DiviStar Layout Pack we will also send you The Ultimate Divi Landing Page Layout Pack as well as providing you with an ongoing source of new (and free) Divi resources, tips, tricks, and news.

If you’re already on the list, simply enter your email address below and click download. You will not be subscribed twice.

Downloading-Using-DiviStar1

Installing the Layout Pack

Once you’ve completed the download above, locate the file divistar-layout-pack.zipΒ in your downloads folder and unzip it.

Then, navigate in your WordPress admin to Divi > Divi Library and click the β€œImport & Export” button at the top of the page.

When the portability modal pops up go to the import tab. Click the β€œchoose file” button and select the All-DiviStar.json file or any of the individual files you want. Then click the blue β€œImport Divi Builder Layout” button and wait for the import to complete.

Once the import has finished you will now have the ability to load your new DiviStar layout or layout sections on any builder powered post or page by going to Load From Library > Add From Library.

Installing the Demo Blog Post Pages

To import the sample post pages,Β navigate in your WordPress admin to Tools > Import and click the β€œInstall Now” link underneath β€œWordPress”.

Once installed you can select β€œRun Importer” and then β€œChoose File”. Select the divistar_sample_posts.xml file in your download folder and click β€œUpload File & Import”.

Setting Up the Blog Post Featured Images and Blog Module Categories

Next you will want to open up each post and assign it a β€œFeatured Image”. The option to add the β€œFeatured Image” will be in the right hand column of the post editor page. The images that are used on the demo are included in the zipped folder called Blog_Featured_Images.zip.

Finally, go to the page where you installed the DiviStar Layout (or the blog section if you’re using that by itself) and open up the β€œBlog” section in your builder. You will open up each Blog Module titled β€œRecent” and assign it the appropriate category; either β€œFeatured”, β€œEvents”, β€œLeaks”, or β€œGames”. This will match your blog module feeds with the categories imported with the demo blog posts.

And that’s it!

DiviStar – The Perfect Divi Layout Pack for Star Wars Fan Sites

The DiviStar layout pack is perfect for anyone looking to launch their very own fan site or blog around Star Wars. It’s got an excellent magazine style home page that brilliantly displays multiple categories of content.

Divistar

The DiviStar full page

Do You Have More Layout Pack Requests?

Are there any other layout packs you’d ike to see us tackle? We’ve seen that these resources are extremely helpful to the community and they’r even more helpful when we target niches and needs that you all recommend. So let us know what you’d like in the comments below and we’ll get to work on it!

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time πŸ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

Divi 5 Update: Public Alpha Version 4

Divi 5 Update: Public Alpha Version 4

Posted on November 25, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 4 today. We release new Divi 5 versions every two weeks, and it gets better each time! If you haven’t tested Divi 5 yet, try it and let us know what you...

View Full Post
New Starter Site for Freelancers (Quick Install)

New Starter Site for Freelancers (Quick Install)

Posted on November 24, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post

35 Comments

  1. Very interesting gift. Let’s use it on some new project here.

  2. Nice.

    BTW, an obvious link for members would be an extremely nice thing on these blog posts. Even after logging in all I can ever seem to find is the sign up link. Can you please put links to save the hunting around every time? Or some simple logic that removes the email signup requirement on the existing Download button….Thanks

    • If you’re already signed up to the Divi Daily mailing list, simply enter your email to reveal the button. It won’t sign you up again.

  3. Really nice πŸ™‚

  4. Cool! I will make it a 404 design!

  5. Pretty Cool !!

    Would love to see some Superhero themed divi layout packs.

  6. Wonderful, beautiful and Amazing,..

  7. Awesome.

  8. Good job!
    Could you design and give us more layout packs in the future?
    We need them!!!

  9. wow ! This is amazing !
    This is wonderful !
    This is beautiful .

  10. Suggest you to please come out with a real estate developer theme.

  11. More Xmas presents! Great!

  12. I really want to use this(except modified as I don’t run a SW site), but when I install it as per the instructions, I can no longer see anything on my menu, except for the current page..

    • For the demo I used a custom menu and made it my primary menu. Since there were not actually any other pages in this kit, I just used the “Custom Link” option and added those links. Did you already have menu items and they disappeared? Or is this a new build?

  13. Amazing!

  14. Another great resource! Way to go ET! Other layouts that would be helpful?

    How about;
    DIVI + WooCommerce Ecommerce / Product Theme?
    DIVI Non Profit / Donation Generating Theme?
    Or, a DIVI “advanced CSS sampler” Package with overlapping images, various parallax effects, various section module angles, gradients, motions, etc.?

    Thanks for asking.

    Merry Christmas!

    • I think a little “advanced css sampler” just might be in the works. Stay tuned πŸ˜‰

  15. Small detail: Hero image is not from Rogue One.

    • We package all these up with images that have a Creative Commons Zero (CC0) License so that you can reuse the images. Although there were plenty of Rogue One images floating around the web, unfortunately I could not find any R1 images with a CC0 license when I built this. Sorry πŸ™

      • No problem. It is a fair reason πŸ™‚

  16. Want!! πŸ™‚ However when I try to upload and install, WP says it fails because “The package could not be installed. The theme is missing the style.css stylesheet.”

    I didn’t touch the package before uploading, what did I do wrong?

    • It’s not a theme, it’s a layout pack, you have to unzip it and import the layouts via the Divi Layout section and Import

      • Yes, I went to properly read the instructions… Which I shoulda done first. I’ve been doing artwork for the Rogue One set from Topps, so this layout is perfect for a page in particular. I got so excited I forgot to read…

    • Never mind, my bad….. πŸ™‚ πŸ™‚

  17. Nice!

  18. That looks like fun. Wish I had use of it – but I’m going to set it up just as an excercise.

    • Using this will give you some great ideas on how to make Divi a Magazine Style Blog without a lot of complicated css to figure out πŸ™‚

    • You can always re-purpose anything you like about it by simply changing some colors and the content πŸ˜‰

  19. Yay…. Poking around in the zip files and found refenrence to pixabay.com. have not checked them out before. Nice!!

  20. This is amazing.

    • Good work, as always, Geno! πŸ™‚

      • Thanks Ryan πŸ™‚

        • Simple layout .. Need complex design layout

  21. No way…

    • Enjoy πŸ˜€

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

πŸ‘‹ It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Join To Download Today