Google Font Directory

Not long ago, I wrote a post about how one can utilize font web services like Typekit & Fontmeup to improve the typography of the webpages. Although, in order to utilize the actual power of these services one needs to shell out money from their pockets. Well, in order to fight the issues of improving the typography of the web pages, Google has come up with Google Font Directory. This is made possible with the help of CSS3 that allows web designers to use fonts that are stored on the web.

Prior to this, we were using WP Cufón, a WordPress plugin that lets you use the Cufon technique to display various fonts on the web page with the help of javascript. If you are interested in knowing the working behind Cufon then check out this link. However, with the launch of Google Font API, one can easily use the fonts available in the Google Font Directory. Thanks to Adrian, who has created WP Google Fonts, a WordPress plugin already using the Font API. We are currently running this plugin to improve the headings [h1, h2, h3....] of our posts and pages.

WordPress 3.0 RC1 is out! Expect the final version soon

WordPress 3.0 - The Ultimate One!

Last week, WordPress 3.0 RC1 was released. RC1 is supposed to be almost the final product where the bugs are generally not available. You can take version RC1 as the last step towards releasing the stable version. Well, it stable enough that it may get released as the final version, however with more than 20 million people using WordPress, it is a possibility that there may be more bugs that can be reported. We’ve already discussed about the upcoming and much awaited features like Custom Menus, improved custom post types, merger of WordPress MU as mult-site in WordPress 3.0, so I wonder if its necessary to talk about it again?

Although, If you are testing the RC and come across a bug, you can:

• Report it on the wp-testers mailing list
• Join the dev chat and tell us live at irc.freenode.net #wordpress-dev
• File a bug ticket on the WordPress Trac.

Happy BirthDay WordPress!

Cake with WordPress Logo

On 27th May, WordPress turned 7! I’ve been late in wishing WordPress a happy birthday! Although, I did read somewhere – Its Better to be late than never! And I’m still wondering that what would be the apt gift for this occasion, may be you can suggest me something!

Its been 7 years and WordPress has grown from  b2/cafelog fork into a powerful CMS that is competing with the likes of Drupal, Joomla and other established content management systems. I’m sure writing this blog post would have been nostalgic for Matt. He shared that there are more than 1500 developers who are actively contributing in the development of WordPress and I must say that its an achievement! Motivating people to contribute together and to build a master piece like WordPress is really a commendable job and they all deserve millions of thanks from every WordPress user.

I remember that how I liked Blogger over WordPress in its early days, however as it was embraced by developers and I learnt new stuff, I realized that if I want to be a professional blogger, then it has to be WordPress and nothing else! Aha! not only for Matt, its kinda nostalgic for me too :)

I would like to once again wish Matt, team Automattic, those 1500 developers, plugin developers, theme developers [;)], those who use WordPress, those who spread the word about WordPress, in fact anyone who loves WordPress for making this a success!

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• Your blog design as your first impression in the virtual world (0)
• 11 ultimate resources to help you become WordPress champ! (24)
• WordPress 2.8 features! (0)
• Feedburner – the quality has gone down since they joined Google! (6)
• Maintain a WordPress blog in hindi, tamil, telugu, arabic and other languages (3)

Some of you will be surprised that why exactly is the post not about the linux web server setup for WordPress blogs. The reason is that one of my very good friend Shridhar Pare, owner of Xisto Network gave me a visit. As you can imagine we had long discussions about web, web hosting and forums where the knowledge lives. This is one of the reason that why I’m writing about Forums and not writing about hosting.

In my earlier post, I’ve discussed that how bbPress should be a plugin for WordPress. While going through my Google Reader, I came across a post by Dougal Campbell where he asks the question that if users like the idea of using WordPress itself as forum! Even Justin Tadlock has dwelled upon this idea before and has created a mockup about his idea [via Patrick Daly]-

I’d thought about this before and I completely believe that it would be fantastic to use WordPress as the forum. It is easily possible to create a theme for WordPress that looks like a forum, P2 Theme is a great example where the full editor is made available directly in the theme, which is one of the major features of forums. Lets see that how WordPress can provide the major features and where it lacks -

