Creative themes and Pins creation: A complete guide

Creative themes and Pins creation: A complete guide

create creative themes

Let me ask you a question. Do you have pin-envyYou know how effective Pinterest and creative themes can be to promote your business. However, you don’t have time to wrestle with Canva to make your pins look great. 

You’d love to hand it over to a professional designer. Reason being you can get on with doing what you do best – growing your business. Nevertheless, you really don’t want the designer price tag. 

But without pins and creative themes that attract clicks and drive traffic to your website, you could be missing out on potential clients. 

 Relax! We’ve got you covered!

Read on for 6 top tips for creating click-tastic pins that will get you noticed!

How to create your own pins on Pinterest 

Before we dig deep into designing your pin let’s take a look at the tools you need. The most popular packages used to create pins are Canva and Picmonkey.

I use Canva to create all the pins and creative themes for my business and for my clients too. It’s a professional tool, easy to use, and it is free!

In order to find out what works best for your business, you’ll need to create multiple pins for each title. In addition to that, use Google Analytics to identify which attract the most clicks.

Don’t feel overwhelmed! Use the 6 tips below to create a few designs and then save these as Pinterest pin templates. You can then easily modify them with different titles and images to create multiple pins.

 What size should a Pinterest pin be?


Pinterest says 600px by 900px is the best pin size.

You’ll see pins that are much bigger than this. Reason for this is  that Pinterest users realized that their creative themes and their pins got more attention if they were larger. However, Pinterest has started cutting off larger pins so it’s best to use the recommended size. Else all your hard work could go to waste.

And remember, pins should always be vertical.

size for creative themes

What are the best colors to use on Pinterest?

The most effective creative themes and pins reflect the colors of your branding. By being consistent with the colors you use in Pinterest and in your business generally, you have more chance of standing out from the crowd.

 One way to choose a color palette for your brand is to brainstorm keywords about your business. Thinks about the emotions you want your brand to create in potential customers.

 For instance, you might use words like energy, positive, alive for a fitness brand, or calm, stylish, minimal for a lifestyle business.

Colors for creative themes

Search for these terms + color palette on Pinterest and you’ll find a range of palettes to choose from. Remember, it’s important to choose colors you like as you’ll have to live with them every day!

 If you find this tricky (and don’t worry, you’re not alone!) don’t be afraid to ask a designer to help you. Getting the right colors for your brand is an important step to creating a professional design and creative themes.

 When you copy your colors into Canva, make sure you have sufficient color contrast particularly between the title and the background. The more visible the text, the more likely it is to be noticed.

Title for creative themes

How to choose a Pinterest pin title that attracts clicks

A catchy title is essential to make people click on your pin and creative themes. But how can you create a title that engages?

Remember, when people search Pinterest they are looking for ideas and/or solutions to their problems. They might need inspiration for their son’s birthday cake design. For example, tips on how to use social media to promote their business.

 Your title is the quickest way of showing readers why they should click on your pin and read the information you have provided. Concentrate on the benefits they will receive from your post.

 For example, 10 Fabulous Lego Cakes your Birthday Boywill Love or How to Attract New Business with Instagram.

Try creating a few headlines and test them against one another to see which perform best. The free Headline Analyzer from Coschedule is an excellent place to start.

What are the best fonts for Pinterest?

It might sound obvious but the most important thing when choosing fonts for your Pinterest pins is to make sure people can read them. Remember, more than 80% of pinners are on mobile devices so your fonts need to be large enough and clear enough to read on a phone.

 Don’t be tempted to use too many fonts as this will make Xanax pills your pins look unstructured and unprofessional. Always bear in mind that too many type sizes and styles can wreck any layout and creative portfolio. Hence, use a maximum of 3 fonts for your pin.

Font styles for creative themes

Script fonts may be pretty but they are sometimes hard to read so if you’re unsure stick to standard fonts. 

As well as choosing a clear font and a good size, you also need to bear in mind the spacing between the lines.

Font directions for creative themes

In typography, we have a special term for the spacing between two lines of text –  leading or line height. 

By increasing the leading, you increase the vertical white space between lines of text. In addition to that, improve the readability, and get more screen real estate. As a rule, leading should be about 30% more than the character height.

Particulars of creative themes

Typography is a big deal. Making the right typography choices can give your website a feel of crispness and polish. Bad typography choices, on the other hand, are distracting. It’s essential to make typography readable, understandable, and legible.

10 golden rules you should live by when combining fonts: Tips from a designer

8 Typography Trends for 2018

Techniques for creative themes

How to choose Pinterest images that get you noticed 

The right image can be the difference between a pin that attracts clicks and one that doesn’t. Remember, Pinterest is a visual search engine and a great image is the best way to encourage people to stop scrolling and click through. 

It’s essential that your image is clear, bright, and relevant to your title.

Unless you’re an expert photographer, it’s always better to use professional stock images on Pinterest pins as your creative portfolio as these are more likely to be clearly focused and high resolution.

There are a number of free graphic resources available. You’ll find more details in my Free Graphic Resources Library.

For more choice and an even more professional look, consider using paid sites for graphic resources. My favorites are Style Stock society, Envato Elements, Creative Market, and Mighty Deals. (Please note, although these are affiliate links I only recommend sites I have used and love.)

Why you should create a Pinterest Pin template

 Once you’ve chosen your colors, fonts, title, and image add your logo and save your pin as a template.

Now every time you create a pin, you can use this template as a starting point. It’s much easier to add new images and titles to a template than start from scratch each time.

By creating fantastic templates you’ll not only save time, you’ll also create consistent images and people will start to recognize your brand.

If the idea of creating a design for creative themes is overwhelming, you can buy professionally designed customizable templates.

Customizable templates are really easy to download to Canva. All the design elements are chosen for you, so all you have to do is add your title and branding.

The best thing about using these templates is you get a professional design without paying the designer price tag.

What makes a good pin on Pinterest? 

So, if you’ve been wrestling with Canva or Picmonkey and feeling frustrated that your pins don’t come out looking like you imagined them, I hope you find these tips useful. 

Remember, the first step is to create a pin of the optimal size, then add colors and fonts that reflect your brand. Choose an engaging title that tells your readers about the benefits they’ll get from your post. In addition to that, a fantastic image that attracts clicks. Finally, create a creative template so you can create more pins quickly and consistently. 

Alternatively, click through for more information about Pinterest Happy Templates, for professionally designed pins that are easy to download. Use straight away! All the templates are customizable with your brand and colors, and reusable with tons of design variations.

Happy pinning!

Creative portfolio and blog creation in days free course

Creative portfolio and blog creation in days free course

Blogging gives you the priceless opportunity to share your story to the world. To put it simply, you are creating an online diary of your personal life or business, promoting it as your creative portfolio, as well as encouraging your audience to do the same. It is, perhaps, one of the best outlets of free communication.

Before you start building up the visuals of your blog, you must lay out the foundation. Identify the WHY’s behind the creation of your future blog. One way for this is determining the niche of your blog.

Going down to specifics allows you to have less competition in search rankings. It also lessens the “clutter” on your site, and makes it easier for you to gather a following of frequent visitors that are looking for specific interests that are same as yours. While it is okay to blog about anything under the sun, narrowing your specialties to a few creative portfolio makes it more convenient for everyone.

We have three main “ingredients” in order to create a blog:

1.Web Hosting

Web hosting services are like the landlords of the World Wide Web. They lease you a space for your blog or website or your virtual creative portfolio and just like a real estate contract, web hosting services offer you time-constrained “contracts”.

Ultimately, web hosting service enables your information to be distributed and available to the public through the Internet. A web hosting service allows you to have unlimited access for your site to be placed on the web.

