Menu
BLOGGING

How To Code A Blog With Visual Composer

How To Code A Blog With Visual Composer WordPress Plugin

To say I am a DIY fanatic is a bit of an understatement. Learning to craft things for parties and our home is just the tip of the iceberg. If I can create my own flooring, ice cream tacos, and concrete countertops – then certainly there must be a way to DIY a website. Don’t you think?

Until this last year our website design options were SO SMALL. They basically consisted of three options:

  1. Have an unoriginal stock themed site.
  2. Pay a developer thousands of dollars + the hair lockets from my first baby to build a custom one.
  3. The last option for really smart DIY’ers would be to spend the 800 hours it takes to learn the backend coding and build an HTML site themselves. But honestly, who has time for that?

 

These options are not great.

So I went in search of a way to create a beautiful, functional, truly custom site. Can you believe that I found it!?!

Last summer we launched a new site redesign. I coded it myself with the visual composer wordpress plugin. I waited all year to try it out, to see what happened. It was perfect in every way. A few months ago we redesigned again using the same tool. The new site is pretty, completely customized by me, SEO friendly, and mobile responsive. I LOVE IT. The newest redesign took me about 6 hours from start to finish. This is by far my new favorite DIY project, that has ever existed, anywhere.

How To Code A Blog With Visual Composer WordPress Plugin

How To Code A Blog With The WordPress Visual Composer Plugin

I am insanely excited to be sharing today – how to code a blog, a business website, a wedding site – anything imaginable with the WordPress Visual Composer Plugin. I feel like this is a huge secret to getting the site you always dreamed up. I’m so happy to spill the beans today. You can totally do this, no matter your tech skills and it will save you thousands!

Over the next couple of weeks I will be sharing tips and ideas for making this happen the DIY way. Creating the pretty site of your dreams at home and on your own. First off here are a few of the sites that you’ll need to get started.

1. WordPress

The plugin is a wordpress plugin so we have to start here. We’ve been blogging on wordpress.org from the begining of this site 7 years ago. It is one of the easiest backend platforms to learn and one I’ve always suggested to new bloggers. Going with wordpress.org is important because it gives you the freedom to own your site and your content – which is huge! Since the platform is so simple to work it also makes updates and changes in design, advertising etc easily done on your own.

2. Bluehost

You’ll need a host for any blog. Think of the host as the engine which keeps the information flowing online. A redesign or initial design is a great time to check out the hosting options available. I get asked often by readers how our blog is run and honestly, it wouldn’t happen without a great hosting partner. I love Bluehost for their easy to work with hosting solutions. Whenever we have had a problem with the site someone is available right away to make it better and to keep our content up and running always.

3. Themeforest

Once you have the platform and the hosting set up, the next step is to find a starting place for your site design. Especially for the first site, I would recommend starting with a theme that is compatible with the visual composer plugin. Themeforest is our go to for blog themes – you can get lost in the hundreds of options. My favorite thing about the site is that you can search by ratings and read what current customers have to say about the themes before you try one out. Here are a few themes that contain the visual composer plugin for wordpress that would be a great starting place. Demo them yourself and pick one that will work best with your site goals. Just a note* some have commerce options and some do not, so pay attention to important details like that.

4. Envato studio

Once you’ve picked your theme, set up the Visual Composer Plugin, and learned how everything fits together – there might still be a sticking point or two. The first step I would say is to reach out to the theme developer. In most of the customization situations we’ve encountered they’ve been able to steer us in the right direction quickly. If not, and if there’s a custom feature you are aching for working with a developer from Envato Studio can be a great way to get the last details right at an affordable price. Their developers will work affordably to tweak things and make sure your site is setup exactly as you dreamed.

5. Content

Know how to write killer content. This isn’t an exact company link, but it is just as important… every blog is only as good as it’s content. I know many very successful bloggers who didn’t have great sites for a long time, but are great at what they do. In the end a pretty site is important. But it is only as important as the awesome content you’ll be sharing there. A few of my favorite articles I’ve written over the years to help your content to be the best: How to DIY an in home photo studio, 18 basic blogging tips and 10 blogging apps we love.

If you’ve been aching for a redesign or to start a new site, try out the links above and see how far you can get. It is amazing what we can accomplish with a little DIY knowledge and the grit to make it happen.

And once you have that beautiful site created, let’s think about monetizing it the right way! I’ve recently opened a new blogging course on just that thing – see the full details here.