Forum Features that WordPress can provide

1. Forums post can be made through WordPress posts.
2. Categories can be the Forum sections.
3. Comments can be the forum replies.
4. Member profiles is part of WordPress by default.
5. Fantastic editor that lets users easily share photos and embed videos [remember: WordPress 2.9.2 has oEmbed support]

Of course, there are other features that you can have with the help of plugins that are available for WordPress and here are some of them that will always be useful in case you decide to use WordPress as forum -

1. Akismet can help protect you from Spam posts.
2. W3 Total Cache can ensure that there will be less burden on server.
3. Gravatar can be used in place of Avatars.
4. All in one seo pack can take care of the SEO of the forums.
5. Then there are plethora of plugins related to social media that can help you in building forums.

Forum features where WordPress lacks

1. There aren’t possibilities of creating private forums.
2. Membership level management is not as powerful as one would like
3. Private messaging systems

Well these are some of those features that aren’t in WordPress and the trouble of all this will only be experienced by those forum administrators who have larger forums otherwise major features are already covered by WordPress. There are plugins like SimplePress and BuddyPress that can give you more advanced forum features, in fact SimplePress is a plugin that converts WordPress into a good forum system. I haven’t played around with it so I wouldn’t be in a position to comment on the performance of it however, with the long list of features, I was certainly impressed.

What do you think about using WordPress as forums? Will you prefer your favorite CMS for running forums or will you prefer to use commercial solutions like Invision Power Board, vbulletin etc or will you be interested in using an open source solution for the forums?

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• WordPress TV launched – learn wordpress through videos! (0)
• What you need to try before upgrading to WordPress 2.7 (1)
• How to add a Flickr PhotoStream to your WordPress Blog (1)
• My Branford Sports redesign (0)
• How to have a multiple installation of WordPress with in one single database ? (6)

Video for the Lazy Fellows!

Highlight Features of WordPress 3.0

• New menu management feature – This feature will let users to build custom menus with ease. This feature was released as a plugin by WooThemes guys for their own framework, however after Automattic approached them, they allowed them to integrate this feature in WordPress 3.0. Isn’t that generous?
• Improved custom post types, custom taxonomies including hierarchical support – As WordPress becomes the top choice in CMSes, it is getting lot of features that are focused towards easier and better management of content. Custom Post types and custom taxonomies will make things easier for WordPress consultants to customize the websites easily. Learn more about Custom Post Types in WordPress 3.0 over here.
• Focus on Themes – New theme “Twenty Ten” will be the only default theme in WordPress. Kubrick & Classic themes will be removed although they’ll be available in the WordPress themes extend. Other than the shuffle of the themes, coders can also rejoice as they’ll get improved child theme support and a feature where bloggers and web admins will be able to update all the themes in one go. We
• Standalone WordPress and WPMU code merged – So if you want multiple blogs on a single WordPress installation then it surely won’t be problem. You can configure WordPress 3.0 to host multiple blogs as sub-directory or sub-domain. If you are interested in using multiple domains on single WordPress installation then don’t forget to check out Domain Mapping Plugin by Donncha, lead WPMU developer. There is much more comprehensive guide on how to create blog network with WordPress 3.0 over here.

I’m sure now you’ll be convinced that you’d want to upgrade to WordPress 3.0 right away, however it won’t be available till next month i.e. May 2010. Although there are few other things that have changed in WordPress 3.0 and lets have a look at them -

Other Important Features in WordPress 3.0

1. Choose username & password at installation – As we have already discussed that keeping “admin” as the username is not cool but it makes life easier for hackers. To avoid this, WordPress 3.0 will let you choose your desired username during installation itself! Thanks WP Cookies for the image.

2. Custom Backgrounds made easy – WordPress 3.0 will support custom background for themes. By adding only 1 line of code in functions.php of the theme, users will be able to change the background of the blog with lot of ease! This means that any user will be able to literally change the look of their blog in couple of clicks.

3. Introducing Super Admin – Till now, “Administrator” role was the top user and it was able to do all the tasks. However, now there is a new user role i.e. “Super Administrator”. This new user role will be able to manage everything from individual blog features to multi-site features.