2. Site Builder and Content Management System (CMS)

Site builders and CMS platforms are “construction” tools that let you build your own website, creative portfolio website or blog. The best example of this WordPress.

My blog is powered by WordPress. 

However, there are some downsides with free blogging sites such as WordPress. Since it’s completely free, you technically do not have any ownership of your content. Your blog can also be shut down by the admin when your blog’s content is ever deemed inappropriate.

3. Domain Name

Domain name is the URL of your website that your visitors type in to get access.

I highly recommend that you take the following pointers into consideration when picking your domain name

  • Your domain should be simple yet something that can capture attention so that your visitors will be able to remember it. However, stay away from words that are too fancy.
  • If you can, use your personal name.
  • Stick with using, or .org.


DAY 1 : Getting a Web Host, Picking and Registering Your Domain Name, and Installing WordPress

For a web hosting service, I am recommending you to use SiteGround. SiteGround is also recommended by WordPress itself. Their services include everything that you will be needing in cultivating your virtual creative portfolio or a blog in the long run.

SiteGround have some notable pros for those who choose it as their web hosting service provider:

  • Awesome Support. They offer 24/7 customer support for any issues that you will encounter. Their CSRs are highly responsive at the earliest time possible and monitors their customers’ comments and inquiries through various channels such as in the comment section, phone calls to their designated hotline, etc. Courtesy and also extensive knowledge of database solutions of their employees are also key points for SiteGround’s excellent customer service.
  • Secure. A lot of our personal information goes into our blog and creative portfolios that’s why it is only crucial to entrust your safety to a reliable web host. Cybersecurity attacks are common and can happen to anyone no matter how small or big your online blog is so we’d rather not wait for the time of getting victimized before acquiring a good web host. Some notable security features of SiteGround are: their malware scans for your site, a regularly updated web application firewall, and their HTTP/2 technology for their servers.
  • Fast. Speed is one of the top priority of any site owner. Let’s be honest that buffering sites drive us crazy! Every second count now and if we are faced with a loading screen for a measly three seconds, we’re out. That is why SiteGround always has the latest technology to back you up for speed problems. One of which is their own SuperCacher, that enables faster loading of your web content. They also have NGINX web server technology that speeds up the static content of your blog.
  • Affordable. SiteGround offers three plans for their web hosting services:

Since we’re just starting out with a blog or a creative portfolio, the StartUp plan is the most sensible choice. It gives you just enough features to enjoy and integrate to your fresh blog. Some suggest though for the GrowBig plan when using for WordPress. This is also a good choice at a good price point if you have a little bit more money to throw (and it’s just a $2 dollar difference than the cheapest plan anyway). SiteGround lists down what you will get for each of these plans.

  • Reliable. There are good reasons why SiteGround is suggested by WordPress. They have the most suitable features that every WordPress user needs as if it’s tailor-made for them. There are also countless of good reviews online for SiteGround averaging on 9 out of 10 star ratings. What we want for a web host is something that can continually cater to our blog’s needs as new updates are released in the market.

It’s easy enough to create an account with SiteGround and purchase a plan for web hosting. In their homepage, just click the ‘SIGN UP’ button.

Choose among the three plans and click ‘ORDER NOW’.

Select ‘Register a New Domain Name’ and enter your preferred domain. Remember the pointers when choosing a domain name. Click ‘Proceed’.

You will then be taken to final step where you have to fill out personal information as well as your payment details. You can see your total fee at the bottom. SiteGround also offers domain registration and some other extra services which you can just tick off. Click ‘Pay Now’ when done.

After that, you have to install WordPress through SiteGround. Log in to your SiteGround account and go to the Support section.

Select WordPress and fill out the information required and click ‘Submit’.


DAY 2: Configuring WordPress and Picking a WordPress Theme

When you finally finished installing WordPress, we can now start making some tweaks in it. In your WordPress Dashboard, go to the Settings tab and then General.

Make changes as according to your preferences for your creative blog. Note if the time zone is set correctly. If not, adjust it.

Click Save Changes when done.

We are now going to change our permalink structure. In the Dashboard, go to Settings then Permalink.

I have mine set on Day and name. For reasons of specificity, I would like my blog and creative portfolio visitors to easily track down my blog posts and images by the day they were posted.

Most people choose Post name instead because it enables a cleaner URL. However, since my blog’s niche is web design, an ever-changing industry that gets upgrades as time goes by, I want my readers to be able to view the most recent posts for their reference.

Next, go to Reading. Here, you will see options on what displays on your homepage, number of posts that appear, etc.

Make changes as according to your preferences. Don’t forget to click Save Changes at the bottom when done.

We will also be needing to delete WordPress themes or plugins that are no longer in use. This will help create space for customization because the more space consumed, the more the slow down the server.

To do that, go to Appearance then Themes.

I have actually minimized the clutter here before so it’s pretty empty right now except my active theme, a Divi child theme. I have two others but I’m keeping them here for now. My Divi theme is from Elegant Themes.

To delete inactive themes, simply click Theme Details then hit Delete at the bottom right corner.

For plugins, go to Plugins → Installed Plugins in the left sidebar of the DashboardCheck off the ones you want to delete and then select Delete from the drop-down menu. Click Apply.

If you have deactivated plugins, delete them as well.

To set up a plugin, just click the Settings option it. For this tutorial, let’s set up Bloom.

Bloom plugin takes care of my optin forms that appear on my sidebars, pop-ups, etc. 

Since I cannot do a walk-through of all my plugins (as it will take time, also we might not be picking the same plugins for our site), I highly suggest you take time to explore the settings for all your plugins. Trial and error won’t hurt.

To add a plugin, go to Plugins in your Dashboard. Click Add New.

Go to the Popular section to see the most recommended ones.

Click Install Now for the plugin/s of your choice. When it’s done installing the plugin, an Activate button will appear for you to enable the plugin for your site.

For recommendations, install Yoast SEO which will allow you to add title tags, keywords, descriptions, etc. to each of the post you create. For social media sharing, I am using Monarch. Social media sharing plugins enable visitors to your site to instantly share your blog and blog posts and the creative portfolio into their personal social media accounts. It’s a perfect way to gain more traffic to your site.

We will now be installing a fresh new theme for your blog and make some customization. Go to Appearance then Themes.

Click Add New.

Browse among the themes available.

Click Install.

You can also do a live preview of your chosen theme. Just click the Preview button.

You can make further adjustments with them after you have installed it and activated it as your active theme. You can use the Custom Editor (pictured below) to adjust settings while seeing the changes live.

To go the Custom Editor, go to Appearance then Customize.

The Custom Editor looks like this:

You can just explore the various settings in the Custom Editor until you get the look you are aiming for.

But since it’s rare for themes inside WordPress to be of limited options, most people opt for premium themes from external sites. I am using Divi by Elegant Themes.

Installing Divi is discussed in my Website Makeover Course (The Visual and Vibes of Your Site, Looking for Potential Themes to Use). When you have already downloaded it and had it installed, you can go back to the Custom Editor to make changes.


DAY 3: Creating a Blog Post, About Page, and Contact Page

Creating a Blog Post

Finally, we can start on creating our very first blog post. Our blog posts are the backbone of our blog and one of the “main attractions” besides our products and portfolio. For this tutorial, we will be using the generic WordPress interface.

In your WordPress Dashboard, go to Posts and then All PostsJust delete the default WordPress blog post title “Hello World!”. Go to Add New still under Posts.

This is how it looks like:

Add in the title for your blog post and the text on the corresponding blank sections. Formatting your text here is pretty self-explanatory. If you are familiar with MS Word or any other word software, you can easily use this.

