Divi Tutorials + Layout Kits | WordPress Tips | Business Growth

Home of the Original Divi Tutorials & Divi Layout Kits.

Divi Tutorials + Layout Kits | WordPress Tips | Business Growth

Home of the Original Divi Tutorials & Divi Layout Kits.

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.

 

Check out the live demo page here.

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.

 

Download The Layout Pack

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.

 

 

divistar-home-page

 

Have fun!


Well that’s all for now. I hope you find this article useful.

 

Would you consider a small tip?

001 - Geno Logo Circle - White

$
Personal Info

Donation Total: $10


The following two tabs change content below.
Geno is an entrepreneur who has been designing websites since 1996. He also enjoys all things design, traveling, hanging out with friends, encouraging other believers, and experimenting with new technologies. When not doing any of the above, you can find Geno blogging or writing Divi customization tutorials here on Quiroz.co.

Latest posts by Geno Quiroz (see all)

©2012-2019 Geno Quiroz | Teach Learn Build Love | Divi Expert ServicesJohn 3:16

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

STAY RELEVANT | BE INFORMED | SIGN UP NOW

IT DOES NOT TAKE LONG TO GET LEFT BEHIND!

You have Successfully Subscribed!

Pin It on Pinterest