Well, there are hell lot of new additions or changes that anyone would love to list in a blog post, however its practically impossible to do so. Some are even way too difficult to explain – however those who are interested in the nitty gritty of the development can head over here and check out the current development process.

I must say that I’m UBER EXCITED about the release of WordPress 3.0. One of the key reason is that WordPress 3.0 will help theme & plugin developers a lot. Its shaping up as a mature CMS and it certainly helps us in faster development. You won’t believe, I literally wish every day that it gets released ASAP! What are your thoughts about WordPress 3.0? Will it be able to compete with Drupal anytime in near future?

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• How to have a multiple installation of WordPress with in one single database ? (6)
• Move your feed address because Google has made the move! (0)
• WordPress 2.6.2 released – Update it ASAP! (0)
• Make your WordPress merchandize for personal use! (5)
• MakeTheDaysCount.com design (0)

In last post, I told you about Content Delivery Networks and how to use them along with WordPress. Although, now I can suggest that one should certainly use Content Delivery Network as I’ve experienced the change in speed myself! Yesterday, I implemented CDN on this blog and the notice is considerable. The pages that used to take around 9 seconds to load are now loading in about 5 seconds. That’s a decent amount of difference! Now, I would tell you some of the questions that I had in my mind and I’m sure that you will be having them too -

Is it a costly affair?

Content delivery networks are considered to be costly, however surprisingly they are not. Most of the CDN providers run on Pay as you go pricing model and that lets you take control of things. In order to run the test, I signed up with MaxCDN, they have a fantastic offer – they are giving away 1 TB for $ 10. Of course, this is a trial run and a customer will be charged near about $100 for the next 1 Tb. Anyway, I’m not trying to promote any CDN provider, I went for MaxCDN for couple of reasons -

1. It was cheaper than other CDN providers.
2. It has been referred by Mashable, Joost de Valk, W3 Total Cache and I think that was more than enough for me.
3. 1 TB will run for months, there is no monthly payment, so I don’t have anything to lose.

Is it really hard to setup the CDN?

I wasn’t sure about this answer because there wasn’t anyone to tell me that how should I go about it. However, while playing with it – I realized that it is way to simple to setup the CDN. Of course, it would have been a nightmare without the W3 Total Cache. I just don’t have enough words for the praise of this plugin, still I would try to sum up in 2 words – Simply Marvelous!

So what’s the procedure?

I did the setup on MaxCDN and therefore, I would mention the steps for MaxCDN and W3 Total Cache settings only. If you plan to use any other CDN then you may have to refer to their support. I’m assuming that most of the CDN providers will have similar options only. Anyway, here’s how I completed the task -

1. Create a Pull Zone on CDN provider. In this (screenshot) most of the settings are generic, the only place where I got confused was Origin Server URL section. Anyway, I used the following settings and created the pull zone.

2. Asked WPWebhost to change the CName record as asked by MaxCDN. In many cases, Cname can be changed by you only, however WPWebhost doesn’t give the direct option to its users. However, support team was pretty quick in making the change. After the change, I waited for about 10-12 hrs for propagation. I tried to check http://cdn.blogdesignstudio.com and once I saw the whole website load without issues, I thought that it must be the right time to make changes in W3 Total Cache settings.

3. In the General Tab of W3 Total Cache, make sure that CDN should be enabled and the type should be selected as Origin Pull (mirror) [as shown in the screenshot]

4. In the CDN Settings tab of W3 Total Cache, you can configure various options related to what you want to use through CDN and what exactly you want to serve using your own web host. What I changed was just one value; ensure that you need to just put the value of Custom CDN Domain (of the first screenshot) in “Replace Default Hostname With”. Here’s the screenshot of what I have -

That’s it! I just saved the settings and everything was working neatly for me. If you get decent traffic and want to ensure that your blog loads faster than others, then you should surely use a CDN. In the end, I can say that I’m happy with what I’ve achieved – I’ll be posting more optimization techniques to ensure that we also contribute in making the web faster!

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• Is your WordPress blog design good enough to be showcased? (2)
• Blog Design Studio Edge – Minimal wordpress theme with javascript effects! (22)
• Full Website on WordPress for Dynamix Outsourcing (0)
• Move your feed address because Google has made the move! (0)
• 5 changes in themes, which should be made by every wordpress user! (0)