For more formatting options, click the Toolbar Toggle button.

You can categorize this new blog post. The default category for new WordPress accounts is only ‘Uncategorized’ but since mine is all set up, I already have a bunch of categories made beforehand. you can set up posts for your creative portfolio as well. 

We can now get to customizing our SEO for this specific blog post. Scroll down to the Yoast SEO plugin. You can see the changes you make to your keywords and meta description live, just as how it will appear on search engine results.

You can also a feature image, just repeat the steps on how we uploaded an image for the content earlier.

When you’re happy with your first blog post, just click Publish. For preview, click on View Post.

About Page

Your site’s About page is one of the first things that a visitor will check out on your blog or your creative portfolio. A lot of online entrepreneurs hire content writers to create a highly-enticing About page that can transform a mere visitor into a committed customer.

Here are some tips when writing an About page:

  • Talk about the reason behind the creation of the blog/business blog/creative portfolioA good way to start is telling a BRIEF story about yourself and/or your blog/business blog/creative portfolio. Here, try to paint a very imaginative picture for your site visitors so you can exactly capture their attention.
  • Give empowering details. A good About page should only be encouraging. We want our visitors to frequent our blog from time to time and the key to that is capturing them once and for all, starting with your About page. People want something that they can relate to because that is what they will need.
  • Use factual information onlyContrary to some recent instances, creating pure fictional accounts of your life can lead to devastating results. People love to scour the internet for who’s who and if you ever try fooling them just to gain some extra limelight, it may backfire on you. Being genuine goes a long way.
  • Know your audience. People don’t want show-offs. They go for the ones who are providing useful service and inspiration to others. When creating an About page, make it seem like you are having a one-on-one chat with them. Put yourself in their shoes and think of what would they want to get to read on your About page and eventually, what would they get from being a frequent visitor/potential customer for your blog and creative portfolio.

From this point on, we will be using the Divi Builder to create the rest of our blog. Divi Builder just makes it easier for you to create the content of your blog through it simplified drag and drop functions that even novice bloggers can make use of.

To create an About Page, on your WordPress Dashboard, go to Pages then Add New. Click the purple ‘Use Divi Builder’ button.

The Divi Builder takes away the pain of manual customization and actually has ready-made templates that contain modules that you can assemble on your own.

Click Load Layout to see the ready-made themes and templates that Divi made. There are tons of choices so you will never not find anything that can fit your taste. Moreover, you have unlimited power to adjust the settings and make them more personalized.

Here you will see various layouts for different genres. In the search box, typed in ‘About’, so the layouts available for About pages show up.

They have preset ‘About Me’ and ‘About Us’ templates. Since this is a personal blog (you can always expand later, let’s say, when you hire a team to run this personal-turned-business blog), choose the ‘Simple About Me’ layout for now. Click Use This Layout.

You will then see that it has predetermined modules for this particular layout. However, you are given the option to remove (by clicking the ‘x’ button) and add modules (by clicking the ‘+’ button), rows, sections, etc. as you desire. This has special sections for the title (Fullwidth Header), the content (Text), and other elements that you can add in for your about page regarding your creative portfolio and the blog.  I will not be discussing this in full-length as this will take time but the best route of learning with the Divi Builder is through explorationThe Divi Builder is a highly functional and powerful tool so it is best to make the best of it.

You should also make edits on your Yoast SEO plugin at the bottom to earn higher ranking in search engines. Remember, your About Page will be one of the most-visited pages in your site.

The changes you make do not save and go live on your blog unless you click the Publish button. If you want to see how it looks like before you save your changes, click Preview.

Contact Page

Your Contact Page lets your visitors reach out to you. If you are doing a personal blog, this might be optional but can always be added when your followers grow over time. If you’re going to do a business blog or a creative portfolio, then this is very important for you to continuously build your network. You will be putting in your contact information where your visitors can send you a message or call you about what you are offering on your blog and the creative portfolio . I would recommend that you have separate email, number, etc. for your blog purposes, especially if it’s a business blog or a creative portfolio. In that way, it will be easier for you to handle these messages and not have them mixed up with your personal ones. You can also put in here your social media accounts if you have any.

The process is the same as how we did the About page (and will all be the same whenever you create new pages).

Dashboard → Pages → Add New.

Divi Builder → Load Layout. You just search for Contact Page and choose one in the premade Contact Page layouts from Divi.

Click on your preferred Contact Page layout and hit Use This Layout. Make changes and you’re done! Your Contact Page do not necessarily need sentences. Your contact information and for what platform they are being used.


DAY 4: Having a Mailing List and Linking Between Your Blog Posts 

Having a Mailing List

Having a mailing list allows you to keep track of all your subscribers and send them newsletters and updates regularly. Your blog and creative portfolio order cheap Sildalis visitors are not guaranteed to visit all the time especially with the ever-growing population of bloggers. And if ever a visitor decides to subscribe, their name and email go directly to your mailing list. You will then be needing a mailing list provider.

I am using MailerLite. I am using it for my Freebie Library. And you will see that once again, I am advertising my products. It’s really a good way to “shove in” your products to your customers on any chance you have in order to get them to subscribe or purchase them.

MailerLite has tons of incredible features scoping from your mailing list, email marketing, etc.

They also competitive prices as well as a FREE subscription when you have 1,000 subscribers and below.

You just click the blue ‘Sign Up’ button at the upper left corner and enter your basic information:

Here is MailerLite’s getting started article to help their customers with setting up their account. What I love the most with MailerLite is that they give you the best services that you will be needing for having a strong and fully functional mailing list. They even have easy-to-follow video tutorials for the newbies that will help a ton for not-so-techie bloggers. You don’t have to hire a VA to do this for you because you can do this all by yourself with little time and effort.

Linking Between Your Blog Posts

Linking between your blog posts is a terrific way to drive more traffic to each of them. More often than not, your blog posts will be interrelated with each other and rather than rewrite similar sections or subtopics between two or more posts, you can just link them to the current blog post that you are writing, In that way, your visitors you will be obligating them to view the related blog post/s and thus upping the stats for the current post and the related post/s.

It’s easy enough to set up the links. If you are familiar with setting up hyperlinks in MS Word or Google Docs, this one goes the same for the WordPress editor.

Highlight the text referring to the related blog post.

Click the chain link logo in the menu bar.

Copy the URL of the blog post and paste it. Click the ↵ when done.

This technique is also a great way to showcase your readers that you have enough information about your niche and that they no longer need to go out and search for external resources.

DAY 5: Creating a Homepage and Having a Niche for Your Blog

Creating a Homepage

Your homepage or main page will be the front-runner of your blog so I cannot stress enough how dazzling it should be. It will be the first thing that your site visitors will see and this homepage should entice them to explore your site even more and eventually subscribe to you!

My homepage is filled with blurbs for various products and services that I am selling, links to my blog posts, and of course, optin forms. To put it plainly, your homepage should give your visitors a sneak peek of your blog.

Creating a homepage is done just as how we created our About page and Contact page earlier. You just search for a premade Homepage layout in the library.

But now, we will be utilizing Divi’s Theme Customizer that lets you make further changes and see them live as you make some tweaks.

In your WordPress Dashboard, go to Appearance then Customize.

This is what the Custom Editor looks like:

I discussed a little bit more of the Theme Customizer in Website Makeover Course (Customizing Your Website).

There is another extravagant feature of Divi — the Visual Builder. The Visual Builder lets you make changes on the site itself without the modules of the generic Divi Builder and the sidebar menu of the Theme Customizer. 

You just need the click the purple ‘Enable Visual Builder’ button at the top when doing a preview of your blog.