39 Comments

  • Angie
    September 14, 2016 at 12:26 pm

    As much as I love the DIY attitude I can’t go without leaving my opinion regarding two things.

    1.”Drag and drop” is not CODE. Please, do not underestimate the work of thousands of developers and programmers that spent hours and hours learning to, actually, code.

    2. There are several reasons to not use Theme Forest themes, people just need to educate and learn that those themes are not following WP standards and will be a headache in the future.
    https://www.engagewp.com/why-i-no-longer-use-themeforest/
    http://torquemag.io/2015/04/the-real-issue-with-themeforest/
    https://wptavern.com/envato-continues-to-rake-in-the-cash-from-wordpress-themes-packaged-as-complete-website-solutions

    Just my to cents.

    Reply
  • CraftCrave | DigiFree | CraftCrave
    September 15, 2016 at 10:43 am

    […] How To Code A Blog With Visual Composer – 1 freebie(s)? […]

    Reply
  • Jessica
    September 18, 2016 at 2:46 pm

    I have a tendency to use the free themes offered on WordPress – but I’m still going to add my thoughts here. I’d like to begin by saying that I agree with Angie 100% – Drag & Drop does not make you a coder. TBH, all it does is remind me and others I’m sure of the days of when everyone built their sites on Angelfire and Geocities. When you drag & drop, you’re not learning the back-end of your theme – then if something goes wrong, you’re pardon the cliche – but up a creek without a paddle. I’d also like to add that I’m sure if you looked you could find a friend, someone who’s a coder that is interested in increasing their skills, adding to their portfolio. After all, isn’t that what this is all about – helping one another to achieve our goals?

    Reply
    • Victoria
      October 27, 2016 at 7:41 am

      Jessica, Hi! I totally agree that some things are beyond the scope of this – but it can be a great start to the process and can save thousands to hire help just when you need it vs. having someone design and code an entire theme for you. We’ve had a couple issues over the past year that I needed to have freelance help with, but overall it’s been such a fun and affordable process.

      Reply
      • Professional CV Service
        April 11, 2017 at 1:48 am

        Visual composer is easiest way to code for website or Blog. The WordPress Visual Composer Plugin is a time saver and rich editor which helps to enhance the look of the blog including responsive pages without coding.

        Reply
  • dissertation help uk | DissertationTime
    October 31, 2016 at 10:40 pm

    Your website is truly wonderful. It’s so splendid and the thoughts are so cool. I like it in particular.

    Reply
    • Quality dissertation writer
      May 5, 2017 at 1:52 am

      Useful blogging apps. I use Instagram usually as just social networking app but haven’t started curating insta-stories. It sound interesting and would love to try out.

      Reply
  • cheap assignments | finestassignments
    January 19, 2017 at 11:44 pm

    My companion suggested this blog and he was absolutely right keep up the incredible information about how to code a blog with Visual Composer!

    Reply
  • law dissertation help
    February 22, 2017 at 12:54 am

    Thanks for another informative blog. Where else could I get that type of info written in such an ideal way? I have a project that I’m just now working on, and I have been on the look out for such information.

    Reply
  • Mitchell Starc
    March 2, 2017 at 10:53 am

    Already knew few of them, thanks for others! Valuable information for me as I am WP developer myself. So I need such things for enjoyment to tackle the development by coding.

    Reply
  • Johny - Coursework Writing
    March 16, 2017 at 1:56 pm

    I know your skills on this. I must say we should have an on the internet conversation on this. Composing only feedback will near the conversation directly away! And will limit the advantages from these details.

    Reply
  • super smash flash 2
    March 21, 2017 at 7:13 pm

    This is such a great resource that me are providing and you give it away for free. seeing that understand the value of providing a quality resource for free

    Reply
  • bloons tower defense 5
    March 22, 2017 at 6:20 pm

    Wow. cool post. I’d like to write like this too – taking time and real hard work to make a great article… but I put things off too much and never seem to get started. Thanks though.

    Reply
  • The Academic Papers
    May 5, 2017 at 12:24 am

    This is the really best way to know about coding in some different style that only less people know. Thanks for sharing your views and guide to make me able to code my WordPress website.

    Reply
  • bloxorz
    May 11, 2017 at 8:57 pm

    Your topic is very nice and helpful to us … Thank you for the information you wrote.

    Reply
  • Bandar Ceme
    June 14, 2017 at 8:41 am

    This is great, you are good, i like your post and i still waiting our next post

    Reply
  • Dissertation firm
    June 16, 2017 at 3:00 am

    Visual composer is the simple way to code through Visual composer you don’t have to go in PHP coding . All the working happen on drag and drop and there many built in widget

    Reply
  • bouncing balls
    June 27, 2017 at 1:10 am

    The information you share is very useful. It is closely related to my work and has helped me grow. Thank you!

    Reply
  • abcya
    July 27, 2017 at 2:29 am

    Your article is awesome! How long does it take to complete this article? I have read through other blogs, but they are cumbersome and confusing. I hope you continue to have such quality articles to share with everyone! I believe a lot of people will be surprised to read this article!

    Reply
  • bloxorz
    July 31, 2017 at 12:11 am

    It’s great because of the knowledge you share with us, I will always follow your blog and will share your blog with my friends

    Reply
  • Smith
    August 5, 2017 at 5:25 am

    Wow, I am amazed to learn the coding process to add blog visualization and compose that plugin. Great stuff sir. Pretty delighted to be here and also appreciate your effort.

    Reply
  • happy wheels
    August 10, 2017 at 7:29 pm

    How long does it take to complete this article? I have read through other blogs, but they are cumbersome and confusing. I hope you continue to have such quality articles to share with everyone! I believe a lot of people will be surprised to read this article!

    Reply
  • Top dissertation service
    September 19, 2017 at 10:58 am

    Bluehost to host a website? Are you serious? I would appreciate if you give it a thought. I have been using them for two years and that is because I have paid them for two years. I have few problems and the biggest one is their customer service. It took ages to get in touch with the representative on chat. Sometimes, 10 to 30 minutes.

    Reply
  • assignment writing company
    September 21, 2017 at 6:46 am

    Yeah, I know about the visual composer and I have used while I was developing websites for my project for the educational website and it was awesome and easy to handle just simply drag and drop then you have done if you have little bit knowledge about CSS and HTML.

    Reply
  • William
    October 29, 2017 at 11:50 pm

    A worthy read!!

    Reply
  • slither io
    November 5, 2017 at 7:30 pm

    I’m thoroughly enjoying your blog. I too am an aspiring blog writer but I’m still new to the whole thing. Do you have any helpful hints for newbie blog writers? I’d certainly appreciate it.

    Reply
  • Dissertation Help
    December 12, 2017 at 4:40 am

    Awesome blog

    Reply
  • Cathy
    February 21, 2018 at 12:21 am

    Hello, taking time and real hard work to make a great article… but I put things off too much and never seem to get started. Thanks though.

    Reply
  • Janet
    March 21, 2018 at 4:39 am

    you have done such an amazing job. Please tell me about the name of the plugin because last days ago i was searched but could not find. Where else could I get that type of info written in such an ideal path?

    Reply
  • my website
    March 31, 2018 at 11:12 am

    Thank you my friend this is beautiful and great blog. I will share this tutorial with my other friends thanks.

    Reply
  • […] The term platform refers to the software or service that you’ll use to publish your content. It’s basically the system that manages your blog. There are lots of different platforms to choose, and people who want to learn how to start a blog for free can start with any number of them. If your blog becomes big (I hope it does!), you’ll want to start paying for premium features, and I’ve found that the best all-around option for me has been WordPress. It’s so easy to use, and for those who aren’t coding genuinses (aka me), I’ve found an awesome way to create a beautifully custom site without learning code! Check it out here. […]

    Reply
  • roll the ball
    April 29, 2018 at 10:21 pm

    I think this is an informative post and it is very useful and knowledgeable. I really enjoyed reading this post. big fan, thank you!

    Reply
  • aqoo maama
    May 11, 2018 at 5:26 am

    great post

    Reply
  • slope
    May 24, 2018 at 9:28 pm

    Useful information. Lucky me I discovered your website accidentally, and I am stunned why this twist of fate did not happened in advance! I bookmarked it.

    Reply
  • John
    June 6, 2018 at 12:08 am

    I am also insanely excited to see your craft sharing and I love Bluehost for their easy to work with hosting solutions. It is really pretty delighted to be here and also appreciate your effort.

    Reply
  • neiljakson
    June 26, 2018 at 10:25 pm

    I value the article post.Really thank you! Really Cool.

    Reply
  • Speedypaper
    January 24, 2019 at 5:06 am

    Thanks for this useful tips.

    Reply
  • vedant
    April 2, 2019 at 11:00 pm

    Thank you so much for this sharing.

    Reply
  • henry jones
    April 2, 2020 at 3:05 am

    Yeah buddy ! Thanks for this detailed info. Will use this for sure

    Reply

Leave a Reply