A content delivery network or content distribution network (CDN) is a system of computers containing copies of data, placed at various points in a network so as to maximize bandwidth for access to the data from clients throughout the network. A client accesses a copy of the data near to the client, as opposed to all clients accessing the same central server, so as to avoid bottleneck near that server. Content types include web objects, downloadable objects (media files, software, documents), applications, real time media streams, and other components of internet delivery (DNS, routes, and database queries). [via Wikipedia]

Well, I’m sure it sounds alien to some of you. However, I can try and simplify this for you. Let’s take an example – You upload a 2 Mb file on a server that is located in United States, one of your visitor comes to the website from UK and at the same time another from US only. Who’ll get the faster download speed of that file? Of course, it’ll be the US guy. That is how a normal scenario runs. In CDN, a normal file is replicated on multiple servers (shown as middle servers in the image below) placed across the world. So, if a UK guy will be trying to access the same MP3 file, then he’ll get it delivery through UK server only and that will considerably reduce the page load speed.

[Image credit - netdna]

Should we use CDN for a blog?

As we found out that CDN helps in reducing the speed. However, the question is that is the speed difference considerable enough? There have been many bloggers who have done their tests and found huge difference in the speed. Joost de Valk found out that his blog pages started loading in 2 sec. as compared to 7 seconds prior CDN’s application.

Well, that certainly sounds effective! Other than that, Dave Ward gives us a tip where we should use Google’s CDN based hosted javascript libraries to improve the blog page load speed. Other than that, Yahoo also suggests website owners to use CDN to improve the page load speed. Well, this only means that it makes sense to use CDN. Now, the big question arises -

How to use CDN with WordPress?

Of course, if you just want use the Google’s CDN based Javascript library then Dave Ward’s link will be more than enough for your help. However, if you want to make proper use of CDN, you’ll have to shell out some money from your pocket. Thankfully established companies like Amazon, MaxCDN, RackSpace and various others offer CDN services, you can always choose the one that suits your pocket.

Once you’ve decided the CDN provider, then you can use its power with the help of W3 Total Cache -

W3 Total Cache improves the user experience of your blog by improving your server performance, caching every aspect of your site, reducing the download time of your theme and providing transparent content delivery network (CDN) integration.

[Click the image for bigger version]

So, as you can see with the help of W3 Total Cache you can easily make use of power of CDN’s and it should certainly help in improving the page load speed. Are you going to apply CDN on your WordPress blog?

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• WordPress Security Service for free! (3)
• LA Kings podcast blog (0)
• Automattic gets blog ping update service in its kitty! (2)
• 10 Unusual, Unorthodox and Unconventional but BEAUTIFUL WordPress Themes (3)
• How to add a Flickr PhotoStream to your WordPress Blog (1)

Since few months, I’ve been hearing lot of horror stories regarding the security compromises that bloggers have to deal with. It’s open source nature, what has been the boon for WordPress, is now standing against it (For Hardcore Open-source lovers – I am in favor of Open-source all the way and that statement of mine should not be taken as personal attack). There have been many blogs that weren’t using the latest version of WordPress are now infected with some sort of worm or some hacker gets access to the web server and misuses your precious resources. There are cases where they even harm the website by effecting its search engine rankings.

It’s always a nightmare when it comes to cleaning up the WordPress installation that has been compromised with some or the other warm, however few precautionary steps will always ensure some level of security that’ll keep “stupid hack scripts” away from your precious blog. Just follow these steps and you won’t have to shell out hundreds of dollars to make WordPress secure -

Here are some of the steps that one can take to keep the WordPress installation secure -

1. Keep your blog software up to date – WordPress has been very quick in taking actions against security attacks and generally its the older versions that become the target. WordPress now has automatic upgrade feature and with touch of a button, you’d be able to upgrade WordPress. You can read more about upgrading WordPress over here.

