Create Row and Columns Visual Composer

How to Create Row and Columns Visual Composer

 

Webpage design can be segmented into content with various rows(sections) and columns to make it visually appealing and user friendly. Creating columns in a page of a webpage skill that involves various techniques. In this tutorial we will use Visual Composer: First login to your Website, then go to Pages and Add New.

Give your page a title and click either on Backend Eitor or Frontend Editor, then click Add Element button just above the visual editor and below the title.

 


Select Row from the popup window.

 


Hover over your choices, select 1/3 1/3 1/3 which will allow 3 columns. Visually you will see your row split into 3 columns.

At this stage you will see now the 3 gray boxes with a + buttons at the middle of each. This button allows you add content to the columns. Either text, single picture or post etc. Choose your page element.

 





 


For this WordPress Tutorial click on the + button and choose Text Block. Your Page elements will be populated with sample text.

 

 


 



 

 


You can type your text, insert pictures etc. The same as the default visual editor in WordPress. The visual composer window inherits the standard visual wordpress editor properties and adds such options as inserting posts directly into the columns content blocks.

Save you content, remember to Publish and Update your Page.

Tip: Right click and Open link in New Tab to check you work live on your website.

View our example visual composer page used in this tutorial.

WordPress Themes Explained

WordPress Themes Explained

Basically a WordPress Theme is a set of files that work together to produce an interface with an underlying unifying design for a website.

These files are called template files. A Theme modifies the way the site is displayed, without modifying the underlying software. These files are keep separate from the themes files in folders or directories.

What does the WordPress Theme provide

All of the front end styles of your WordPress site.

  • the overall design or style of your page (header, main content area, sidebar, footer)
  • font styling
  • colors and overall layout
  • widget locations
  • page layouts (the templates)
  • styles for blog posts and blog archives
  • any additional styling effects

WordPress content is stored in a database. When a request is made, the request page is called and transported over the internet. The structure of that content is then formatted(shaped) by the theme and presented to the browser via php and css stylesheets.

 

Dealing with theme from WordPress

Dealing with theme from WordPress themes repository

After logging in on the left sidebar click on Appearance by default themes your installed themes are shown. Click Add New in the top left of the screen.


 

Click on your selected theme for more information.

You can click X to return to themes repository.

Click < to go to your previous theme or > to go to the next theme. This is great to see the theme in Live Preview, meaning you can see a predicated look at the theme. (Better to Activate the theme and check your website. You can always change back later). After you select you theme click Install. Next screen will ask you to Activate the theme.



How to Upload a theme

If you have purchased a theme or downloaded a free one. Go to Appearance >> Themes >> Add New  >> then Click Upload Theme.

Browse to the theme .zip file on you computer and click upload. The time varies depending on internet speed, so be patient

Upload Your Theme in a .zip file

Once the theme is activated and you are happy.


Delete all unused or unwanted theme

To delete a theme. Go to Appearance, click themes and again you will see all you installed themes. Click on the ones you don’t want. Notice Delete in the bottom right of the popup window.

I always delete unwanted themes and plugins. Keep your website size down. Lean and mean as they say in Kerry.

Remove a WordPress Tag

How to Remove a WordPress Tag

Go to All Posts and select your Post to Edit. On the right sidebar navigate to tags. Your tags will be listed in order first will be last or bottom of the Tags list. Click the small x in a blue circle to remove the tag and click Update to save.

 

Create and Add Tags to a Post

Create a tag in a Post Pinguis WordPress Design add tags

We teach how to create and add tags to a Post.

It is essential to add tags to your WordPress posts this will help you organize your content. To help your visitors find their way around your website.

Having logged in, go to All Posts > Add New or click on a existing post. You can then add a tag to it by typing the tag words in the Tags field. Click the Add button. Add as many tags as needed.

 

 

 

Save

Save

Save

Save

Save

Add a category to a post

Best Practices Add a category to a post

How to assign a Category to the Post.

Open the selected post and on the right hand sidebar, scroll down to categories and click the desired category. Update your post.

Alternatively you can add a category to a post by going to All Posts on the left hand sidebar. Hover over the title. In the Quick Link Options, click Quick Edit

In quick edit select your category. Again there are more choices. You can add more tags (remember the comma after the tag) or make this post sticky(this means make them appear above the other posts) or you can change the status of the post(not category) to draft or Pending Review.

Rename a category

How to Rename a WordPress Category

 

To rename a category, go to Posts > Categories and select the category to rename. Then click Quick Edit to Rename your Category.

Tip: Select search terms for your category names

Deleting a Category in WordPress

How to Delete a Category

To delete a category, go to Posts > Categories and select the category to Delete – the post within the category will be added to your default wordpress category. You can also quick edit or rename you category.

WordPress and will automatically move the posts in to the default category configured in the Settings >> Writing.

 

 

Create a category in WordPress

WordPress uses categories to organize your posts. You can have parent and child category making hierarchy of your posts. Enabling you to show exactly the posts you want in your navigation bar, menus, widgets etc.

To create a categories in WordPress, you need to go the Posts >> Categories

 

This page will allow you to create categories. First of all fill in the category Name, its slug, this will be used in the category URL, choose whether its a Parent or child category(adding a parent from the drop downs, makes it a child) add the Category Description, then click Add New Category.
To describe wordpress categories are similar to books. A book has an index of many sections and many individual pages within these sections. Categories can help you organize your web site and help your users find the information they want.

Categories are similar to this index it has many section with subsections with many pages.

A tag is specific and addresses items you discuss in a blog post. Down the line broad to specific or categories own to tags.

Video Playlist in a Posts

Embed a Video Playlist in a Post

With your video ready, click Add Media. Click Create Video Playlist and Create Video Playlist, you will be shown a list of your previously uploaded video’s. If you’d like to upload a new video, click on the Upload Files link at the top of the pop-up window.

Select Create a new video playlist on bottom right and progress to the next screen here you will select to

These are short snippet video’s i have in the media Library. Specific to my business interested.

A single short video is ideal for a looping video header on your home page.