Hopefully you have had a chance to download our latest theme, Divi. As mentioned in the Theme Launch Post, we will be writing a Divi-related post on our blog every day for the next 12 Days of Divi. Be sure to tune in each day for the next twelve days to get your hands on tons of Divi-related tips and resources! If you haven’t checked out Divi yet, then click the link below to view the release post with all the juicy details, and for your chance to win a free Lifetime Membership!
Six New Premade Layouts For Designers
Yesterday we released a tutorial on how to import and export saved layouts in Divi. On that same note, today, we are releasing a portfolio layout pack that you can easily import into your Divi Theme. This download includes 3 creative homepages and 3 project layouts that you can populate with your own content and images. Below are the six premade portfolio layouts that come in this pack. Click on their demo links to see them in action!
Download The PackCreative Agency Homepage
This layout is perfect for displaying your portfolio right on your homepage, while also featuring your clients and their testimonials.
Masonry Images Homepage
This image based homepage is a nice way to display a bunch of images, no matter their aspect ratio.
Creative Agency Landing Page
The Agency landing page is a nice welcome page to display your logo, tagline, and a link to your full portfolio. By turning on the parallax effect and uploading the same background image for the top and bottom sections, you can create the illusion of the white banner floating across a single image as you scroll.
Extended Project 1
By default, Divi formats your project pages for you. However, you can use the Divi builder for project pages as well. This template displays a main image wtih the project description and meta data below. Beyond that are four blurbs, a river of images and a project grid for easy navigation to your other projects.
Extended Project 2
This two column layout is a simple and organized way of placing your project info and images side by side. This template is also capped off with a grid of image for convient access to your other projects.
Extended Project 3
This layout is very similar to the Extended Project page in the Divi Demo. The diversity and length of this layout makes it great for case study pages and extensive branding projects.
How To Use These Templates
As outlined in our post yesterday, custom layouts can be easily imported and exported when using Divi. To import these new custom layouts, simply use the WordPress Importer plugin to import the XML file in the download pack above (you must first unzip the download folder to uncover the XML file inside). Once imported, these beautiful new layouts will appear when you click the “Load Layout” button in the builder! I hope this illustrates the usefulness of premade layouts, as well as the power of Divi’s importing/exporting feature. Enjoy the layouts 🙂
I’m re-doing my portfolio website and wanted to use the “Project Basic” pages shown as an option in the Divi Theme Preview on the website. When I am editing my website, there is no “Project Basic” option in the page builder/pre-made layouts. My Divi Theme has been updated yesterday. I saw someone wanting to use “Project Basic” had asked this question in the support forums, and the response was to download the new portfolios, which doesn’t really help. Can someone please advise? Thanks!
Just like Mark, I too am receiving a 404. This makes me sad because I really really wanted to see them and Mark made his comment a week ago today.
Since I do not like being sad, I checked to see if the WayBackMachine worked for the links on web.archive.org…
It did! Kind of…
Here are the links:
https://web.archive.org/web/20140101045533/http://elegantthemes.com/preview/Divi/premade-creative-agency-homepage/
https://web.archive.org/web/20140122080644/http://elegantthemes.com/preview/Divi/premade-masonry-images-homepage/
https://web.archive.org/web/20140122080652/http://elegantthemes.com/preview/Divi/premade-creative-agency-landing-page/
https://web.archive.org/web/20140122080657/http://elegantthemes.com/preview/Divi/premade-extended-portfolio-project-1/
https://web.archive.org/web/20131231031237/http://elegantthemes.com/preview/Divi/premade-extended-portfolio-project-2/
https://web.archive.org/web/20140101045615/http://elegantthemes.com/preview/Divi/premade-extended-portfolio-project-3/
Each of the ‘Live Layout Demo’ buttons above gives a 404 error.
Hello!
Love the idea but I tried uploading the zip file with the importer and it gave me an error -sigh!
Here’s the message: Sorry, there has been an error.
This does not appear to be a WXR file, missing/invalid WXR version number
Any advice?
Thank you!
The Live Demo links no longer work. Are they being redone to use Divi 2?
I can´t seem to be able to make my portfolio look like this (http://elegantthemes.com/preview/Divi/portfolio/). I can´t make the pictures appear, just the name of the project!
Could someone help me solve this?
Thanks.
Matias.
I really love Divi. I’m especially excited about the parallax feature. Can you tell me the optimal image size for using this feature as a full screen image? I’d love to know the optimal image sizes for each image feature in your theme. I’m just trying hit or miss now…
Thank you for your beautiful, beautiful work on Divi!
I am sorry but when i download the “pack” in the top and import the “etsandbox.wordpress2…xml file
Nothing happens?
Something i need to do?
I got it.
But i have problems with changing the divi logo link… i want it to go to another page i have made… but how do i do that?
Wondering how you were able to use the masonry grid with Divi in your screenshot above?
+1 for Lightbox option along with Masonry gallery 🙂
Thank you for the great downloads for Divi. The theme is truly awesome. I do wish that there was a gallery lightbox option available…do you ever intend to create a gallery function for the theme? Thanks!
The XML file doesn’t seem to be importing correctly. The Business Layouts worked just fine, but these keep giving me a “Failed to import: Invalid post type” error on each one. I’ll check the support section and see if anyone else is having trouble.
I can’t keep up with all these awesome updates, my head’s melting! 🙂
I’d love to download this pack of layouts, but i only get an xml file (etsandbox.wordpress.2013-12-14.xml) is it still possible to download? I was able to download other files/packages…
Thanks
You need to import the XML file as outlined above. This will load the layouts and make them available in the builder.
Ah, yes I see it now… also makes sense now that I’ve been working with the theme a couple of days.
Thanks, I really enjoy working with the Divi theme and page builder within it.
Could you explain what the first sentence means in the following excerpt from your post?
Extended Project 1
By default, Divi formats your project pages for you. However, you can use the Divi builder for project pages as well.
What should be the size of the video files for smooth running in the slider background please?
It really depends on the size of your slider, which is dictated by the amount of content within your slider. 1920×1080 can be used to cover most bases, if you are looking for a high quality video.
Please disregard my previous comment. Found the solution already. 😀
I have the same problem. How did you get it to work?
R
If you need any help, please open a ticket in our support forums so that our team can assist you.
Sorry to ask this but, when using the portfolio module, how can i insert images?
When opening the Portfolio Module Settings, the field for “include categories” is not there.
Please help as I am stuck with this one. Thank you!
amzing..this will help how Divi works..thanks for the article and update..!!
I like the portfolio functionality, but was also wondering if there is a way to do a simple image gallery with thumbs that open to larger image in lightbox?
I looked through the modules and features and don’t see any support for image galleries.
The Divi theme is amazing. Competes with my favorite much more expensive theme I’ve been licensing for client projects. Bravo!
For this you could use the NextGEN gallery plugin.
Considering one of the main focus points of Divi is the new page builder and how easy it is to create our own layouts, i don’t quite see the point in these layouts.
You would have been better off providing alternative layouts for your previous themes that dont support the new page buider and instead providing additional modules and features for Divi.
Just my two pennys.
Nick,
(a) Nice job producing these layouts.
(b) Importing these via XML is also superb.
The most wanted item is Woocommerce SHOP templates and if these are released before 2013 ends, that will be awesome. What do you think ?
Fantastic! Thanks!
Awesome, again! These layouts help alot to learn how Divi works so great!
Great job Nick, i already download the “premade-portfolio”, by the way the animated counters module is very intersting!
Thank you, ET! I love this new theme and the premade templates.
I’ve been able to (finally) get my dream concept out of my head and onto the site because with this theme.
I’ll be launching soon thanks to Divi!
Keep up the great work, it is greatly appreciated.
Patty Rose
Hi Nick
Great job!
Thanks a lot
Daniel
Thank you! Divi~
I can’t wait to try this
awesome layout, thanks
I love elegantthemes
I’ve been furiously building a huge new site with Divi since it appeared, the options are endless! I can’t keep up with all these awesome updates, my head’s melting! 🙂
I guess Divi is a competitor – and the winner – to Theme Thesis?
I never got used to the coding on that system.
With Divi I am quite exited.
I’m having way to much fun now that I can just be creative and not have to code out special items. Thanks for the great modern theme and the playground in it!
Merci beaucoup je prends
This looks amazing, and looking forward to a post on this themes Blog capabilities.
Having developed websites for years and having used other more top heavy CMSs I have just started getting into WordPress, which has been so-so so far.
ET have turned the tables and delivered the beautiful and elegant Divi. Keep up the good work and keep on giving us that nice glow!
Lovely!
What a perfect way to ‘close’ 2013! Thank you guys! Keep it up.
It’s the most wonderful theme of the year! 🙂
Awesome post yet again!
Question for you Nick: will the divi builder be touch supported in near future? WordPress 3.8 looks and works (nearly) perfect on my iPad and iPhone. But the new builder dose not work with touch devices :-/
I look forward to your reply 🙂
I’m speechless….just eclat! Thanks for spoiling us Nick
Our development team is loving Divi! It came at just the right time for us to use on a new site project, so we are exploring all of the great options. The 12 Days of Divi are making it very fun. Thanks for all the quick-start demos!
This is very very usefull and it makes more and more the DIVI Theme a NR.1 winner 😉
Thanks for the tips..
waiting for tomorrow 😉
This is just awesome. I can now see why it was WELL worth the wait for Divi!
Keep up the amazing work guys/gals 🙂
How about making it fully-quicksand? Not just the filtering, but the actual item, too, or at least an excerpt+featured image. You know, like Flexible?
I think that feature provides for the best portfolio navigation, with people being able to have a good quick look at the portfolio without loading an entirely new page, and without using lightbox, wich tends to work so, so bad with mobiles.
Wow. For years I have used iThemes and Builder. I recently tried Elegant Themes and now with Divi, I will not be renewing my subscriptions with iThemes. Thanks for the great themes, plug-ins and such. I can’t wait to see what’s next!
Very good.. thanks 😀
simplement magique Divi
So Far, it’s looking like it’ll be a great Christmas.
Thank you ET.
Pulling out all the stops! This is getting interesting.
Wow, you folks just rock! I was starting to contemplate creating some layouts, and here you are short-cutting the project for me so that I can just load some up, modify to suit my needs, and roll. Really, really nice…thanks!
More Awesomeness!
Hey, thanks. This theme is getting really interesting.
The color shift in the full section header of the masonry example (2nd) is css or an option I did not find yet?
thanks for any hints
It’s a background image. In fact, it’s one of our free ones that we released here on the blog 🙂 http://www.elegantthemes.com/blog/freebie-of-the-week/20-free-background-images-for-wordpress
Hi, I am using the masonry libary layout, it’s great !! But is it possible to have the same distance on the four fights of the pictures?
left, right, upper , under
Sweet
Probably a background image…
Thanks!
Great Layouts, thanks