2. Keep strong password – It’s always advisable that one should keep a secure password. A good password is always combination of alpha-numeric characters. I’m sure these 16 firefox extensions will surely help you generate stronger password and will keep it safe for you too!

3. Use Secret key for WordPress – Some time back, I’d written the use of Secret key feature of WordPress. It’s a default feature of WordPress and one should definitely use it. Definitely, its not the only solution, however it makes sense to implement it as well. Small precautions like these will only make your WordPress more secure!

4. Set proper file directory permissions – One of the biggest loop hole starts from here itself. It’s important for every blogger to ensure that they keep proper file directory permission that is recommended for WordPress. This way, no unauthorized scripts will be able to gain access to the folder structure of your web hosting account.

5. Table prefix can be a weak point too – Table Prefix is one of the important part of WordPress’ database (in fact any database) and it is recommended that one shouldn’t use the default prefix as the default prefix is known to everyone and hackers tend to misuse that information for their evil intentions. I’d written a guide on how to change the table prefix that one can follow to strengthen the security.

6. You thought only passwords should be secure, What about the username? – I believe that these are few points that WordPress community can always do to ensure that the bloggers get safe at the time of installation, I just hope someone works on this point at least. By default, WordPress makes a default user by the name of “admin”. Most of the users keep it the same and unfortunately, that is exactly what we don’t want to do. Here’s the post that talks about securing WordPress by not displaying your actual username.

7. Make important folders inaccessible – If you thought that just setting up directory permissions is more than enough then I would say that it’s just not that simple mate! I would suggest that one should drop an empty html file (ensure that the name should be index.html) in wp-content/themes/ & wp-content/plugins/ folder. This way whenever some one will try to see the content of those folder, they’ll be presented with a blank page and nothing else. Isn’t that a smart move?

8. Keep your own computer free from viruses & malware – Lets say that you got a pen drive from your friend to copy some document and a while later you realize that your computer is infected from virus because that pen drive was full of viruses. Will you blame your own computer for that mishap? Similarly, if your computer is infected with malware and while you upload files on your blog it can get transfered to the servers too. I would suggest that one should use a good anti-virus and anti-malware scanner to avoid such kind of things.

9. Use of SSH instead of FTP – Most of the FTP software support SSH, a protocol that acts like FTP. The good thing about this protocol is that it has encryption and thus all the activity that you perform on the server is done under secure environment. Here are some tutorials that you can go through to get better understanding of SSH -

1. SSH Tutorial for Linux.
2. Getting Started with SSH.

10. Up to date server environment – Alright, this is not in your hands, but in the hands of web host. It’s always advisable that while choosing your web host, you should confirm from them that which version of MySQL, Apache & PHP are they using. Match it with the latest version mentioned on their respective websites and if they are out dated, you should ask them to update them (very unlikely) or change the web host asap – Here’s the guide to help you do that quickly.

11. Use Robots.txt to deny access to robots at important areas – There are various important folders like wp-content or wp-admin, wp-includes that don’t need to be indexed in search engines. So, its better to deny robots to let them crawl their content. Here’s this quick tutorial that’ll educate you about the use of Robots.txt.

Other important reads that’ll enhance your knowledge about WordPress security

1. Securing your WordPress install the foolproof way.
2. Hardening WordPress.
3. 11 ways to secure your WordPress blog.
4. WordPress security whitepaper.
5. 16 WordPress plugins to secure WordPress.

If you have written articles on WordPress security feel free to share it with us and we’d love to include it on our blog.

© mayank for Blog Design Studio, 2010. | Permalink

Related posts

• 10 Questions Whose Answer = WordPress! (4)
• About (0)
• How to build multi-author blog with WordPress? (0)
• WordPress TV launched – learn wordpress through videos! (0)
• Revolution theme by brian gardner goes GPL! (4)

