Divistar Layout Pack
The folks at Elegant Themes had suggested a series of Divi Layout Kits based on Google Trends. When I saw Star Wars on the list I had to sign up.
After giving careful consideration as to what type of layout we should do, we figured it would be fun to create a custom Magazine/Blog layout since there is such a high demand for magazine/blogger style layouts for Divi. And since most Star Wars fan sites are blogs.
Of course this layout kit did have a few challenges to overcome. The first challenge being that it is not easy finding great Star Wars images under the CC0 License which allows us to freely distribute them in our free layout packs. And how can you have an awesome Star Wars site without great Star Wars Images? Well we did our best to find what was out there and hopefully these will help get you started.
The next challenge is that unlike other layout packs, this one requires blog posts with featured images and assigned categories which do not necessarily import and export like regular pages and sections do.
Obviously you will be using your own posts and categories so that is not really an issue, but we wanted to be able to achieve what you see in the demo in a matter of minutes. So we included the Posts in an xml file that you will be able to upload. We also included the featured images used in the demo in a separate zipped file so that you can upload the featured images on the demo post pages.
What is Included in This 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.
- DivistarLayout.json – Includes all the sections for a quick and easy install
- 5 Sections in case you only want to use a particular section for one of your other projects
- 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.
All photos courtesy of the authors on Pexels.com & Unsplash.com via their respective licenses. Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects!
Downloading & Using Divistar, the Star Wars Inspired Layout Pack
To use the new Divistar Layout Pack on your own Divi website you will first need to download it using the button below.
Installing the Layout Pack
Next, locate the Divistar Layout Kit.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.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 Divi Landing Pages on any builder powered page by going to Load From Library > Add From Library.
Installing the Demo Blog Post Pages
To import the sample post pages, WordPress admin to Tools > Import and click the “Install Now” link underneath “WordPress”.
Once installed you can select “Run Importer” and then “Choose File”. the Select divistar_sample_posts.xml file in your download folder and then select “Upload File & Import”
Setting Up 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. The images that are used on the demo are included in the zipped folder called Blog_Featured_Images.zip
Then go to the page where you installed the sections and open up the “Blog” section. You will open up each Blog Module titled “Recent” and assign it a specific category.
And that’s it.
Well that’s all for now. I hope you find this article useful.
Would you consider a small tip?
Latest posts by Geno Quiroz (see all)
- Divi Centered Inline Buttons - April 17, 2019
- Move the Divi Blurb Header Above The Image - April 15, 2019
- Should I Use the Built-in Divi Builder Settings or Custom CSS - December 5, 2018