<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>Blog Design Studio &#187; Wordpress Customization</title> <atom:link href="http://blogdesignstudio.com/category/wordpress-customization/feed/" rel="self" type="application/rss+xml" /><link>http://blogdesignstudio.com</link> <description>Best Wordpress Themes By Blog Design Studio</description> <lastBuildDate>Fri, 19 Mar 2010 04:52:26 +0000</lastBuildDate> <generator>http://wordpress.org/?v=abc</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>Use Content Delivery Network to load blog faster!</title><link>http://blogdesignstudio.com/wordpress-customization/use-content-delivery-network-to-load-blog-faster/</link> <comments>http://blogdesignstudio.com/wordpress-customization/use-content-delivery-network-to-load-blog-faster/#comments</comments> <pubDate>Fri, 05 Feb 2010 18:27:44 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[cdn]]></category> <category><![CDATA[maxcdn]]></category> <category><![CDATA[optimization]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/use-content-delivery-network-to-load-blog-faster/</guid> <description><![CDATA[ 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&#8217;ve experienced the change in speed myself! Yesterday, I implemented CDN on this blog and the notice is considerable. The pages that used [...]]]></description> <content:encoded><![CDATA[<p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/nfs-need-for-speed.jpg" width="431" height="265" alt="nfs-need-for-speed.jpg" /></p><p>In last post, I told you about <b><a href="http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/">Content Delivery Networks</a></b> and how to use them along with WordPress. Although, now I can suggest that one should certainly use Content Delivery Network as I&#8217;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&#8217;s a decent amount of difference! Now, I would tell you some of the questions that I had in my mind and I&#8217;m sure that you will be having them too -</p><h3>Is it a costly affair?</h3><p>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 &#8211; 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&#8217;m not trying to promote any CDN provider, I went for MaxCDN for couple of reasons -</p><blockquote><p> 1. It was cheaper than other CDN providers.<br /> 2. It has been referred by <a href="http://mashable.com">Mashable</a>, <a href="http://yoast.com/cdn-wordpress-blog/">Joost de Valk</a>, <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a> and I think that was more than enough for me.<br /> 3. 1 TB will run for months, there is no monthly payment, so I don&#8217;t have anything to lose.</p></blockquote><h3>Is it really hard to setup the CDN?</h3><p>I wasn&#8217;t sure about this answer because there wasn&#8217;t anyone to tell me that how should I go about it. However, while playing with it &#8211; 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&#8217;t have enough words for the praise of this plugin, still I would try to sum up in 2 words &#8211; Simply Marvelous!</p><h3>So what&#8217;s the procedure?</h3><p>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&#8217;m assuming that most of the CDN providers will have similar options only. Anyway, here&#8217;s how I completed the task -</p><p><b>1. Create a Pull Zone on CDN provider</b>. 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.</p><p> <img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/maxcdn-pull-zone.jpg" width="480" height="363" alt="maxcdn-pull-zone.jpg" /></p><p><b>2. Asked WPWebhost to change the CName record</b> as asked by MaxCDN. In many cases, Cname can be changed by you only, however WPWebhost doesn&#8217;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.</p><p><b>3. In the General Tab of W3 Total Cache</b>, make sure that CDN should be enabled and the type should be selected as Origin Pull (mirror) [as shown in the screenshot]</p><p> <img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/cdn-settings.jpg" width="480" height="84" alt="cdn-settings.jpg" /></p><p><b>4. In the CDN Settings tab of W3 Total Cache</b>, 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 &#8220;Replace Default Hostname With&#8221;. Here&#8217;s the screenshot of what I have -</p><p> <img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/cdn-settings2.jpg" width="480" height="111" alt="cdn-settings2.jpg" /></p><p>That&#8217;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&#8217;m happy with what I&#8217;ve achieved &#8211; I&#8217;ll be posting more optimization techniques to ensure that we also contribute in making the web faster!</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2010. | <a href="http://blogdesignstudio.com/wordpress-customization/use-content-delivery-network-to-load-blog-faster/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/blogging-resources/top-wordpress-blogs-which-you-must-have-in-your-feed-reader/" title="Top WordPress blogs which you must have in your feed reader! (July 11, 2008)">Top WordPress blogs which you must have in your feed reader!</a> (0)</li><li><a href="http://blogdesignstudio.com/blogging-tools/must-install-firefox-plugin-for-all-bloggers-seo-blogger/" title="Must install Firefox plugin for all bloggers &#8211; SEO Blogger! (June 26, 2009)">Must install Firefox plugin for all bloggers &#8211; SEO Blogger!</a> (0)</li><li><a href="http://blogdesignstudio.com/mini-blog/check-out-the-wordpress-27-backend-pictures/" title="Check out the WordPress 2.7 backend pictures! (October 6, 2008)">Check out the WordPress 2.7 backend pictures!</a> (3)</li><li><a href="http://blogdesignstudio.com/recent-work/mybusinessmusingscom-new-blog-design/" title="MyBusinessMusings.com new blog design (November 7, 2008)">MyBusinessMusings.com new blog design</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/how-to-effectively-upgrade-your-wordpress-in-2-minutes/" title="How to effectively upgrade your WordPress in 2 minutes! (August 21, 2008)">How to effectively upgrade your WordPress in 2 minutes!</a> (4)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/use-content-delivery-network-to-load-blog-faster/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>What is Content Delivery Network &amp; how to use it with WordPress?</title><link>http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/</link> <comments>http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/#comments</comments> <pubDate>Mon, 01 Feb 2010 18:22:03 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[cdn]]></category> <category><![CDATA[Content Delivery Network]]></category> <category><![CDATA[optimization]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/</guid> <description><![CDATA[What is Content Delivery Network? 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 [...]]]></description> <content:encoded><![CDATA[<h3>What is Content Delivery Network?</h3><blockquote><p>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 <a href="http://en.wikipedia.org/wiki/Content_delivery_network">Wikipedia</a>]</p></blockquote><p>Well, I&#8217;m sure it sounds alien to some of you. However, I can try and simplify this for you. Let&#8217;s take an example &#8211; 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&#8217;ll get the faster download speed of that file? Of course, it&#8217;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&#8217;ll get it delivery through UK server only and that will considerably reduce the page load speed.<br /> <img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/cdnetwork.jpg" alt="cdnetwork.jpg" width="480" height="255" /></p><p>[Image credit - <a href="http://www.netdna.com/nDeliver.html">netdna</a>]</p><h3>Should we use CDN for a blog?</h3><p>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. <a href="http://yoast.com/cdn-wordpress-blog/">Joost de Valk</a> found out that his blog pages started loading in 2 sec. as compared to 7 seconds prior CDN&#8217;s application.</p><p>Well, that certainly sounds effective! Other than that, Dave Ward gives us a tip where we should <a href="http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/">use Google&#8217;s CDN based hosted javascript libraries</a> 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 -</p><h3>How to use CDN with WordPress?</h3><p>Of course, if you just want use the Google&#8217;s CDN based Javascript library then Dave Ward&#8217;s link will be more than enough for your help. However, if you want to make proper use of CDN, you&#8217;ll have to shell out some money from your pocket. Thankfully established companies like <a href="http://aws.amazon.com/cloudfront/">Amazon</a>, <a href="http://www.maxcdn.com/">MaxCDN</a>, <a href="http://www.rackspacecloud.com/">RackSpace</a> and various others offer CDN services, you can always choose the one that suits your pocket.</p><p>Once you&#8217;ve decided the CDN provider, then you can use its power with the help of <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a> -</p><blockquote><p>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.</p></blockquote><p><a href="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/wp-cdn1.jpg" rel="shadowbox[post-1262];player=img;"><img class="alignnone size-medium wp-image-1263" title="wp-cdn" src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/02/wp-cdn1-184x300.jpg" alt="" width="184" height="300" /></a></p><p>[Click the image for bigger version]</p><p>So, as you can see with the help of <strong>W3 Total Cache</strong> you can easily make use of power of CDN&#8217;s and it should certainly help in improving the page load speed. Are you going to apply CDN on your WordPress blog?</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2010. | <a href="http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/blogging-tips/what-all-you-need-to-do-to-keep-your-blog-secure-from-hackers/" title="What all you need to do, to keep your blog secure from hackers! (November 5, 2008)">What all you need to do, to keep your blog secure from hackers!</a> (5)</li><li><a href="http://blogdesignstudio.com/mini-blog/future-of-wordpress-what-matt-mullenweg-has-to-say-about-it/" title="Future of WordPress &#8211; What Matt Mullenweg has to say about it! (October 10, 2008)">Future of WordPress &#8211; What Matt Mullenweg has to say about it!</a> (0)</li><li><a href="http://blogdesignstudio.com/blogging-resources/11-ultimate-resources-to-help-you-become-wordpress-champ/" title="11 ultimate resources to help you become WordPress champ! (February 19, 2010)">11 ultimate resources to help you become WordPress champ!</a> (23)</li><li><a href="http://blogdesignstudio.com/wordpress-plugins/want-to-use-wordpress-as-an-e-commerce-site/" title="Want to use Wordpress as an E-commerce site? (August 29, 2008)">Want to use Wordpress as an E-commerce site?</a> (3)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/how-to-move-a-local-wordpress-to-live-blog/" title="how to move a local wordpress to live blog? (October 19, 2008)">how to move a local wordpress to live blog?</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/what-is-content-delivery-network-how-to-use-it-with-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>WordPress Security Service for free!</title><link>http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/</link> <comments>http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/#comments</comments> <pubDate>Mon, 18 Jan 2010 16:17:56 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[antivirus for wordpress]]></category> <category><![CDATA[Blog Platform]]></category> <category><![CDATA[hardening]]></category> <category><![CDATA[security]]></category> <category><![CDATA[webhost]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/</guid> <description><![CDATA[ (Image Credit &#8211; ClickonF5) Since few months, I&#8217;ve been hearing lot of horror stories regarding the security compromises that bloggers have to deal with. It&#8217;s open source nature, what has been the boon for WordPress, is now standing against it (For Hardcore Open-source lovers &#8211; I am in favor of Open-source all the way and that [...]]]></description> <content:encoded><![CDATA[<p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/01/secure-wordpress.jpg" width="480" height="364" alt="secure-wordpress.jpg" /><br /> (Image Credit &#8211; <a href="http://www.clickonf5.org/wordpress/upgrade-wordpress-security-attack/4222">ClickonF5</a>)</p><p>Since few months, I&#8217;ve been hearing lot of horror stories regarding the security compromises that bloggers have to deal with. It&#8217;s open source nature, what has been the boon for WordPress, is now standing against it (<b>For Hardcore Open-source lovers</b> &#8211; 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&#8217;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.</p><p><span id="more-1245"></span><p>It&#8217;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&#8217;ll keep &#8220;stupid hack scripts&#8221; away from your precious blog. Just follow these steps and <b>you won&#8217;t have to shell out hundreds of dollars to make WordPress secure</b> -</p><h3>Here are some of the steps that one can take to keep the WordPress installation secure -</h3><p><b>1. Keep your blog software up to date</b> &#8211; 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&#8217;d be able to upgrade WordPress. You can read more about <a href="http://codex.wordpress.org/Upgrading_WordPress">upgrading WordPress over here</a>.</p><p><b>2. Keep strong password</b> &#8211; It&#8217;s always advisable that one should keep a secure password. A good password is always combination of alpha-numeric characters. I&#8217;m sure these <i><a href="http://mashable.com/2008/11/05/password-management-for-firefox-3/">16 firefox extensions</a></i> will surely help you generate stronger password and will keep it safe for you too!</p><p><b>3. Use Secret key for WordPress</b> &#8211; Some time back, I&#8217;d written the <b><a href="http://blogdesignstudio.com/wordpress-customization/security-check-define-the-wordpress-secret-key-if-you-havent/">use of Secret key feature of WordPress</a></b>. It&#8217;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!</p><p><b>4. Set proper file directory permissions</b> &#8211; One of the biggest loop hole starts from here itself. It&#8217;s important for every blogger to ensure that they <i><a href="http://blogdesignstudio.com/wordpress-customization/security-check-file-directory-permissions-for-your-blog/">keep proper file directory permission that is recommended for WordPress</a></i>. This way, no unauthorized scripts will be able to gain access to the folder structure of your web hosting account.</p><p><b>5. Table prefix can be a weak point too</b> &#8211; Table Prefix is one of the important part of WordPress&#8217; database (in fact any database) and it is recommended that one shouldn&#8217;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&#8217;d written a guide on <a href="http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/">how to change the table prefix that one can follow to strengthen the security</a>.</p><p><b>6. You thought only passwords should be secure, What about the username?</b> &#8211; 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 &#8220;admin&#8221;. Most of the users keep it the same and unfortunately, that is exactly what we don&#8217;t want to do. Here&#8217;s the post that talks about <a href="http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/">securing WordPress by not displaying your actual username</a>.</p><p><b>7. Make important folders inaccessible</b> &#8211; If you thought that just setting up directory permissions is more than enough then I would say that it&#8217;s just not that simple mate! I would suggest that one should drop an empty html file (<b>ensure that the name should be index.html</b>) in <b>wp-content/themes/</b> &amp; <b>wp-content/plugins/</b> folder. This way whenever some one will try to see the content of those folder, they&#8217;ll be presented with a blank page and nothing else. Isn&#8217;t that a smart move?</p><p><b>8. Keep your own computer free from viruses &amp; malware</b> &#8211; 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.</p><p><b>9. Use of SSH instead of FTP</b> &#8211; 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 -</p><ol><li><a href="http://support.suso.com/supki/SSH_Tutorial_for_Linux">SSH Tutorial for Linux</a>.</li><li><a href="http://www.webhostgear.com/89.html">Getting Started with SSH</a>.</li></ol><p><b>10. Up to date server environment</b> &#8211; Alright, this is not in your hands, but in the hands of web host. It&#8217;s always advisable that while choosing your web host, you should confirm from them that which version of MySQL, Apache &amp; 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 &#8211; <a href="http://blogdesignstudio.com/wordpress-customization/easiest-quickest-way-ever-to-move-a-wordpress-blog-from-one-host-to-another/">Here&#8217;s the guide to help you do that quickly</a>.</p><p><b>11. Use Robots.txt to deny access to robots at important areas</b> &#8211; There are various important folders like wp-content or wp-admin, wp-includes that don&#8217;t need to be indexed in search engines. So, its better to deny robots to let them crawl their content. <a href="http://webdesign.about.com/od/promotion/ht/htrobotstxt.htm">Here&#8217;s this quick tutorial</a> that&#8217;ll educate you about the use of Robots.txt.</p><h3>Other important reads that&#8217;ll enhance your knowledge about WordPress security</h3><ol><li><a href="http://wpwebhost.com/securing-your-wordpress-install-the-foolproof-way-part-1/">Securing your WordPress install the foolproof way</a>.</li><li><a href="http://codex.wordpress.org/Hardening_WordPress">Hardening WordPress</a>.</li><li><a href="http://maketecheasier.com/11-ways-to-secure-your-wordpress-blog/2008/08/12">11 ways to secure your WordPress blog</a>.</li><li><a href="http://blogsecurity.net/wordpress/wordpress-security-whitepaper">WordPress security whitepaper</a>.</li><li><a href="http://www.tutzone.org/2009/08/16-updated-wordpress-security-plugins.html">16 WordPress plugins to secure WordPress</a>.</li></ol><p>If you have written articles on WordPress security feel free to share it with us and we&#8217;d love to include it on our blog.</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2010. | <a href="http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/mini-blog/blog-seo-tips-why-thinking-twice-about-domain-and-hosting-is-important/" title="Blog SEO Tips &#8211; why thinking twice about Domain and hosting is important? (September 10, 2008)">Blog SEO Tips &#8211; why thinking twice about Domain and hosting is important?</a> (1)</li><li><a href="http://blogdesignstudio.com/mini-blog/wordpress-ranked-33-amongst-top-50-web-properties/" title="WordPress ranked #33 amongst top 50 web properties! (October 22, 2008)">WordPress ranked #33 amongst top 50 web properties!</a> (0)</li><li><a href="http://blogdesignstudio.com/blogging-resources/wordpress-help-center-nice-concept-for-quick-solutions/" title="WordPress Help Center &#8211; Nice concept for quick solutions! (April 20, 2009)">WordPress Help Center &#8211; Nice concept for quick solutions!</a> (1)</li><li><a href="http://blogdesignstudio.com/wordpress-tutorials/installing-wordpress-locally-on-your-computer/" title="Installing WordPress Locally on Your Computer (January 5, 2010)">Installing WordPress Locally on Your Computer</a> (0)</li><li><a href="http://blogdesignstudio.com/faq/" title=" (June 28, 2008)"></a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Widgetizing Your Non-Widget WordPress Theme</title><link>http://blogdesignstudio.com/wordpress-customization/widgetizing-your-non-widget-wordpress-theme/</link> <comments>http://blogdesignstudio.com/wordpress-customization/widgetizing-your-non-widget-wordpress-theme/#comments</comments> <pubDate>Fri, 08 Jan 2010 11:30:21 +0000</pubDate> <dc:creator>Igor</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[Themes]]></category> <category><![CDATA[Widgets]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/widgetizing-your-non-widget-wordpress-theme/</guid> <description><![CDATA[(Image credit - Clockless) 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 [...]]]></description> <content:encoded><![CDATA[<p> <img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2010/01/wordpress-widgets.jpg" width="480" height="225" alt="wordpress-widgets.jpg" /><br /> (<b>Image credit -</b> <a href="http://clockless.org"><b>Clockless</b></a>)</p><p>Many of the <b>WordPress themes</b> 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.</p><p><span id="more-1230"></span><br /><h3>1. Make the changes in functions.php</h3><p>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&#8217;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) :</p><p>&lt;?php<br /> if ( function_exists(’register_sidebar’) )<br /> register_sidebar();<br /> ?&gt;</p><h3>2. Make the changes in sidebar.php</h3><p>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:</p><blockquote><p>&lt;div id=&#8221;rightcolumn&#8221;&gt;<br /> &lt;ul class=&#8221;sidebar&#8221;&gt;<br /> &lt;li class=&#8221;widget&#8221;&gt;<br /> &lt;h2&gt;HTML&lt;/h2&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;HTML&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;HTML&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;HTML&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;HTML&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&#8221;#&#8221;&gt;HTML&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/li&gt;<br /> &lt;li class=&#8221;widget&#8221;&gt;<br /> &lt;h2&gt;HTML&lt;/h2&gt;<br /> &lt;h3&gt;HTML&#8230;&lt;/h3&gt;<br /> &lt;p&gt;HTML HTML HTML HTML&lt;/p&gt;<br /> &lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;div class=&#8221;clear&#8221;&gt;&lt;/div&gt;<br /> &lt;/div&gt;</p></blockquote><p>Just add this template tag in the code directly below the &lt;ul class=&#8221;sidebar&#8221;&gt; tag:</p><blockquote><p>&lt;?php<br /> if ( function_exists(’register_sidebar’) )<br /> register_sidebar();<br /> ?&gt;</p></blockquote><h3>3. You are almost there!</h3><p>And close it by adding the &lt;?php endif; ?&gt; directly above the &lt;/ul&gt; tag. That is it. Now go mad with your widgets!</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© Igor for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2010. | <a href="http://blogdesignstudio.com/wordpress-customization/widgetizing-your-non-widget-wordpress-theme/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/blogging-tools/can-anyone-make-a-wordpress-air-application/" title="Can anyone make a WordPress AIR Application? (October 31, 2008)">Can anyone make a WordPress AIR Application?</a> (3)</li><li><a href="http://blogdesignstudio.com/mini-blog/plugin-week-binny-is-on-plugin-development-rampage/" title="Plugin Week! Binny is on plugin development rampage (November 19, 2008)">Plugin Week! Binny is on plugin development rampage</a> (2)</li><li><a href="http://blogdesignstudio.com/blogging-tools/move-your-feed-address-because-google-has-made-the-move/" title="Move your feed address because Google has made the move! (May 5, 2009)">Move your feed address because Google has made the move!</a> (0)</li><li><a href="http://blogdesignstudio.com/blog-marketing/want-to-get-that-brand-new-blogging-feeling/" title="Want to get that &#8220;brand new&#8221; blogging feeling ? (September 5, 2008)">Want to get that &#8220;brand new&#8221; blogging feeling ?</a> (1)</li><li><a href="http://blogdesignstudio.com/mini-blog/how-to-make-a-child-theme-in-wordpress-awesome-article/" title="How to make a child theme in WordPress &#8211; Awesome article! (October 1, 2008)">How to make a child theme in WordPress &#8211; Awesome article!</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/widgetizing-your-non-widget-wordpress-theme/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>How to Create Tabs in your WordPress theme using DOMtab</title><link>http://blogdesignstudio.com/web-design/how-to-create-tabs-in-your-wordpress-theme-using-domtab/</link> <comments>http://blogdesignstudio.com/web-design/how-to-create-tabs-in-your-wordpress-theme-using-domtab/#comments</comments> <pubDate>Tue, 15 Dec 2009 10:35:39 +0000</pubDate> <dc:creator>Igor</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[web design]]></category> <category><![CDATA[DOMtab]]></category> <category><![CDATA[Javascript]]></category><guid isPermaLink="false">http://blogdesignstudio.com/?p=968</guid> <description><![CDATA[ If you run a blog for a longer time, you will notice that there is always more and more contents to display but less and less space for it. A solution for that can be the tabs feature. The Tabs are used in sidebars but also in the header for providing easy navigation and make [...]]]></description> <content:encoded><![CDATA[<p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/12/domtabs.png" alt="Dom Tabs Save Space" /><br /> If you run a blog for a longer time, you will notice that there is always more and more contents to display but less and less space for it. <strong>A solution for that can be the tabs feature</strong>. The Tabs are used in sidebars but also in the header for providing easy navigation and make information more available in a compact space. By using tabs you can have wide variety of content on your blog and all you need is to click on any tab and only the content for that tab gets displayed and the rest of the tabs’ content remains hidden.</p><p><span id="more-968"></span>In my own experience <strong>the domtabs</strong> 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.</p><p>First you need to <a href="http://www.onlinetools.org/tools/domtabdata/" target="_blank">download the domtab script from this site</a>, unzip it, and then you should upload the domtab.js file to your theme folder in WordPress.</p><p>After all that done go in header.php and paste the following code in the &lt;head&gt;:</p><blockquote><p>&lt;script src=&#8221;&lt;?php echo bloginfo(stylesheet_directory) .&#8217;/js/domtab.js&#8217;; ?&gt;&#8221;&gt;&lt;/script&gt;</p></blockquote><p>Then go to the sidebar.php and paste this code where you want the domtabs to be:</p><pre>&lt;div&gt;
&lt;ul class="tabs"&gt;
&lt;!-- TO change tab heading, edit the three TabLink heading below --&gt;
&lt;li class="TabLink" onClick="ShowTab(0)"&gt;&lt;a class="t"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="TabLink" onClick="ShowTab(1)"&gt;&lt;a class="t"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="TabLink" onClick="ShowTab(2)"&gt;&lt;a class="t"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;!-- If you add more tabs, add heading above and respective NavLinks below --&gt;
&lt;li class="NavLinks"&gt;&lt;div style="display:none"&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li class="NavLinks"&gt;&lt;div style="display:none"&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li class="NavLinks"&gt;&lt;div style="display:none"&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;!-- First Tab Code --&gt;
&lt;div class="TabContent" style="display: none" id="div0"&gt;
&lt;ul&gt;
&lt;?php wp_list_categories('orderby=name&amp;title_li&amp;show_count=1'); ?&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- Second Tab Code --&gt;
&lt;div class="TabContent" style="display: none" id="div1"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;!-- Third Tab Code --&gt;
&lt;div class="TabContent" style="display: none" id="div2"&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Tab&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;ShowTab(0);&lt;/script&gt;
&lt;/div&gt;</pre><p>Or you can make this code as a separate tabs.php and use &lt;?php include(&#8220;&#8221;); ?&gt; in the sidebar.php like this:</p><pre>&lt;ul&gt;
&lt;li&gt;
&lt;?php include("tabs.php"); ?&gt;
&lt;/li&gt;
&lt;/ul&gt;</pre><p>Finally you can do the styling in your stylesheet. Here is an example styles suitable for the previous code:</p><pre>/************** 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;
}</pre><p>I hope this quick little trick will help you enough space where you&#8217;ll be able to display more content.</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© Igor for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/web-design/how-to-create-tabs-in-your-wordpress-theme-using-domtab/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/premium/blog-design-studio-edge-minimal-wordpress-theme-with-javascript-effects/" title="Blog Design Studio Edge &#8211; Minimal wordpress theme with javascript effects! (August 20, 2008)">Blog Design Studio Edge &#8211; Minimal wordpress theme with javascript effects!</a> (20)</li><li><a href="http://blogdesignstudio.com/web-design/dont-let-wordpress-scare-your-clients/" title="Don&#8217;t Let WordPress Scare Your Clients (December 21, 2009)">Don&#8217;t Let WordPress Scare Your Clients</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-blog-design-services/" title="Wordpress Blog Design Services (November 10, 2009)">Wordpress Blog Design Services</a> (0)</li><li><a href="http://blogdesignstudio.com/web-design/chromotherapy-in-blog-design/" title="Chromotherapy in Blog Design! (November 23, 2009)">Chromotherapy in Blog Design!</a> (1)</li><li><a href="http://blogdesignstudio.com/web-design/use-beautiful-fonts-for-typography-on-your-blog/" title="Use beautiful fonts for typography on your blog! (February 9, 2010)">Use beautiful fonts for typography on your blog!</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/web-design/how-to-create-tabs-in-your-wordpress-theme-using-domtab/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Managing your images in WordPress</title><link>http://blogdesignstudio.com/wordpress-customization/managing-your-images-in-wordpress/</link> <comments>http://blogdesignstudio.com/wordpress-customization/managing-your-images-in-wordpress/#comments</comments> <pubDate>Fri, 13 Nov 2009 10:07:07 +0000</pubDate> <dc:creator>Igor</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[Code]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[images]]></category><guid isPermaLink="false">http://blogdesignstudio.com/?p=841</guid> <description><![CDATA[“A picture is worth a thousand words”. 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 &#8220;One look is worth a thousand words&#8221;, in Printer&#8217;s Ink, December 1921. It [...]]]></description> <content:encoded><![CDATA[<p><strong>“A picture is worth a thousand words”.</strong></p><p>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 &#8220;One look is worth a thousand words&#8221;, in Printer&#8217;s Ink, December 1921.<br /> 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.</p><p>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.</p><h3>Styling your images on your Wordpress blog/site</h3><p>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.</p><p>At <strong>Blog Design Studio</strong> in most of our themes we use these styles for the images:</p><pre name="code" class="css">.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;
}</pre><p>And here is what you get:</p><p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic1.jpg" alt="men at work" /></p><p>But let’s say you want to add a thick black border around the picture. Before the /&gt; that closes the tag just insert: style=”border: 3px solid #000000″</p><pre name="code" class="html">
<img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic2.jpg" alt="" />
</pre><p>You can add space between the border and the picture too:</p><pre name="code" class="html">
<img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic3.jpg" alt="" />
</pre><p>You can float it to the left:</p><pre name="code" class="html">
<img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic3.jpg" alt="" />
</pre><p>Or to the right:</p><pre name="code" class="html">
<img style="float: right;margin-left: 10px" src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic3.jpg" alt="" />
</pre><p>And of course you can add margins according to your preferences:</p><pre name="code" class="html"><img src='http://cdn.blogdesignstudio.com/wp-content/uploads/2009/10/pic3.jpg' style='border: 3px solid #000000; padding: 5px; float: left; margin-left: 20px' /></pre><h3>Optimizing your images for WP</h3><p>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&#8217;s otherwise hidden to them too.</p><p>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.</p><p>In following posts, we&#8217;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!</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© Igor for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/wordpress-customization/managing-your-images-in-wordpress/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/web-design/use-beautiful-fonts-for-typography-on-your-blog/" title="Use beautiful fonts for typography on your blog! (February 9, 2010)">Use beautiful fonts for typography on your blog!</a> (0)</li><li><a href="http://blogdesignstudio.com/blogging-tools/simple-ways-to-give-effects-to-the-photos-in-your-article/" title="Simple ways to give effects to the photos in your article! (September 8, 2008)">Simple ways to give effects to the photos in your article!</a> (1)</li><li><a href="http://blogdesignstudio.com/wordpress-tutorials/coding-the-wordpress-loop-explained/" title="Coding the WordPress Loop explained (October 20, 2009)">Coding the WordPress Loop explained</a> (1)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/managing-your-images-in-wordpress/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Boost Your Blog&#8217;s Speed!</title><link>http://blogdesignstudio.com/wordpress-customization/boost-your-blogs-speed/</link> <comments>http://blogdesignstudio.com/wordpress-customization/boost-your-blogs-speed/#comments</comments> <pubDate>Mon, 02 Nov 2009 18:17:33 +0000</pubDate> <dc:creator>Igor</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[optimization]]></category> <category><![CDATA[Speed]]></category> <category><![CDATA[Tweaks]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/boost-your-blogs-speed/</guid> <description><![CDATA[ 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 [...]]]></description> <content:encoded><![CDATA[<p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/11/n-f-s-most-wanted.jpg" width="480" height="221" alt="n-f-s-most-wanted.jpg" /></p><p>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 &#8211; <a href="http://blogdesignstudio.com/blogging-tips/series-improve-your-blog-unclutter-the-blog/" target="_blank">Unclutter your blog</a>.</p><p><span id="more-889"></span><p><span style="font-size: 14px; font-weight: bold;">Stay up to date with the latest WordPress version and plugins</span></p><p>Staying up to date with the latest version of <strong>WordPress</strong> 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 <a href="http://blogdesignstudio.com/index.php?s=security+check" target="_blank"><strong>prevent your site from security risks</strong></a>. You should do exactly the same with WordPress plugins. Keep them up to date, it’s as important, and for the same reasons.</p><h3>Turn off, limit or even delete unused plugins</h3><p>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.</p><h3>Be careful with the server requests</h3><p>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.<b><br /></b></p><h3>Clean up and compress your code</h3><p>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.</p><p><img src="http://cdn.blogdesignstudio.com/wp-content/uploads/2009/11/page-speed.jpg" width="480" height="134" alt="page-speed.jpg" /></p><p><b><a href="http://code.google.com/speed/page-speed/docs/using.html">Page Speed</a></b> is a wonderful Firefox extension that has been released by Google to help webmasters to optimize their blogs and websites. This plugin minify&#8217;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.</p><p><b>One another way to speed up the blog&#8217;s performance is by using few of these plugins</b> -<br /> <b>1. <a href="http://wordpress.org/extend/plugins/wp-super-cache/">WP-Super Cache</a></b> &#8211; This plugin creates a cached copy of the dynamic pages and thus doesn&#8217;t load up the server with dynamic requests. Find out that why using this <b><a href="http://blogdesignstudio.com/wordpress-plugins/why-using-wp-super-cache-plugin-is-such-a-good-idea/">plugin is such a good idea</a></b> and why it makes to <b><a href="http://blogdesignstudio.com/wordpress-customization/top-10-must-install-plugins-for-wordpress-users/">our top plugins for wordpress</a></b> list.<br /> <b>2. <a href="http://wordpress.org/extend/plugins/optimize-db/">Optimize DB</a></b> &#8211; This awesome plugin will optimize the tables of your database and thus improving the overall performance of the blog.<br /> <b>3. <a href="http://toki-woki.net/p/Shrink-O-Matic/">Shrink-O-Matic</a></b> &#8211; 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.</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© Igor for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/wordpress-customization/boost-your-blogs-speed/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/mini-blog/6-points-to-professional-podcast-publishing/" title="6 points to professional podcast publishing (November 19, 2008)">6 points to professional podcast publishing</a> (0)</li><li><a href="http://blogdesignstudio.com/recent-work/full-website-on-wordpress-for-dynamix-outsourcing/" title="Full Website on Wordpress for Dynamix Outsourcing (May 3, 2008)">Full Website on Wordpress for Dynamix Outsourcing</a> (0)</li><li><a href="http://blogdesignstudio.com/recent-work/the-bardles-law-blog-design/" title="The Bardles Law Blog Design (October 9, 2009)">The Bardles Law Blog Design</a> (0)</li><li><a href="http://blogdesignstudio.com/web-design/dont-let-wordpress-scare-your-clients/" title="Don&#8217;t Let WordPress Scare Your Clients (December 21, 2009)">Don&#8217;t Let WordPress Scare Your Clients</a> (0)</li><li><a href="http://blogdesignstudio.com/recent-work/nfl-touchdown-redesign/" title="NFL Touchdown redesign (April 30, 2009)">NFL Touchdown redesign</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/boost-your-blogs-speed/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>RIP my-hacks.php in WordPress 2.8</title><link>http://blogdesignstudio.com/wordpress-customization/rip-my-hacks-php-in-wordpress-2-8/</link> <comments>http://blogdesignstudio.com/wordpress-customization/rip-my-hacks-php-in-wordpress-2-8/#comments</comments> <pubDate>Thu, 25 Jun 2009 14:06:40 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[blog design]]></category> <category><![CDATA[Blog Platform]]></category> <category><![CDATA[customize]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/rip-my-hacks-php-in-wordpress-2-8/</guid> <description><![CDATA[In the earlier versions of WordPress, the only way to change it&#8217;s behavior was to change the core files of WordPress. That was never considered as safe and was never simple for those programers who didn&#8217;t have much experience with PHP/MySql. However, with newer versions, WordPress started supporting both plugins &#38; themes and with that [...]]]></description> <content:encoded><![CDATA[<p>In the earlier versions of WordPress, the only way to change it&#8217;s behavior was to change the core files of WordPress. That was never considered as safe and was never simple for those programers who didn&#8217;t have much experience with PHP/MySql. However, with newer versions, WordPress started supporting both plugins &amp; themes and with that the need to play around with the core files diminished.</p><p><span id="more-621"></span><p>Till version 2.7.x, WordPress allowed the programers to make changes in the core behavior, in indirect way by allowing them to add functions in <b>my-hacks.php</b> file. This way it kept the core files safe. Although, after the release of WordPress 2.8 the support for this file has been discontinued. I believe that the move is absolutely correct as there weren&#8217;t many users of this particular feature and if at all any functionality needs to be added, it can be done through themes and plugins directly.</p><p>The good news is that those who are interested in keeping this feature can follow these simple solutions posted by <a href="http://wpengineer.com/my-hacksphp/">Frank @ WPengineer</a>. By the way, have you ever used this option or ever made use of my-hacks.php file?</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/wordpress-customization/rip-my-hacks-php-in-wordpress-2-8/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/wordpress-customization/hits-and-misses-of-wordpress-26-tyner-and-the-bug-which-i-found/" title="Hits and Misses of WordPress 2.6 &#8220;Tyner&#8221; and the bug which I found! (July 18, 2008)">Hits and Misses of WordPress 2.6 &#8220;Tyner&#8221; and the bug which I found!</a> (2)</li><li><a href="http://blogdesignstudio.com/blog-marketing/who-sees-ads-trick-increased-email-subscriber-count-by-180/" title="&#8220;Who Sees Ads&#8221; trick increased email subscriber count by 180% (December 22, 2008)">&#8220;Who Sees Ads&#8221; trick increased email subscriber count by 180%</a> (7)</li><li><a href="http://blogdesignstudio.com/blogging-tips/a-few-mistakes-that-beginning-bloggers-should-be-aware-of/" title="A few mistakes that beginning bloggers should be aware of (December 7, 2009)">A few mistakes that beginning bloggers should be aware of</a> (2)</li><li><a href="http://blogdesignstudio.com/blogging-tips/what-you-need-to-learn-from-valleywags-blogger/" title="What you need to learn from Valleywag&#8217;s blogger! (October 22, 2008)">What you need to learn from Valleywag&#8217;s blogger!</a> (1)</li><li><a href="http://blogdesignstudio.com/mini-blog/check-out-the-wordpress-27-backend-pictures/" title="Check out the WordPress 2.7 backend pictures! (October 6, 2008)">Check out the WordPress 2.7 backend pictures!</a> (3)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/rip-my-hacks-php-in-wordpress-2-8/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Security Check : Role of Username in securing your WordPress blog</title><link>http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/</link> <comments>http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/#comments</comments> <pubDate>Fri, 22 May 2009 07:37:33 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[Wordpress Tutorials]]></category> <category><![CDATA[password]]></category> <category><![CDATA[security]]></category> <category><![CDATA[username]]></category><guid isPermaLink="false">http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/</guid> <description><![CDATA[We&#8217;ve already stressed on the importance of strong password in the security check series. And i&#8217;m sure that some of you&#8217;ll be surprised to find out that &#8220;Username&#8221; of the blog plays an important role in the security of the blog. If you don&#8217;t tend to agree, then here&#8217;s some food for thought &#8211; Will [...]]]></description> <content:encoded><![CDATA[<p style="clear: both">We&#8217;ve already stressed on the <a href="http://blogdesignstudio.com/wordpress-customization/security-check-how-about-a-stronger-password-for-wordpress-blogs/" title="stronger password for security" target="_blank">importance of strong password</a> in the <a href="http://blogdesignstudio.com/tag/security/" title="secure wordpress blog" target="_blank">security check series</a>. And i&#8217;m sure that some of <strong>you&#8217;ll be surprised to find out that &#8220;Username&#8221; of the blog plays an important role in the security of the blog</strong>. If you don&#8217;t tend to agree, then here&#8217;s some food for thought &#8211; Will it be difficult if you were to guess only password or will it be difficult for you to guess both username &amp; password?</p><p style="clear: both">While you ponder over the question (are you still thinking about it? if the answer is yes, go ahead and <a href="http://self-help.bafree.net/three-ways-for-exercising-your-mind" title="mind exercise" target="_blank">take these mind exercises</a> or <a href="http://www.lifeoptimizer.org/2008/04/09/brain-workout-10-free-mind-games-to-exercise-your-brain/" title="brain work-out" target="_blank">play these games</a>), I would remind you to ensure that you <a href="http://feeds2.feedburner.com/studiowordpress/" title="subscribe blog design studio" target="_blank">subscribe to our blog</a> for regular tips like these.</p><p><span id="more-584"></span><p style="clear: both;">WordPress by default has &#8220;admin&#8221; as the username and thus it becomes easier for the hackers to run the <a href="http://en.wikipedia.org/wiki/Brute_force" title="brute force" target="_blank">bruteforce attack</a> on your blog. If you use default username (i.e. &#8220;admin&#8221;), they just have to work on the password, however if you don&#8217;t use this username and have something different or personal, then it&#8217;ll be equally difficult for the hackers to crack the username and password (this explanation is for those who are still thinking about the question). Anyway, here are some of the steps that you should perform to ensure that you are safe from the &#8220;username&#8221; point of view as well -</p><p style="clear: both;"><strong>1. Rename the admin username</strong> -</p><p style="clear: both;">a. Using your webhost&#8217;s MySQL admin tool (e.g. phpmyadmin), locate and select your WordPress database.<br /> b. Then &#8211; locate and select the wp_users table (<a href="http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/" title="wordpress table prefix" target="_blank">wp prefix may differ</a>) and then click the browse icon.<br /> c. Locate &#8220;admin&#8221; and click the edit icon.<br /> d. Under the user_login section, change &#8220;admin&#8221; to your preferred name and click go.</p><p style="clear: both;"><strong>2. Mention your public name in profile</strong> &#8211; WordPress allows you to change your display name and gives the option of displaying the username, nickname, first name or full name as the author name in the post. It becomes an important step because by default, it displays your username as the author name.</p><p style="clear: both;">So, you should specify the first name, last name and if you want you may specify the nickname too and then change the display name accordingly.</p><p style="clear: both;"><strong>3. Create another username</strong> &#8211; I&#8217;ve been an avid supporter of not using the admin username for day to day stuff. It&#8217;s always sensible to have an extra and limited account. I will suggest you to add another username for your blog and give it the role of &#8220;editor&#8221; instead of admin rights and use it for everyday task.</p><p style="clear: both;">I hope that you&#8217;ll be finding this series a little bit useful and that you&#8217;ll be able to keep your blog safe from the prying eyes!</p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/wordpress-customization/security-check-how-about-a-stronger-password-for-wordpress-blogs/" title="Security Check &#8211; How about a stronger password for WordPress blogs? (May 15, 2009)">Security Check &#8211; How about a stronger password for WordPress blogs?</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-plugins/find-out-if-your-wordpress-theme-is-worth-your-love/" title="Find out if your WordPress theme is worth your love? (June 16, 2009)">Find out if your WordPress theme is worth your love?</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/tools-that-can-help-you-make-wordpress-secure/" title="Tools that can help you make wordpress secure! (March 17, 2009)">Tools that can help you make wordpress secure!</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/" title="Security Check &#8211; WordPress table prefix change adds more security (May 21, 2009)">Security Check &#8211; WordPress table prefix change adds more security</a> (4)</li><li><a href="http://blogdesignstudio.com/mini-blog/amazing-and-quick-security-posts/" title="Amazing and quick security posts! (May 26, 2009)">Amazing and quick security posts!</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Security Check &#8211; WordPress table prefix change adds more security</title><link>http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/</link> <comments>http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/#comments</comments> <pubDate>Thu, 21 May 2009 10:11:01 +0000</pubDate> <dc:creator>mayank</dc:creator> <category><![CDATA[Wordpress Customization]]></category> <category><![CDATA[Wordpress Tutorials]]></category> <category><![CDATA[security]]></category> <category><![CDATA[Table prefix]]></category><guid isPermaLink="false">http://blogdesignstudio.com/uncategorized/security-check-wordpress-table-prefix-change-adds-more-security/</guid> <description><![CDATA[Till this time we&#8217;ve covered the basics of security measures that one should take to secure their blogs. Today we are going to take slightly advanced approach and will try to ensure that automatic bots will not be able to gain access to your blog easily as we&#8217;ll change the table structure of the blog. [...]]]></description> <content:encoded><![CDATA[<p style="clear: both">Till this time we&#8217;ve covered the basics of <a href="http://blogdesignstudio.com/tag/security/" title="secure wordpress blog" target="_blank">security measures that one should take to secure their blogs</a>. Today we are going to take slightly advanced approach and will try to ensure that automatic bots will not be able to gain access to your blog easily as <strong>we&#8217;ll change the table structure of the blog</strong>. Don&#8217;t worry if it sounds scary to you; we&#8217;ll ensure that you&#8217;ll be able to do it pretty easily as there are various tools available for the same.</p><p><span id="more-582"></span><p>While <a href="http://blogdesignstudio.com/blogging-tips/how-to-install-wordpress-famous-5-minute-installation/" title="install wordpress" target="_blank">installation of WordPress</a>, we come across a value called <strong>Table Prefix</strong>, in Wp-config.php file. By default, this value is &#8220;wp_&#8221; and most of the bloggers tend to leave the default value over there. This is where, automated bots can easily start attacking as they already know the major structure of the whole database.</p><p style="clear: both">There can be two approach for this particular problem -</p><p style="clear: both"><strong>1. Changing the table prefix before installation</strong> &#8211; This is a no brainer! If you are doing manual installation, you just need to change the table prefix from &#8220;wp_&#8221; to anything else (e.g. wp12_ , wp_1_ &#8211; in short just about anything), in wp-config.php file.</p><p style="clear: both"><strong>2. Changing the table prefix after installations</strong> &#8211; There are many bloggers who tend to install WordPress through automated scripts like Fantastico or through one-click installers. Those scripts don&#8217;t allow you to change the table prefix and thus the only resort in that case is to play around with phpMyAdmin and by running sql queries. There is an automated way as well.</p><p style="clear: both"><strong>a. Manual way of changing</strong> &#8211; Sherif has posted a wonderful and detailed tutorial that allows you to <a href="http://tdot-blog.com/wordpress/6-simple-steps-to-change-your-table-prefix-in-wordpress" title="change wordpress table prefix" target="_blank">change the table prefix in 6 simple steps</a>.</p><p style="clear: both"><strong>b. Automatic way of changing</strong> &#8211; Fortunately, there are plugins available to automate this 6 step process and you may use them to make your life even simpler. <a href="http://blogsecurity.net/wordpress/tool-130707" title="table prefix changer" target="_blank">Blog Security has already released a plugin</a> that automates the things for you. <a href="http://semperfiwebdesign.com/custom-applications/wp-security-scan/" title="wordpress security scan" target="_blank">WP-Security scan plugin</a> also allows you to do the same work.</p><p style="clear: both"><strong>***Words of Caution***</strong> &#8211; Don&#8217;t forget to make <a href="http://blogdesignstudio.com/blogging-tips/how-to-back-up-your-wordpress-database-on-a-regular-basis/" title="backup wordpress database" target="_blank">backup of your database</a>.</p><p style="clear: both">I told you! It only sounds scary, however it isn&#8217;t that difficult to play around with WordPress and little advanced tools. Now you know that <a href="http://blogdesignstudio.com/blogging-tips/why-choose-wordpress-as-the-blogging-platform/" title="choose wordpress blogging engine" target="_blank">why I advocate for WordPress</a>!</p><p><br class="final-break" style="clear: both" /></p><hr /> <strong>Download Free Ebook - <a href="http://blogdesignstudio.com/make-money-online.pdf">Tips and Tricks to Make Money Online</a></strong><p><small>© mayank for <a href="http://blogdesignstudio.com">Blog Design Studio</a>, 2009. | <a href="http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/">Permalink</a> </small></p><h4>Related posts</h4><ul class="st-related-posts"><li><a href="http://blogdesignstudio.com/wordpress-customization/security-check-role-of-username-in-securing-your-wordpress-blog/" title="Security Check : Role of Username in securing your WordPress blog (May 22, 2009)">Security Check : Role of Username in securing your WordPress blog</a> (7)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/security-check-do-upgrades-regularly-and-be-secure/" title="Security Check &#8211; Do upgrades regularly and be secure! (May 16, 2009)">Security Check &#8211; Do upgrades regularly and be secure!</a> (0)</li><li><a href="http://blogdesignstudio.com/mini-blog/amazing-and-quick-security-posts/" title="Amazing and quick security posts! (May 26, 2009)">Amazing and quick security posts!</a> (0)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/wordpress-security-service-for-free/" title="WordPress Security Service for free! (January 18, 2010)">WordPress Security Service for free!</a> (1)</li><li><a href="http://blogdesignstudio.com/wordpress-customization/security-check-how-about-a-stronger-password-for-wordpress-blogs/" title="Security Check &#8211; How about a stronger password for WordPress blogs? (May 15, 2009)">Security Check &#8211; How about a stronger password for WordPress blogs?</a> (0)</li></ul>]]></content:encoded> <wfw:commentRss>http://blogdesignstudio.com/wordpress-customization/security-check-wordpress-table-prefix-change-adds-more-security/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 71/113 queries in 0.196 seconds using disk
Content Delivery Network via cdn.blogdesignstudio.com

Served from: blogdesignstudio.com @ 2010-03-19 09:02:34 -->