Wordpress theme devlopement Archives - Web Development Company | E-Commerce Development Agency

Why I use WordPress as CMS?

Posted on April 5, 2022 by ioadmin

If you think WordPress is yet another blogging platform, take a quick look at other pages of iogoos.com (right from the homepage). Do you really think we could do this with “Just-Another-Blogging-Software”? Absolutely not!!

Custom Pages, Custom Widgets, Photo Galleries, Portfolio, eCommerce! What, out of these, and even more hasn’t been set up using WordPress.

Only recently, I updated my portfolio with more websites that I had finished, which were not under non-disclosure policy. After adding these projects in my portfolio, I realized that in accomplishing 90% of my work, WordPress plays the role of a CMS. With all the work done so far I am amazed by just how much of its capability I have discovered and how much of it is still unknown to me. Here are a few things that my clients ask when I recommend using WordPress, even for static websites, and what I’ve to say to back my recommendation.

Is it easy to use?

It is The Most Robust and Feature-Filled Platform, which is not only easy to use, but also, very much user friendly. So far all my clients are really happy with the decision to use WordPress as a backend. Moreover, WordPress.tv has made our lives much easier. I refer my clients to this website to learn the features and backend functionality while I am busy creating the best solutions for their requirements.

I need a blog as well…

I guess everyone has realized the value of blogging for their personal and professional web presence by now and most of my clients ask for a blogging platform with a unique and custom website design. It’s really easy to create a few custom pages within WordPress, rather than, creating a WordPress theme that matches the website design. And its really easy to embed WordPress features on these static web pages.

What about Search Engine Optimization?

I am pretty sure you are not new to this term and would want your website to be listed in top search results. With WordPress, you can use plugins like All in One SEO Pack, just to name some, that does most of the work without user intervention. SEO is a wide topic and there’s a lot that needs to be done to achieve good search engine rankings. However, a WordPress installation with a few plugins can help you get there without much hard work. You might want to check a few posts I have written on search engine optimization.

What all WordPress can do?

Honestly, I can’t deny that after using WordPress I haven’t even cared to search for any other CMS. WordPress is an amazing platform which can be customized to create Personal websites, Portfolio, e-Commerce, Galleries and Photo Blogs, Magazine or News websites, Article Libraries and a lot more. If you are comfortable with custom functions and template tags you can actually do wonders with just a single custom WordPress theme.

I don’t know programming?

While creating websites for my clients, I make sure they don’t have to spend their valuable time learning xHTML/CSS to update their websites. I have taken WordPress customization to next level where it provides a separate section in admin area to update the front end of our custom themes. It also has WYSIWYG capabilities where you can update and stylize the content which is not a part of WordPress post or page.

Moreover, these custom functions don’t save any data in core WordPress database tables (wp_options) so there’s no chance it won’t work with any other plugins and features.

Here’s a screenshot of Custom Theme Options I provide to make my client’s life a bit easier.

Theme settings

That’s not all, to add a few more features in the list…

WordPress is Free and Opensource
WordPress is easy to install and upgrade
WordPress is standard compliant
WordPress is Popular (CNET, Ford, ZDNET and various other popular sites has used WordPress as a CMS)
Free support from a vibrant and amazing community of developers and contributors
Huge amount of documentation is available
Plugins are available for almost everything you can think of

I bet no other CMS can compete with this master piece. If you are using WordPress as CMS please drop your website links in comments. Don’t try to spam as a very powerful spam protection plugin (Akismet) comes with its default installation 😀

Check Our Portfolio

Enable Auto-Complete Search in WordPress Blog!

Posted on March 30, 2022 by ioadmin

“One sometimes finds what one is not looking for”

I am pretty sure that you are aware of Google Search Suggest and Yahoo Search Assist features. This feature helps you effortlessly find exactly what you’re looking for. No doubt, it lists a few suggestions to keep the user looking for more and more.

As you type something in the search box, it automatically offers search terms and phrases in real-time. How nice will it be to have the same feature on your website or blog. In this post, I am going to explain an easy way to add a search suggestion feature to your WordPress blog or website.

Things You’ll Need

jQuery: You can download the latest version from jQuery.com
Autocomplete Plugin: Download this plug-in by Jörn Zaefferer from //bassistance.de

Now let’s play with some code

Include this code within <head>..</head> tag.

<script type=text/javascript src=js/jquery.js></script>
<script type=text/javascript src=js/jquery.autocomplete.pack.js></script>
<link href="js/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />

Here I am assuming you are using “js” folder to keep all your java scripts and supported files. You may need to update the location of these files based on your folder setup.

Here’s the actual jQuery code to enable this feature on an input box:

<script type=text/javascript>
    var data = "Search Terms Separated With Spaces".split(" ");  
    $("#myInputBox").autocomplete(data);
</script>