Many of the WordPress themes promoted are described as being widget-ready. Widget-ready WordPress theme is a theme that has widgetized areas which allows you to dynamically manipulate these areas in a simple drag-and-drop fashion. Widgetized sidebar is another way to describe the same thing because most of the widgets are used in the sidebars of the themes. However, sometimes you find a WordPress theme that you really like, but discover that it’s not widgets ready. Don’t give up just yet, making themes widget-ready really isn’t as difficult as you might think. Follow the steps in this article and we will teach you how to Widgetize a WordPress theme making it a drag-drop widget theme.

1. Make the changes in functions.php

Open your functions.php file and insert the following code into it, save and close. (Don’t touch anything else there because incorrectly modifying your theme’s functions.php can stop your admin pages from appearing. It’s a good idea to make a backup of your functions.php or even better to backup the whole theme before modifying it) :

<?php
if ( function_exists(’register_sidebar’) )
register_sidebar();
?>

2. Make the changes in sidebar.php

Now open your sidebar.php file and check if the sidebar is widget friendly i.e. if your sidebar uses unordered lists. If not then fix it by formatting the HTML. Here is an example of a typical sidebar:

<div id=”rightcolumn”>
<ul class=”sidebar”>
<li class=”widget”>
<h2>HTML</h2>
<ul>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>HTML</a></li>
</ul>
</li>
<li class=”widget”>
<h2>HTML</h2>
<h3>HTML…</h3>
<p>HTML HTML HTML HTML</p>
</li>
</ul>
<div class=”clear”></div>
</div>

Just add this template tag in the code directly below the <ul class=”sidebar”> tag:

<?php
if ( function_exists(’register_sidebar’) )
register_sidebar();
?>

3. You are almost there!

And close it by adding the <?php endif; ?> directly above the </ul> tag. That is it. Now go mad with your widgets!

© Igor for Blog Design Studio, 2010. | Permalink

Related posts

• How to add a Flickr PhotoStream to your WordPress Blog (1)
• 7 awesome uses of WordPress – Proves that WordPress is the coolest CMS! (0)
• (2)
• Can anyone make a WordPress AIR Application? (3)
• EasySky for Gobala of EasyWordPress.com (0)

In my own experience the domtabs is probably one of the best ways to create Tabs. Domtab is actually a JavaScript that turns a list of links connected to content sections into a tab interface. The script removes any “back to top” links in the section and automatically hides all but the first one when the page is loaded.

First you need to download the domtab script from this site, unzip it, and then you should upload the domtab.js file to your theme folder in WordPress.

After all that done go in header.php and paste the following code in the <head>:

<script src=”<?php echo bloginfo(stylesheet_directory) .’/js/domtab.js’; ?>”></script>

Then go to the sidebar.php and paste this code where you want the domtabs to be:

<div>
<ul class="tabs">
<!-- TO change tab heading, edit the three TabLink heading below -->
<li class="TabLink" onClick="ShowTab(0)"><a class="t"></a></li>
<li class="TabLink" onClick="ShowTab(1)"><a class="t"></a></li>
<li class="TabLink" onClick="ShowTab(2)"><a class="t"></a></li>
<!-- If you add more tabs, add heading above and respective NavLinks below -->
<li class="NavLinks"><div style="display:none"></div></li>
<li class="NavLinks"><div style="display:none"></div></li>
<li class="NavLinks"><div style="display:none"></div></li>
</ul>
<div>
<!-- First Tab Code -->
<div class="TabContent" style="display: none" id="div0">
<ul>
<?php wp_list_categories('orderby=name&title_li&show_count=1'); ?>
</ul>
</div>
<!-- Second Tab Code -->
<div class="TabContent" style="display: none" id="div1">
<ul>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
</ul>
</div>
<!-- Third Tab Code -->
<div class="TabContent" style="display: none" id="div2">
<div>
<ul>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
<li><a href="#">Tab</a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">ShowTab(0);</script>
</div>

Or you can make this code as a separate tabs.php and use <?php include(“”); ?> in the sidebar.php like this:

<ul>
<li>
<?php include("tabs.php"); ?>
</li>
</ul>

Finally you can do the styling in your stylesheet. Here is an example styles suitable for the previous code:

