Done Migrating!
Hello! Good day to you all. I just finished migrating my website about planted aquariums into the Divi theme. While that was slow during the first few days, I got the hang of it eventually and incorporating the many features of the theme into my existing posts/pages is such a breeze. I am not really here to promote the Divi theme because it created a lot of opportunities for me to optimize my website further, and did I say I learned a lot of new things?
A. It gave me the opportunity to not only rely on the default Kraken io image optimizer and I learned to optimize my images further before uploading. This literaly made me re-upload all my medias to my site.
B. My first question was "how can I make this fast and efficient, working with Divi theme in my future articles?" because this was painfully slow at first. Would this theme make me not to concentrate on giving quality content because it is a drag and drop/visuals theme? Once you get the hang of it, by copy-pasting, extending modules/styles, using your saved libraries, it is such a breeze and you can still use SiteContent for your quality content then edit later in Divi just like before.
C. I am not limited anymore with what I can do with my website design as oppose to my old theme (no updates and support anymore)
D. Scrape off plugins that Divi has already built in. Now I only have 5 plugins installed.
E. I had no new articles for two weeks but I cannot exchange the knowledge I learned not only by using the Divi theme but image and website optimizations in all devices, putting alt text, title, captions in all my images for SEO, additional custom css, making my own Table of Contents, etc.
F. I didn't know there was an extreme setting in SiteSpeed here in WA and working with Divi theme helped me discover that. I learned about page loading times, perceived speed of my pages/posts, and what Google pagespeed insights tells me otherwise.
I gained valuable insights and knowledge in optimizing my website further plus the bonus of learning this theme but then I realized, it is not the fancy animations, layouts, transforms that will get you ranked in google, it is still your quality content (the value you give to your audiences), using low competition keywords, ease of navigation like providing table of contents in every page/post, mobile optimizations, internal linking, etc.
Now its time to correct course from this fruitful detour and pile up on those quality contents. again.
Recent Comments
22
Hi Lemuel
Wow I'm impressed how quickly you seem to have got it together with Divi & everything else you learned. Have you just recently acquired it or had you used it before?
I also use Divi as I wanted the freedom in designing my website. Despite having had it for a couple of years I still get lost, I think that's because over time so much has advanced & I haven't delved into it often enough.
I have avoided using SiteContent as it seemed like double work & unsure if Divi would override anything. What process have you found as being the best/fastest way to get your articles published using the 2?
How do you set up your Table of Contents? Anchor links or have you found a way to automate it?
Best wishes :)
It was my first time with Divi but I have to admit I am techy enough I think. I worked as an IT Call Recording Engineer for the last 11 years in a BPO company but I am not really much into programming and a complete noob when it comes to css, JS, html, etc.
A lot of my confusions from the start have something to do with differences between sections and rows. Most of the video tutorials in YT doesn't discuss this thoroughly so I learned the basics in elegantthemes website itself (they have a lot of video tutorials in there) and familiarizing myself the hard way, and that is to practice, even with my existing content.
Once you had that nailed, you can do a lot of techniques to speed up your workflow. you can just copy paste your sections, rows, and modules and even their styles by just right clicking on them or click the duplicate button. For example if you had created a section, and with a row with two columns with modules in it, and wants to re-use it in other parts of your page, you can do so, just copy and paste or duplicate then just move into the location by dragging, then edit the contents.
If you want to have all your images have the same styles and animations, including paddings, borders, you can just edit one image and then right click and choose extend image style to the whole page so you don't have to edit your images one by one or add an image module everytime from scratch. This can be also applied to sections and rows and every modules.
If you want your rows have the same width throughout your page, just copy or duplicate your row styles or row itself respectively or use extend function.
You can also save your sections, rows and modules into your library so you can call them anytime you want so you don't have to start from scratch. For example I always put a fullwidth post title and fullwidth header in most of my pages/posts so I save them in my library.
I use the SiteContent just for the text content not adding pictures yet then publish it into Wordpress then edit with divi to add images, rows and columns. Basically it is the same as before, I just replaced the Wordpress editor with Divi visual builder.
One thing more, I save my color palettes that I use in my gradient overlays and custom css I used throughout my website.
If you have more questions you can PM me maybe I can create a quick video of what I am talking about. if I have time in the future and once I am permitted to provide trainings, I might be able to provide training in my workflow that I use with Divi to speed up your article building.
I feel your pain. I have too have spent hours watching tutorials & trying to understand/piece together the various options.
I do use the copy a lot. I haven't used the right click options much. The other day I got scared when I clicked on extend & it said it would apply it site wide, not just the page!
I do use the Divi Library & save sections, layouts & modules. Some I have even made global. I try to stay clear of css though, I'm not a coder.
That's an idea creating Divi tutorials here ;)
Thanks so much for getting back to me. Very best wishes to you :)
Ow ok i just use extend in images, same modules for now in the whole page. For section and rows i just duplicate. I am using custom css to
A. remove the widgets area site wide to claim that area for content. I always use width of 1920px 80% for the main content.
B. Create a parallax effect with gradient on the background
C. Hide the recaptcha logo
I think i got the hang of optimizing the website on all devices, that confuses me too before with Divi, that phone icon in every settings.
When it comes to Table of contents, i used easy table of contents before but it was a mess with divi so i just created my own using anchor links and save it to my library.
See more comments
Great progress.
Lisa
Thank you so much!