*See: Visual Builder from Website Makeover Course.

Having a Niche for Your Blog

When you are just starting out, you might want to start with one single niche. A niche is a specialized section (usually in the marketing industry) that has a special focus on the mother topic and all its subtopics. For example, The Blog Creative is all about web designing and the business that can sprout from that specific niche. Having a niche enables you to have a strong, close-knit, and a large number of following that falls in line with your specialty.

Your subscribers can also easily identify you and say “Hey! It’s that person who is really good with [insert your niche]!” They will be able to recognize you better as a master of your craft.

One technique to create an air of credibility for your blog is providing testimonials. Testimonials serve as great tools to encourage your followers not only to subscribe but also to buy your services and products. I gather as many testimonials as well as I can get from my customers from various social media platforms and the ones sent to me personally as they would be a big help for my blog and business to thrive.

Remember to advertise your services and products as much as you can. Let them know your latest releases and keep yourself updated as well with the best and freshest services you can offer just as how my Pinterest Branding Pins service is up right now (see what I did there?).

I chose a few of the testimonials I have received from my previous customers and posted them on my blog so I can show “supporting proof” of my skills for my would-be customers.


DAY 6: Creating a Newsletter Form

Your Newsletter Form is a mini section that allows visitors to enter their name and email to subscribe to your mailing list. They are famously dubbed as call-to-actions. By subscribing to your mailing list, they receive newsletters from your blog about new posts or updates which will then push them to revisit your site from time to time. Newsletter Forms can come in many different styles like static ones found in your sidebar or pop-up ones that appear whenever someone views a page or a post. The technique here is to have as much optin forms appearing on your site so you can relentlessly encourage your visitor to finally give in and subscribe.

I am using a plugin for all my optin forms — Bloom. You just download the plugin and activate it just as we discussed here.

In your WordPress Dashboard, look for the Bloom in the menu sidebar.

Click Optin Forms then New Optin.

Select the type of optin you want to create. For now, let’s create a ‘Widget’ optin which is a static optin placed at the sidebar. Note that we can create as many forms of optins throughout our blog so we can encourage our visitors to subscribe. Our other optins can be pop-up ones that appears only when someone views a blog post or a page on your blog and can easily close the pop-up whenever they want to. That way, the blog wouldn’t be too crowded with optin forms. I have all sorts of optin forms scattered on my blog.

It’s time to make some edits! First, create a name for your optin form. This name will not be appearing on the actual optin form but just for you to label it and have it distinguished from all you future optin forms. Also, select your mail provider.

Click the gray button ‘Next: Design Your Optin’.

Bloom has ready-made templates which you can customize according to your preference. Click one template and scroll down and click ‘Next: Customize’.

Here, you will be filling in the information on the text that will appear in your Subscribe optin form and also, edit the appearance. You can preview your optin form by clicking the blue Preview button or the one with eye logo. When done, click ‘Next: Success Action’.


In the Success Action section, you can choose either a success message will appear or the visitor will be redirected to a URL when they subscribe. A simple “Congratulations! You are now subscribed to [insert blog name]” will do.

Click Save & Exit.

Your mailing list provider will do the job of distributing the newsletters regularly and now the job left for you is to create helpful and interesting content that will draw your subscribers to check out your blog whenever you newsletter notify them of new posts and updates. Remember that the reason they subscribed is the fact they loved a blog post or any content on your blog and they are expecting the same or even better quality content from you.


Day 7: Social Media Share Plugins and Redirect Links

Monarch Plugin

Having social media share buttons on your blog lets your visitors share your posts or any of your shareable content to their own social media accounts and hopefully, let their own followers know of your blog which can bring in more traffic.

I am using Monarch for the social media share buttons on my blog. Just install and activate the plugin just as we discussed. See Website Makeover Course (Plugins and Footer, Monarch Social Media Share Plugin).

Redirect Links

See how many external links I used in this particular blog post? That is what you call the art of redirecting links. I am endorsing those sites (SiteGround, MailerLite, Elegant Themes) because I know how helpful they can be with creating a blog. The Blog Creative owes a huge thanks to them!

And as a display of gratitude, we can do affiliate marketing. Affiliate marketing is a business referring other business for their services that the former acquired from the latter. This way, it is a win-win situation for both as they are earning customers and money from the connecting traffic they gain from each other.

I am using Pretty Links plugin to manage my redirect links. After you have installed and activated the Pretty Links plugin, it will appear on your Dashboard.

Click Add New Link.