/************** TABS *******************/
.domtab {
float: left;
margin-bottom: 25px;
}
ul.tabs {
width:300px;
height:50px;
padding:0;
margin:0;
float:left;
}
div.TabContent {
padding:0;
margin:0;
float: left;
background: #e1e6fa url(images/tab_div.jpg) center bottom no-repeat;
}
div.TabContent ul {
padding:0 10px 20px 10px;
width: 280px;
font-family: "Lucida Sans Unicode";
}
div.TabContent ul li {
border-bottom: 1px solid #c4d7ed;
}
div.TabContent ul li a {
text-decoration: none;
color: #183152;
}
div.TabContent ul li a:hover {
color: #d95a11
}
ul.tabs li {
float:left;
display:inline;
padding:0;
margin:0;
border-bottom: none;
}
.TabLink {
background: transparent url(images/tab_li.png) top left no-repeat;
}
a.t {
float:left;
height:50px;
margin:0;
}
#tab0 {
width: 105px;
background: transparent url(images/tab0.png) top left no-repeat;
cursor:pointer;
}
li.active#tab0 {
background: transparent url(images/tab0.png) bottom left no-repeat;
}
#tab1 {
width: 92px;
background: transparent url(images/tab1.png) top left no-repeat;
cursor:pointer;
}
li.active#tab1 {
background: transparent url(images/tab1.png) bottom left no-repeat;
}
#tab2 {
width: 103px;
background: transparent url(images/tab2.png) top left no-repeat;
cursor:pointer;
}
li.active#tab2 {
background: transparent url(images/tab2.png) bottom left no-repeat;
}
#tab3 {
width: 91px;
background: transparent url(images/tab3.png) top left no-repeat;
cursor:pointer;
}
li.active#tab3 {
background: transparent url(images/tab3.png) bottom left no-repeat;
}

I hope this quick little trick will help you enough space where you’ll be able to display more content.

© Igor for Blog Design Studio, 2009. | Permalink

Related posts

• Chromotherapy in Blog Design! (1)
• Why Web Designers are becoming WordPress Designers? (3)
• Don’t Let WordPress Scare Your Clients (0)
• Use beautiful fonts for typography on your blog! (1)
• About (0)

This phrase emerged in the USA in the early part of the 20th century. Its introduction is widely attributed to Frederick R. Barnard, who published a piece commending the effectiveness of graphics in advertising with the title “One look is worth a thousand words”, in Printer’s Ink, December 1921.
It points out the power of a single image that can present complex stories that need many words to be described, or that a single image may be more influential than a great amount of text. Today in our dynamic world this is more important than ever before. Today we must absorb large amounts of data quickly.

In WordPress it’s quite easy for you to add images to your WordPress site. Upload them directly from within WordPress by using the built-in file uploading utility in the post screen or use any FTP Client software to upload as much as you want images to your WordPress site. In WordPress you can resize images and create thumbnails too. Actually there are three size settings available for you: thumbnail, medium and large.  In the same moment when you upload an image, WordPress will automatically generate these three image sizes not affecting the aspect ratio. The thumbnail is a resize with a crop, and the other settings are “max” width and height. So don’t worry.

Styling your images on your WordPress blog/site

Most likely your theme is already styling your images i.e. it is set to put a border around images in your posts, and float them to the left or to the right, and most of the time this is working good for you, but sometimes, you would like to style them in a different manner. In those cases you can easily change this “default” styles by few simple edits in the HTML code.

At Blog Design Studio in most of our themes we use these styles for the images:

.alignleft {
float: left;
}
.alignright {
float: right;
}
img {
border: none;
}
img.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
img.alignright {
float: right;
margin: 5px 0 5px 10px;
}

And here is what you get:

But let’s say you want to add a thick black border around the picture. Before the /> that closes the tag just insert: style=”border: 3px solid #000000″

You can add space between the border and the picture too:

You can float it to the left:

Or to the right:

And of course you can add margins according to your preferences:

Optimizing your images for WP

You should not overlook image optimization. This is also an important part of WordPress SEO. By writing good alt tags for images and clever thinking of how you name the files, you can get extra traffic on your blog from the different image search engines. You can help your lesser able readers who check out your site in a screen reader, to make sense of what’s otherwise hidden to them too.