Variable “data” hold the terms that you would like the user to see in the search suggestion list and $(“#myInputBox”) is the id of the search input box.

Let’s check out how we can automatically call WordPress tags in our search suggestions, using WordPress wpdb class:

<?php 
    global $wpdb;
    $search_tags = $wpdb->get_results('SELECT name FROM $wpdb->terms');
    foreach ($search_tags as $mytag){
        echo $mytag->name. ' ';
    }
?>

Here I am using WordPress wpdb class to fetch all tags assigned to the posts.

Here’s the complete code to enable this feature on your WordPress blog. Just replace the folder name with actual folder and the jQuery selector $(“#myInputBox”) with the actual id of search input box.

<script type=text/javascript src=PATH_TO/jquery.autocomplete.pack.js></script>
<link href="PATH_TO/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />
<!-- This goes in the head -->
<script type=text/javascript>
	$(document).ready(function(){  
		var data = '<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>'.split(" ");
		$("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);  
	});
</script>

Don’t forget to add your inputs in the comments section below.

Let’s Check Our Portfolio

WordPress Themes & Why You Should Have Unique Design

Posted on March 25, 2022 by ioadmin

When you have a website or blog you want to stand out from all the other websites, which is why having a good WordPress theme that sets you apart is so critical. There are millions of websites that are run using WordPress and with that, there are many themes out there that are being used many times over. This can cause your website to look like many other websites if you are using one of the standard themes out there.

If you can find a theme or someone to create a WordPress theme for you that is unique, you will be one step ahead in terms of branding and making your website stand out. Free WordPress themes are not the best way to go because anyone can have the same exact design as you. Not only will it not stand out to your visitors, but search engines as well. If someone comes across your website and they have seen that design before, they may think twice about visiting your site again.

The search engines will also see your site as the same as many other websites on the web. This can play a role in your website ranking well for any keywords that you want to be ranking for. Search engines have been cracking down on all the non-unique, or otherwise spam-type websites. One way that the search engines will see your site as a spam site is the design and layout. If your website is the same as millions of other websites, they will automatically put your website on hold until it creates some authority.

In conclusion, the best way to create brand equity and build a brand for yourself or your company is to have a unique design. Visitors and search engines will see your website as a legitimate source for quality information or products.

Check Our Portfolio

CSS3 Animation – Stylish Links and other HTML elements

Posted on March 2, 2022 by ioadmin

Links, Links, Links!! That’s what we have all over the internet. On our website and blog posts, we have a lot of links to point a user to another page. Today I will share a small trick to stylize the links with CSS3 Animation. That’s what I’ve used on this website and you can apply the same as well to change the link color with style on hover.

CSS3 Animation

With CSS3 animation, we can add some effects when changing from one style to another without using any flash or javascript. We will use CSS animation transition to add some cool effects to the anchor tags.

How it works

CSS3 transition effects let an element gradually change from one style to another. To do this we must specify two things:

Specify the CSS property we want to add an effect too.
Specify the duration of the effect.
Optionally we can specify “transition-timing-function” which is set to “ease” by default however, we can use any of these.

 linear|ease|ease-in|ease-out|ease-in-out

Now let us play with CSS3 Animation transition

HTML Code

<a href="#" title="" > CSS3 Animation - Color </a>
<a href="#" title="" > CSS3 Animation - Background Color </a>
<div > Change Width </div>

CSS Code

.color-animation{
	color: blue;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-ms-transition: color 1s ease;
	transition: color 1s ease;
}
.color-animation:hover{
	color: red;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-ms-transition: color 1s ease;
	transition: color 1s ease;
}
.background-animation{
	background: blue !important;
	color: white !important;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	-ms-transition: background 1s ease;
	transition: background 1s ease;
}
.background-animation:hover{
	background: red !important;
	color: white !important;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	-ms-transition: background 1s ease;
	transition: background 1s ease;
}
.change-width{
	width: 150px;
	background: #444;
	color: #fff;
	margin: 20px auto;
	padding: 10px;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	-ms-transition: width 1s ease;
	transition: width 1s ease;
}
.change-width:hover{
	width: 350px;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	-ms-transition: width 1s ease;
	transition: width 1s ease;
}

Try this code on a blank HTML page and add the CSS either within ... tags or in your stylesheet. Play around a bit with the CSS to understand the CSS3 Animation transition and create some cool effects for your website links and other block-level elements. Feel free to discuss this further in the comments. You can also contact IOGOOS Solution to build Website Animation Services.

Website Development Services

Tag: Wordpress theme devlopement

Why I use WordPress as CMS?

Is it easy to use?

I need a blog as well…

What about Search Engine Optimization?

What all WordPress can do?

I don’t know programming?

Enable Auto-Complete Search in WordPress Blog!

“One sometimes finds what one is not looking for”

Things You’ll Need

Now let’s play with some code

Here’s the actual jQuery code to enable this feature on an input box:

WordPress Themes & Why You Should Have Unique Design

CSS3 Animation – Stylish Links and other HTML elements

CSS3 Animation

How it works

HTML Code

CSS Code

When We Work Together

Let Us Call You Back

Is it easy to use?

I need a blog as well…

What about Search Engine Optimization?

What all WordPress can do?

I don’t know programming?

“One sometimes finds what one is not looking for”

Things You’ll Need

Now let’s play with some code

Here’s the actual jQuery code to enable this feature on an input box:

CSS3 Animation

How it works

HTML Code

CSS Code

When We Work Together

Get In Touch

Let Us Call You Back

Start Your Project