Type in the Target URL (e.g.

Type in the name of the site (e.g. Siteground) next to your blog’s URL in the Pretty Link section.

You can put in a title for the particular Pretty Link.

Click Create.

Now, whenever you mention a particular resource site included in your Pretty Links, instead of linking the site’s actual URL, you can instead put in the Pretty Link you have for that site.

With Pretty Link, you can track of every click and redirects to a particular Pretty Link that you created.


And there you have it! Within a week, you can set up a blog and the basic elements that you will be needing for it to skyrocket. Of course, you can always work more than a week in setting it up. Just know that what’s important is that you will be including your best facets into the content because passion fuels it harder more than anything else.








How To Create A Website For Non-Techie Bloggers

How To Create A Website For Non-Techie Bloggers


Creating personal blogs or websites had been around since the modern era of the Internet. Some of us have started our personal portfolios years before and with the constant upgrades being born on the Internet, it is only natural that we are wanting to go with the trends to reel in more followers.

We will be talking about how to metamorphose your old, boring sites into a beautiful one outfitted to the current you. After all, our sites are our public showroom⏤our work and our brand.

Non-web designers would need to take online courses just to redesign their websites. While we can also hire web designers to do the job for us (especially if you have the financial resources to do so), doing all the work by yourself will give you a more personalized look and feel for your site. Add to the fact, that it is actually fun!

Join me on my journey to redesigning my website as well as teaching you the process step-by-step. I have chosen Divi as the main tool we will be using throughout the course.

To give you a sneak peek of my current blog

This course is for people out there looking to redesign their old blogs or websites. This can also be for the newbie bloggers.

I will be focusing on the WordPress Elegant Theme, Divi. More specifically with the modulesplugins, and templates. And as an illustration for this course, I will be using my own blog to show the step-by-step processes.

Tutorials for each Divi features will be shown along the way. The following features can be used for years on end, even with the constant updates of software and applications for web design.

Tools Needed:

Hosting: SiteGround

Divi Theme by Elegant Themes

What To Know Before Redesigning Your Website

Deciding on redesigning your old website can only mean that there is something lacking with it. But before you dive right into the process, assess first what is it that you want and don’t want.

Here’s a checklist:

  • Enumerate the features and content of your site that is still working for you
  • Enumerate the features and content of your site that no longer works for you
  • Enumerate the features and content of your site that you still want to keep
  • Enumerate the features and content of your site that you can now dispose
  • Enumerate the NEW features and content that you plan to add when you redesign your site

Ask yourself, “What do I want my new website to do for me?” and “What’s not on my site before that I want to be present after I redesigned my site?”

Does your old site serve a great portfolio of yourself and your works? Does it scream “Yup, this is me!”?

I want my newly redesigned site to…

✔ express my three characters: VisionaryCrafty, and Authentic

✔ to create an optin form for my website so that people can join my mailing list and subscribe to my newsletters

✔ give focus to the products and services that I sell such as my online courses, ebooks, and freelance services

✔ gain more social media followers through my new, optimized website that also allows a more efficient line of communication with said audience

Establishing The Foundation Of Your Website

I understand the feeling of excitement towards redoing and redesigning our website. But going into battle without proper plans and strategies ahead will not guarantee you success. It is crucial to make some prior ideas of how you would want your final output to look like.

As a bit of an old soul, I prefer writing down my ideas on paper rather than mobile application or what not. As long as you hold off on doing the website without any plans ahead, we’re good.

As mentioned earlier, we should start by making a site inventory first. To define, a site inventory is a list of all the content that will be included on your website. It doesn’t matter if this list turns out to be draft in the end, as long as you have some generalized ideas of what you want, you can start.

In a navigation chart, you put in all the content of your site inventory but organized according to the main pages and secondary pages where they will be located after you’ve set up your site. A navigation chart is important so that you can provide an easier navigation for your visitors.

For example, you will see on my homepage all the links to the other pages. This is my navigation chart.

I don’t have secondary pages under my main pages though. I might add some in the future when my visitors and content continue to develop.

For my site inventory, as an example, let’s look into my About page. Here you will see some content like a welcome greeting to my visitors and “Why I created this blog” sections.

To sum it up, the navigation chart comprises all the content you have written in your site inventory.

Creating a site inventory and navigation chart ensures that your website has a substantial foundation for you to work on. It doesn’t matter if you’re site inventory and navigation chart will not be followed thoroughly as you redesign your website. It might change as you go along. But never skip this step. You can never really start with a blank paper as it will only result in muddled up ideas.

When you’re done with the two, you can start thinking about the look of your new website.

The Visual and Vibes of Your Site

After the vital process of making a site inventory and navigation chart, we can now proceed to the most awaited part: designing the look of your site.

Remember in our earlier lessons, we discussed about thinking of what we want and do not want to be included on our new website before starting on the design itself.

For now, let’s start with the color scheme.

Usually, we pick colors that are our personal favorites. But for some who would like to go out of the ordinary, one method is to think about the adjectives that you would want to describe your website.

For example, you want to your site to give off a girly feel (like mine) because that is your personality, you can choose feminine colors like pinks and purples. For the design, you can add florals and other feminine accents.

I picked colors that I like: pastel pinks and blues. It might be a little too feminine for other people’s taste but I personally would like my site to be a reflection of me. Besides, I feel like pastel or light colors give out a soothing effect and is very refreshing to the eyes.

I want my visitors to know about me even through the tiniest details in my site such as my color preferences.

For my fonts, I picked out google fonts for most of the content. It’s important to choose fonts that are readable. Your blog posts, contact information, etc. do not need to be in overly dramatic font styles. Otherwise, your visitors will tire of reading your blog and you might even lose some subscribers. I would suggest that you use only 2 types of fonts.

The only unusual font on my site is the logo. The words ‘The Blog’ is written in a cursive manner. Our logo should be eye-catching BUT again, not too dramatic. Something that would draw enough attention to it is enough. It’s also important for it to be in a font size that is a little bigger than most of the content so that it is emphasized.

Looking for Potential Themes to Use

Themes are the backbones of every web layout. It gives an overall aesthetic appeal to your site that adds some sort of bonus dimension to your content. In fact, it is what first catches the attention of your visitors.

I will now teach you how to pick a theme and preview them without making permanent changes.

Go to your WordPress Dashboard.

Appearance then Themes.

I am currently using a Divi child theme (see: How To Make A Child Theme) so it’s easier for me to make modifications that are not permanent. I am still in the trial and error phase and I highly recommend the same if you want to experiment for now and if you are not a techy person. This will save you time on redoing the entire site if you ever change your mind later on.

To preview themes, go to Elegant Themes. Scroll down to “Browse Our Themes”.

Since this course will be focusing on Divi theme, we’ll pick that for this demonstration. Click “Learn More”.

Click the “TRY IT FOR FREE” button”.


And you will get a full preview of how the Divi 3.0 works. You can play around for awhile so you can test out its features. It’s a FREE demonstration. (the only problem I’ve encountered here is that I cannot upload my images so I need to purchase the annual fee first.)


To get access to ALL of Elegant Themes’ themes and plugins, you must subscribe to them.


Checklist and Recap of Important Points

To refresh our memory, here are the steps we must take into account when deciding to redesign our website:

  • Explore your old website one last time: Look for the things that you want to retain and what needs to go. What new features would you want to add to your new site? What are your goals for your new site that you didn’t get to achieve with the old one? These questions will be your starting point.
  • Search for websites which you can draw inspiration for your new site: If you are not contented with the free demo in Elegant Themes, you can research sites that use the same theme that you picked. If you haven’t picked a theme yet, do the same. Research for sites that you find appealing and list down which of its features would you want to have on your site.
  • Do your site inventory and navigation chart: Please, do not skip over this step. Starting your site without clear (or at least vague) plans will waste a lot of your time. If you can, create a timetable as well so you can tick off agendas for each day as you do the redesigning according to your site inventory and navigation chart.
  • Visualize the look of your new site: You can start imagining in your head how would you want your new site to look like. The visual aesthetics include the colors, fonts, photos you want to include. The most important point here is to have your site be a representation of who you are. Feel free to list these down as well so you can look at it later.
  • Create backups of your old website: For assurance, you might want to create backups. The tip here is saving your files in multiple places, online and offline, so you are sure that you will not lose data permanently. You might also want to install the latest version of WordPress and remove themes and plugins that are no longer needed. This lessens the clutter in your Dashboard.
  • Download the theme from Elegant Themes: You can’t directly apply a theme from Elegant Themes into WordPress. You would need to download it first and verify that it is located in the Themes folder in your remote server.
  • Use a child theme: This is optional but I highly recommend to do this if you are still unclear about your directions. And I guarantee that you will be making several changes again and again through the process. This is a wise decision so that you will not lose any changes and you can get them back if you want to take a step back from your progress.


Customizing Your Website

Putting Up Your Favicon and Logo

favicon is the little icon in the tab of your website when it is open in a browser.

And your logo is your main graphic that represents your site.

To upload your favicon and logo:

Go to our Dashboard. Then Divi → Theme Options.

Go under the General settings. Upload your image files for the favicon and logo.

Make some modifications according to your preferences (optional). Scroll down and click Save Changes (the Save Changes button is also located at the top).

*Don’t forget to click ‘Save Changes’ every time you made some edits.

Fixing the Main Menu

Your main menu is the navigator of your site that’s why it is important to keep it neatly organized and properly compact for easier access to the different pages and posts you have.

Go to Dashboard → Divi → Theme Options.

Go under Navigation → Pages.

Here, you can check and uncheck the pages you want and not want to show up on our site.

Click Save Changes when done.

For a live preview of your site as you adjust settings, you can go to Theme Customizer located under Divi, still on our Dashboard.


You will be redirected to a page that looks like this:


Click on Header & Navigation.

  • Header Format – how your header and menus will appear at the top
  • Primary Menu Bar – settings for your main menus
  • Secondary Menu Bar – settings for your sub-menus
  • Fixed Navigation Settings – layout adjustments such as fonts, colors, etc.
  • Header Elements – enable/disable social icons and search icon

You can adjust settings here whichever you desire.



Let’s now get started on our menus. To arrange the content for our main menus, go to Menus.

*Note: In menus, we can only arrange the pages we want to show up in each primary menu and which secondary menus are contained in a primary menu.


Click View All Locations.


Click Edit Menu.


You can add and remove pages, rename them, or rearrange them in any order.


If you want, you can add a child page under a parent page such as in my Creative Blog Shop under my Shop menu.


Also, make sure that you checked off your Primary Menu (found below the settings above, just scroll down) to make it active.

Setting Up Homepage or Any New Page

Your homepage is the front runner of your site once someone visits it. You would want to include the basic yet most beneficial content you can offer so that you can entice your visitor even just through your homepage.

Setting up your homepage is the same as setting up any page so I will teach you that.


To set up a new page, go to your Dashboard → Pages.


I already have all the pages that I want for now so I won’t be adding a new page. It’s easy enough. Just click the Add New button at the top (beside the word ‘Pages’).


When you click Add New, you will see something like this:

You can just input the title of your page and add some content. Hit Publish on the right panel to make your page active and viewable in your site.

Using the Divi Builder

Earlier, I taught you how to upload your logo and favicon plus setting a new page using the basic WordPress editor. We will not begin utilizing the functionalities of Divi. Remember that you can interchangingly use the WordPress editor with the Divi builder. You can just make two draft copies of the page you’re creating so you will not lose the old layout and content.

Divi Builder allows a drop-and-drag function for customizing your content. Just click the purple Divi Builder button to get started:


The Divi Builder looks like this:


To load pre-existing templates, hit the Load From Library button. (If your Divi Builder had an update and the Load From Library changed into Load Layouts. From there, you can just search up layout for various pages that you will be adding on your site.)


You can choose among their predefined layouts or you can load one from the library.


Let’s say we’re going to pick the ‘Coming Soon’ template. Click Load beside the template name of your choice.


The previously empty Divi Builder will now load with the pre-existing modules of your chosen template.


You can click on the three lines (Module Settings) on the upper left corner of any of the modules to make some customizations for your content to your new page.

Continuation in Making a New Page with Divi Builder


Going back, when setting up a new page, create a title for it first. Note that you would not really see the title of your page on your actual website.


Follow the same steps in the previous lesson, starting with clicking the purple Divi Builder button.


Load your chosen template, make edits, and when done, click Publish.


We want this page to be a static page and we want to make sure that it appears on our homepage.

Go to Theme Customizer under Divi on your Dashboard.


Click on Homepage Settings.


Select the new page you have created by its title or name from the drop-down menu. Also, make sure that you have the A static page option ticked off.


Click Publish at the top (or in some instances Save & Publish).

Fullwidth Slider

Every pre-existing templates come with different modules. I will be using a different template this time as the ‘Coming Soon’ template did not contain a fullwidth header module.

I am using the ‘About Me’ template for this demonstration.

Click on the three lines (Module Settings).


You can add new slides here.


Select a background for your fullwidth slider. It can be a background color, gradient, image or video.


My tip here is that you should NOT choose colors, gradients, images, or videos that are unpleasant to look at. These are materials that can be a little too bright (e.g. neon colors), images that are loaded with different elements, etc. Make sure that your background will complement well with the text color on top of it.


Click Save & Exit when done (if you feel like the setting you have made will be useful for other pages, you can choose Save & Add to Library so you can easily load the already adjusted settings instead of doing it all over again).


To show a sample of a “harmonious” background and text:


Light background with a dark text (or vice versa) is a perfect combination. It also helps that the background image that I have picked features a clean space in the middle with the elements on both sides.

General Settings and Social Media Links

For assurance, check your site’s settings from time to time. It contains basic information and settings of your site like site title, site URL, email used, etc.

In your Dashboard, go to Settings then General.


Consider checking your Permalinks as well (found under Settings).

Entering certain SEO keywords in your site’s URLs will help in gaining more traffic. Just be sure that you are using a URL that is not the Plain or Default one.

If you have social media pages for your site (some bloggers would link their personal social media profiles but some do not, like me), you may add their URLs so that they can check them out when it’s linked from your site.

To set up the URLs:

In your Dashboard, go to Divi → Theme Options.

Go under General.


Scroll down until you see the following:

Also, make sure that you have the social media icons toggled to Enabled. Click Save Changes when done.

Customizing the Visual Elements

And by visual elements, I am referring to the font styles, sizes, colors, background, etc.

Go to Divi then Theme Customizer.

I highly suggest you explore the options and settings in here. What’s cool is that you can see the changes LIVE on the screen beside it so you would be able to measure whether you like a setting or not. *The changes will not apply unless you hit the Save & Publish or Publish button at the top.

I will not be discussing this one in full view as they are pretty explanatory. I highly suggest exploring all of the settings. Besides, even if you make an error while playing around the Theme Customizer, none of the changes will apply unless you hit the Save & Publish button.


Continuing to Explore the Divi Builder


To make a blurb, go to your Divi Builder.

Click Insert Module(s).


Select Blurb.


You can add the title of your blurb, content, destination URL, icon, display image, and background.

Click Save & Add to Library or Save & Exit.


An example of blurbs on my site:


In your Divi Builder, click Fullwidth Portfolio.

Click on Module Settings.

You can edit the title, categories for your projects, number of posts that will display as well as the date, etc.

I currently don’t have any projects so I won’t be able to show you how it is done. But for you to be able to categorize them, of course, you would need projects.


You can create new projects or view existing projects (as well as categorized them) by going to:

Dashboard → Projects.

Image Module

This one is very similar to making a blurb.

Click Insert Module(s).


You can upload the image, link a URL to it, and edit the background.


For more options, you can go to the Design tab. In this tab, you can make some adjustments with the alignment, sizing, spacing, border, shadow, and animation.


Click Save & Add to Library or Save & Exit.

Testimonial Module

Testimonials are a great way to rake in customers and visitors in your site. If you are running your services through your site, you should put up former customer reviews of your services. That will convince your visitors (and potential customers) to avail of your services because you are credible and have good feedback.


Click Insert Module(s).


It’s better to use testimonials from people who have their own sites or social media profiles. In that way, they would be credible enough because they are real people. Using anonymous testimonials from anonymous people will not work much.

You can add the name of the author of the testimonial, job title of said author, company


…content or the actual testimonial text (which I recommend to be of average length so that your visitors will not actually tire of reading through it)…

…links to the author’s own site or his/her company’s site, specifically if he/she has her own profile on their site…

…and you can also enable or disable the show quote icon and edit the background.

Click Save & Add to Library or Save & Exit.


Only post testimonials that are permitted by the author. Also ask for permission for using their photo, linking their profile and company’s profile.

Newsletter Sign Up Form

Having a newsletter signup form in multiple pages of your site will work wonders. It may seem annoying to some but that is exactly what we are aiming for. We would want them to retaliate with our advances. It’s good to entice your visitors to put in their email in the form and subscribe. And the only way is to have your form appear in as many pages as you can put it.

In your Divi Builder, look for the Email Optin section. Click the Module Settings.I also want to point out the reasoning for the lime green color for the modules below as opposed to the gray ones. Light green modules in the Divi builder indicates that these modules are saved in the library by you. I have taught you earlier that if you want a module or whatever content to appear in multiple pages in your site (and you don’t want to repeat the steps for each page), you just have to click Save & Add to Library.

And having your optin form appear on multiple pages is paramount.


You just need to enter the details being asked. You can leave out some if you don’t want to have a title for your optin form just as I don’t have one with mine. You can also edit the success message after a visitor has hit the sign up button.

In the Email Account section, select your service provider from the drop-down menu and then select your mailing list. (This may be different for you as I already have my mailing list and the optin form initially setup prior to this course. If you are doing all of this for the first time, you will be shown options to subscribe to newsletter, background colors, text colors, etc.)

Click Save & Add to Library or Save & Exit.

I forgot to mention this earlier, but the eye icon in the Divi builder is a button for you to preview the modules, headers, etc. that you are building. It gives you previews for desktop computers, tablets, and phones.

Desktop computer preview for optin form:

Tablet preview for optin form:

And the preview of optin form in phones:

Some bloggers offer free gifts to encourage visitors to sign up for their newsletter. It is an effective way to convince them. But if you’re just starting out, you can offer free gifts later on when you’ve built up the content of your site.

Last tip for creating a newsletter optin form is testing it out. If you have a spare email, try entering it into your newly built optin form. After subscribing, check your email and see if you have received any notifications regarding your subscription. Confirm your subscription and see if it sends a success email.



About Pages and Number Counters

Creating an About Me or About Us page is also easy using the Divi Builder.

The About page is a crucial factor to reach out to your visitors. Giving a brief background of yourself of your company, what you do, and what are your achievements will persuade your customers to subscribe to your site and purchase your services. People are most likely to choose bloggers who have extensive portfolio and good history.

Dashboard → Pages → Add New.

Click on the Use Divi Builder button.

There exist pre-existing layouts for ‘About Me’ and ‘About Us’ pages.

Load either of the two.

You can just go ahead and edit the content in here. We have discussed them in the earlier chapters. We will now focus on the Bar Counters.

Bar counters are for numerical data that you want to present in your in site. For example, you want to show the number of products you have sold since you opened your site or the number of customers you have catered to.

Click on the Module Settings for the Bar Counters.

You can add in various bar counters such as:

If you want the data to appear in percentages, you can enable this:

Here is a preview (in desktop form) of our bar counters:

Contact Page

A contact form allows your visitors or clients to communicate with you through your site. The Divi builder has pre-existing modules for contact form.

Here is my contact form on my site:

Your contact form should be located on your Contacts page. We already know how to create new pages and there is also a pre-existing Contacts page layout. You can just load it.

The fields are the empty spaces which your visitors would have to fill out with their name, email, and their message. You can add in other fields but these three are the most common ones.

You can put the title for the contact form, a success message after your visitors input their details, etc.

Here is where you enter your email where their messages will be sent:

Enabling captcha and the option of redirecting the visitor after filling out the contact form.

Click Save & Add to Library or Save & Exit.

I don’t have social media accounts or pages linked to my site but to create social media module:

Click Insert Module(s).

Select Social Media Follow.

You can add in the social networks you have, an option on where the URL opens when clicked and displaying the follow button.

Sidebars and Widgets

Here is my sidebar on my site. My sidebar only appears on blog posts and not on all pages.

The ‘Subscribe to Our Newsletter’ optin form is from Bloom plugin. The only other stuff that I have on my sidebar are ads-like images that redirect you to my suggested resources for web design.

But to customize your sidebar, in your WordPress Dashboard, go to Appearance then Widgets.

You can just drag your available widgets and drop them on the Sidebar section.


Plugins and Footer

Bloom Optin Plugin

Bloom plugin has tons of optin forms for your sidebar, footer, or even pop-up forms. You can install the bloom plugin through your Dashboard though I would recommend you to download it from Elegant Themes. Make sure that the plugin folder is contained in the WP content on your server. Just like how we have downloaded the Divi theme earlier.

To preview your active and inactive plugins, go to Plugins in your Dashboard.

Since I have the Bloom plugin installed and active, it appears on my Dashboard. Click on Optin Forms.

It will show you your active optins and their corresponding details. You can edit, delete, duplicate, do some a/b testing with your optins through the icons on the sides. You can also create new optins with the New Optin button.

When creating a new optin, it gives you the option to choose what type of optin form you will be creating.

After selecting your preferred optin type, go ahead and fill in details, edit the design with a pre-existing template which you can customize, adjust display settings etc.

Click Save & Exit when done.

You can also check out the stats of your optins in the optin stats tab.

Creating optins also requires you to link an email account and mailing list/s.

Monarch Social Media Share Plugin

I have social media icons (courtesy of Monarch) on the left side of my site and it appears on almost all pages and posts. You can share my site or a specific post on your social media account when you clicked on them.

Since Monarch is also a plugin from Elegant Themes, you need to download it and make sure that it is installed on the remote server.

In your WordPress Dashboard, go to Tools then Monarch Settings.

You can manage where you want your social media share icons to appear, which social media networks you want to link, icon styles and shapes. *Don’t forget to save changes as you go along.

Display settings:


This whole dark gray area at the bottom of my site is my footer.

You always have a default footer at the start so I will show you how to customize it using the Theme Customizer.

In your WordPress Dashboard, go to Divi then Theme Customizer.

Go to Footer.

For my footer credits, go to Bottom Bar.

Scroll down Edit Footer Credits and enter text.

For the social media icons (even though they are not linked to any of my social networks) on the lower right corner:

Go to Footer Elements.

Check off the box.

Click Save & Publish or Publish.


Visual Builder

Divi 3.0 gives you the latest and most convenient way of customizing your website through its brand new feature⏤the Visual Builder.

With the visual builder, you can directly edit your site and see it live. Of course, your changes will apply only after you hit the Save button on the bottom right corner.

To enable the visual builder, you have to be logged in your WordPress account. Look for Enable Visual Builder button at the top and click.

You can now make edits directly to your pages or posts.

Don’t forget to save your changes!

Okay! So that’s it. I have shown you how to create the most basic elements of your site to get you started. Don’t fret that your site is still on the bare minimum with regards to the content. You can expand as time goes on and as you gain more and more visitors and subscribers.

You can also check out a related blog post for this, Create A Blog in 7 Days.

Happy blogging! ♥



Creative theme: How to make a child creative theme

Creative theme: How to make a child creative theme

If you bought a creative theme and wanted to make changes of it, you need to create a child theme to keep your changes safe when the theme gets updated.

To create a child theme, open the wordpress directory and navigate wp-content->themes. Create a folder for your child theme. You can name it to whatever you like. In our example since we will be making a child for Divi theme, we will call it Divi-Child.

navigation for child creative theme

Open the child theme folder and create two files, style.css and functions.php. These are the 2 required files for a child theme.

files required for creative theme

Next, lets add another files. Lets name them custom-css.css and custom-js.js. These will be the files where we can add our custom css and javascript.

Now that we are done creating the child creative theme files, its time to do some coding. In this example i will be using Visual Studio Code as my preferred code editor. Now lets edit the style.css.

styling of the child creative theme

The theme name will be the name of the child theme. You can put whatever you like. The theme URI can be anything. Description can also be anything you like. Author will be your name or anything you want to appear as the theme author. Author URI can be anything. Template will be the Parent theme folder name. In this example since Divi is our parent theme, I put Divi as parent. Tags and version can be anything you like.

Lastly, open the functions.php and copy the function below.

Some theme does not require wp_deregister_style( ‘divi-style’ ). We only do this in Divi so we make sure we are printing the correct stylesheet of Divi.

That’s it. Go ahead and upload the child theme into the themes directory of your site and you will see a new theme when you navigate Appearance->Themes of your site.

PS: You can also put a thumbnail of your theme, make an image and call it screenshot.jpg. Place it in the child theme folder. Also check out these designs we have for you.

Creative portfolio website Online Shop-WordPress

Creative portfolio website Online Shop-WordPress

Changing Economy

Most people have faced pay cuts and layoffs in their professional career. As a result, more and more people have actually turned out to be more vigilant. to start as independent self-employed professionals with creative portfolio website. They are also focusing on becoming service providers, and traders. A salaried position with a huge enterprise is no more a safe and secure alternative as it used to be.

TsiteShift from Employment to Self-Employment

A change in outlook in attitudes towards work and life can be observed. Maybe the greatest to happen since the industrial revolution. Presently it’s simpler than ever before to make a career for yourself. Also, abstain from depending on an employer for your scheduled monthly paychecks. An increasing number of individuals are forsaking the workplace and conventional 9-to-5 way of life. They are moving towards flexible working from home, entrepreneurship, and freelancing. The barriers to entry are negligible. Anyone can start an online shop nowadays. With a WordPress site, one can open themselves to financial opportunities well inside reach.

How To Start An Online Shop and creative portfolio website

Starting your own shop is a fantastic and phenomenal idea. Working for yourself can be a test and a reward. That is to say, you can literally watch your hard work. have a direct impact on your revenue. Before you can start building an online store and begin adding items, you first require a website. WordPress is perhaps the best site, to begin with. WordPress is sufficiently capable of dealing with a completely functioning web store. In addition to that, it is also simple and an affordable choice. You can customize to suit any of your web-baed e-commerce needs. To make your venture a successful one, you need to start with the creation of an online store. Following are a few helpful tips for creating and promoting your own website:

Online Store Solution

WooCommerce is a standout amongst the most prominent solutions for building an online store. Unlike other online store solutions like BigCommerce or Shopify, WooCommerce. doesn’t come with any additional costs. Also, recurring fee such as the transaction charges each time a customer purchases from you. Likewise, getting WooCommerce to work is a great deal. It is more straightforward than incorporating complex web-based shopping cart programming with your web page.  In fact, you can include and configure WooCommerce on your site independently. That is to say, without any coding abilities or the requirement to hire a software developer.



Buy a domain name and hosting

After picking a hosting website and a domain name and installing WordPress. you need to choose a theme for your web page. If not, then you can opt for Bluehost’s managed WordPress hosting. you can purchase a domain name from Namecheap. Opting for a managed WordPress hosting implies that the hosting provider will deal with your site’s support. Along with the updates, maintenance, and security. By picking a dependable and trustworthy web host. like Bluehost, you can disregard these hassles. Concentrate exclusively on the business side of your store.

SiteGround accompanies a WordPress+WooCommerce hosting as well, but it would not be recommended to take the plunge now. Since it will be a little on the steeper side for your pocket at $12.95/month, in comparison to the simple hosting, which costs just $3.95/mo.

Once you decide on a domain name and hosting , you have to:

  • Install the WooCommerce plugin and configure the settings
  • Choose a lovely online store theme
  • Add a pack of free or premium WooCommerce addons

Choose A Store Design for creative portfolio wesbite

Once you have your core WordPress installation and domain all ready. you can experiment with the aesthetics of your website. An excellent part of WordPress is the huge assortment of website design choices accessible through the use of themes. There are a huge number of free themes accessible on Some of them offer  e-commerce support. However for more alternatives. and more control over the look of your site we suggest picking a premium theme. Premium themes incorporate more design alternatives. they also provide premium help and support and updates from the creator.

Add SSL For A Secure Shopping Experience

Since you are creating an online store, it is critical to buy an SSL certificate. Your website us a “secure sockets layer” certificate to set up a safe connection. between your server and the client’s browser. You can see that in your URL as “https://” (and regularly will show a green lock symbol as well). Fortunately, SSL is genuinely simple to set up with either Bluehost or WPEngine. Beacuse. The two hosts offer it as a premium add-on while you check out when signing up for hosting.

Add Products

Adding products to WooCommerce is as similar as creating posts. You can easily add your products along with their title and short descriptions. for your creative portfolio website. Once you create a product content, you can start with listing the price. Also the SKU, stock status and even more. Further, you can specify a product’s dimensions, weight, etc. using the shipping section and specify a shipping class for it. This enables you to calculate shipping rates and establish shipping methods. You can also link products. The customers will see as suggestions when browsing a similar item and so on. Finally, you can choose the various ways in which your customers can pay you. For example Paypal, Bank Transfer, Cash On Delivery payment methods.

Creative portfolio website
Social Media Graphics Guide to

Social Media Graphics Guide to

sHow to Create Your Own Social Media Graphics Even if you’re not a graphic artist

Do you want to advertise your business using social media platforms? In any case, you need to learn a lot about social media platform you are using. You might be using Facebook, Instagram, Twitter or other similar social media platform. However, making yourself or your page popular on these platforms is not as easy as it sounds. It requires a lot of skills and patience if you want to achieve your goal. Being an experienced website designer, I have noticed one single thing common in all the successful social media celebrities. All of them have awesome looking social media graphics on their respective pages. Most of people who scroll through their social media feed, prefers to view photos to reading long articles. That is why it is necessary for you to have good graphics for your social media page or profile.

Why should you not waste your time learning difficult social media graphics designing softwares?

Many people assume that they can master graphic designing easily. Nevertheless, their assumptions clear out when they look up the traditional graphic designing softwares (like Adobe Photoshop and GIMP). These softwares are extremely difficult to learn. If you want to learn it then there are official tutorials available on their respective websites. However, mastering all of these softwares requires years of practice. Many people buy courses for learning these softwares faster however, they eventually realize that they just wasted their money. Because most of the courses that are available online are not that helpful and they also ask you practice a lot yourself.

For who is this article?

If you are a businessperson or a normal person who wants to become popular on social media platforms then this article suits you the best. Moreover, if you want to advertise your business online and get new leads (and customers) but do not have the luxury of time then you are at the right place. In other words, if you are a busy person and cannot take out time out of your busy schedule to learn difficult graphic designing softwares, then this article is totally for you. Sometimes, it is better to choose the easy way than the hard way. In this article, I will tell you how you can make professional-looking social media graphics without using typical graphic designing softwares or services.

The best social media graphics design softwares that have a short learning curve

Canva: Canva is the one website that I personally use for most of my graphic designing. It is absolutely fun to use and it has all the features that I need for making jaw-dropping graphics. There are many advantages of using Canva; I have listed them down below:

  • It is free: Using Canva is free and you can use this service without paying a penny. It will give you most of the features for free. However, some of the features of Canva are paid. I use the paid version of Canva as it gives some cool features, which are not available in the free version.

  • It is very easy to operate:

    Learning Canva literally doesn’t require much time and you can get used to it in just a matter of minutes. To be honest, you do not need to learn it, as most of the features are quite obvious to use. I would strongly recommend Canva if you want to make dozens of social media graphics easily.

  • It doesn’t require installation:

    It is a web service and thus it does not require installation. That means you can use Canva on different devices without worrying about installation.

PicMonkey: PicMonkey is one of the best tools for easy graphic designing. It has many benefits of its own. It will provide you with all the basic photo editing tools that you will need for making good social media graphics. PicMonkey has more free features if we compare it to Canva.  Moreover, it also has a Chrome Browser extension, which lets you save the images you stumble up the internet. PicMonkey would be perfect for you if you want an easy and superfast graphic designing web service.

Fotor for social media graphics:

Fotor is a new graphic designing web service. Even though it is quite new, it has many awesome features that you will simply love using. It uses HTML5 that is an awesome feature. You can make beautiful collages, design a magnificent header image for your social media profile/page or edit photos to make them perfect. All of this is possible in Fotor without paying a penny. Fotor is the best graphic designing item for those who want an easy-to-use yet powerful software for themselves.

Adobe Spark for social media graphics: Adobe finally took a practical approach towards visual content. Adobe Spark is a very smooth application that is mainly used for making awesome social media graphics. It is also available on mobile platforms so you can promote your social media content on the go. Just capture a picture on your phone and edit it using Adobe Spark. It might not have as many features as Canva and PicMonkey have, but it has more power and flexibility.

An expert advice on social media graphics creation:

Do not think that by not learning the difficult softwares you are missing on something. I can tell you one thing that learning difficult softwares like Adobe Photoshop would be a total waste of time if you don’t want to become a graphic designer. All the tools that you will need for making cool social media graphics are available in these softwares/websites.

Social media graphics creation

Pin It on Pinterest