Heavy images can cost you traffic. Your visitors won’t wait 10 seconds for your image to load! So you should optimize your images for the web.  Your images should be in either .gif or .jpg formats (.gif is best for logos and navigation buttons, while .jpg is best for photographs.)  Reduce the size of your graphics so that they take as few bytes as possible while retaining acceptable quality.

In following posts, we’ll come up with some of the tools and plug-ins that will help you in making your life easier when it comes to dealing with images!

© Igor for Blog Design Studio, 2009. | Permalink

Related posts

• Use beautiful fonts for typography on your blog! (1)
• Simple ways to give effects to the photos in your article! (1)
• Coding the WordPress Loop explained (1)

So you want to create a high-traffic site? It’s so cool to have all those plugins too. But will WordPress be sufficient for your high-traffic site? Will it survive tons of heavy traffic every day? Well the answer can be yes as long as you take care of few things. Here are some tips on how to speed up your WordPress site. Before you go ahead with this blog post, you should go ahead and read the following post as well – Unclutter your blog.

Stay up to date with the latest WordPress version and plugins

Staying up to date with the latest version of WordPress is really a must do. Make sure always to stay updated with the latest release of WordPress in order to boost performance of your blog. This is not just for fun, in every update, there are many upgrades that will enhance the performance of your blog but also you will prevent your site from security risks. You should do exactly the same with WordPress plugins. Keep them up to date, it’s as important, and for the same reasons.

Turn off, limit or even delete unused plugins

One of the biggest issues that causes WordPress sites to slow down is leaving too many plugins active even when you’re not using them. If you are using more than say 15 plugins on your blog then you need to check to see if you really need all of them. Some plugins can have many scripts and code. So if you’re not using a plugin disable it and give WordPress a break or maybe delete it. Keep the plugins that are really necessary for your site to run and than disable the ones that aren’t needed. You can lower the number of plugins during heavy traffic times by turning off a few WordPress Plugins temporarily and than you can reactivate them again after the heavy traffic volume has died down a bit.

Be careful with the server requests

All of the items that you have on your page like html page, the css page, javascripts, images, movies, and any other item will generate separate requests for each of them to the web server. Having in mind that the server can handle a limited number of requests at a time, you should try to make things easier for it and reduce the number of items to a second server. First are the images. Your embedded images can be uploaded to an image sharing site like Flickr and by that use the big Flickr servers which can withstand the load much easier. The same for videos, upload to YouTube, Google Video or any other video hosting site and then use their embedding function from their servers within your own page.

Clean up and compress your code

Compress your CSS, i.e. get rid of the white space and get everything neat and clean and than put JavaScript into a single file and load it at the bottom of the page in footer.php. This way the styling will load first and than the JavaScript. Optimizing your code this way actually can do a lot for your load time. At first you might not notice any difference, but it will make a huge difference to your blog speed. White space like indented tabs, line breaks, etc. which you use for better readability are slowing down your blog. Decrease white space and be sure to use shorthand and will be able to speed up your site’s load.

Page Speed is a wonderful Firefox extension that has been released by Google to help webmasters to optimize their blogs and websites. This plugin minify’s the javascripts and even tells you that how one can optimize the performance of the scripts and thus overall improving the speed of the blog.

One another way to speed up the blog’s performance is by using few of these plugins -
1. WP-Super Cache – This plugin creates a cached copy of the dynamic pages and thus doesn’t load up the server with dynamic requests. Find out that why using this plugin is such a good idea and why it makes to our top plugins for wordpress list.
2. Optimize DB – This awesome plugin will optimize the tables of your database and thus improving the overall performance of the blog.
3. Shrink-O-Matic – This is not a WordPress plugin, however an Adobe AIR based application that reduces the image size and eventually speeds up the loading time of the blog pages.

© Igor for Blog Design Studio, 2009. | Permalink

Related posts

• CopyKat.com redesign (0)
• News Blog for DriveInside.com (0)
• NFL Touchdown redesign (0)
• Optimize WordPress install and save webhosting dollars! (1)
• Theme development for Laila Atallah (0)