Tag: wordpress recipes

Ultimate .htaccess Hacks to Supercharging your WordPress websites

Ultimate .htaccess Hacks to Supercharging your WordPress websites

There are several ways to improve your WordPress websites. Once you are done playing with the WordPress dashboard, plugins and themes then you must take a look to .htaccess. The .htaccess file is the easiest and the cheapest (actually it’s free!) solution to supercharging your WordPress websites but there are also some basic Apache knowledge requirements.
Continue reading

How to use Featured Post Image in NARGA child theme

How to use Featured Post Image in NARGA child theme

I’ve crafted NARGA as WordPress starter theme to help me make another WordPress theme without built it from zero and save loads of time in the process.
Child themes are not as difficult as they may appear. The benefits of working off a parent theme means you don’t need to write all the HTML/CSS from scratch. A child theme will automatically use any template files you include, such as content.php or footer.php. But if they are missing, then your child theme will pull the same files from its parent.
When you write a post, you will find the way to set a featured image of post, that’s aweasome feature to make your website more attraction. In this short tutorial I am going to display and explain the code for getting the Featured Images to fit your needs.

How to use Featured Post Image in NARGA child theme
How to use Featured Post Image in NARGA child theme

Continue reading

A Guide to Creating WordPress Child Theme

A Guide to Creating WordPress Child Theme

The most interesting feature of WordPress which I like is Child Theme. A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme without having to edit the original/parent theme template files. Since the child theme is stored separately, you don’t need to redo the changes next time you upgrade the theme. For this reason, child themes are the recommended way of making modifications to a theme.
Child themes let you start with the basics of an existing theme, so you’re not having to reinvent the wheel. You can pick a theme that has the functionality and basic layout you need, but then customize everything about it as you would designing a theme from scratch. So, choose a good WordPress original/parent theme is very important. I recommend that you choose a WordPress Theme Framework.
Continue reading

Build your own WordPress Development Environment

Build Your Own WordPress Development Environment

Since moved to WordPress, I always made my theme yearly. Like another WordPress Themes Developer, I created my own developing environment to custom WordPress design and development. If you want to become a freelance WordPress Themes Developer or just make your own WordPress theme like me, this topic will list the things you need before you start.

Local Web Server

Before you can start creating a theme, plugin…, you must first install your own local web server that can install WordPress and testing your works. There are a lot of Local Web Server on Windows, Linux, Mac Os. Here is a selection of my favourite packages.

  • LAMP (Linux Apache MySQL PHP): If you running Linux, you can create a perfect server can working like real web server on the world with little config. It’s can easy install and automatic configuration on some popular Linux distro like Ubuntu, Fedora, SUSE, Arch …
  • XAMPP: It can be run on the multi operating systems: Windows, Linux, Mac OS X and Solaris. It’s package with pre-configured and just install and run. Let’s try it if you are ordinary computer users.
  • WAMP: WampServer installs automatically all you need to start developing web applications and is very intuitive to use. You will be able to tune your server without even touching the setting files.
  • MAMP: The abbreviation “MAMP” stands for: Macintosh, Apache, Mysql and PHP. With just a few mouse-clicks, you can install Apache, PHP and MySQL for Mac OS X!

Let’s choose your favorite Local Web Server, so you may have to try them to choose the best.

Build your own WordPress Development Environment
Build your own WordPress Development Environment

Choosing a Good Web Browser

Choose good web browsersYou need a good web browser to view the result of your works and the biggest browsers for working with WordPress themes, plugins … is Firefox and Chrome. After it’s installed, you need install some plugins and add-of to improve the browsers features.
For a more comprehensive list of good Add-ons, see The Essential Firefox Add-ons for Web Designers, Essential Google Chrome Extensions for Web Designers. If you using Mac OS, the Safari browser is good to choice but its lack of some useful add ons.
Because Windows is most using operating system on the world for personal using. I recommend you use or install Internet Explorer browser for testing your WordPress theme and make sure it displays correctly.

Preparation of useful WordPress documents

[adsense ad_client=ca-pub-0297902515090400 ad_slot=3999285131 width=336 height=280]

Debugging and Checking

  • Do a run-through using the  WordPress Theme Unit Test
  • WordPress Template File Checklist
  • Fix PHP and WordPress errors. Add the following debug setting to your wp-config.php file to see deprecated function calls and other WordPress-related errors: define(‘WP_DEBUG’, true);.
  • Validate HTML and CSS. See Validating a Website.
  • Check for JavaScript errors.
  • Test in all your target browsers. For example, IE7, IE8, IE9, Safari, Chrome, Opera, and Firefox.
  • Clean up any extraneous comments, debug settings, or TODO items.
  • See Theme Review if you are publicly releasing the Theme by submitting it to the Themes Directory.

Advanced Toolkits

  • Version Control: Why do you need a Version Control System? Let’s answer these questions:
    • Made a change to code, realised it was a mistake and wanted to go back?
    • Lost code or had a backup that was too old?
    • Had to maintain multiple versions of a product?
    • Wanted to see the difference between two (or more) versions of your code?
    • Wanted to prove that a particular change broke or fixed some piece of code?
    • Wanted to submit a change (patch) to someone else’s code?
    • Wanted to see how much work is being done (where/when/who)?
    • Wanted to experiment with a new feature without interfering with working code?

    If you have more than 3 questions with YES, I recommend using a Version Control System like SVN, Git, Bazaar, … Why? You’ve answered it!

  • Cloud Storage: If your project always backup to the cloud, your works will be safe and can access anywhere, anytime and easy to share, public and more… Almost cloud storage services are free and enough for your project like Dropbox, Google Drive, Box, …

Conclusion

In this post, I’ve told you some basic steps to make your computer has a WordPress Development Environment without creating a separate installation. It’s not everything but enough for starting. Let’s try it!

Highlighting Author Comments in Wordpress

How to Highlight Author Comments in WordPress using CSS

Many blogs highlight the author’s comment in the comments section. I’m talking about how to highlight comments posted by the author of the article. You can use many plugins to get this effect (For eg., the Highlight Author Comments Plugin) – but you don’t have to. You can get the get the same effect by adding a small bit of CSS code to your theme.

Highlighting Author Comments in WordPress
Highlighting Author Comments in WordPress

Most snippets will target and try to find author’s email or user id, but that actually slows your site down. Why not using CSS selector and find author’s comment and change the background color so it is easily pointed out. Pretty smart. After that, it was a simple matter of times to see the result.
Continue reading

Social Bookmarking Link Codes

45+ Most Popular Social Bookmarking Link Codes for WordPress

Social bookmarking is a method for Internet users to share, organize, search, and manage bookmarks of web resources. Unlike file sharing, the resources themselves aren’t shared, merely bookmarks that reference them. With Social Bookmark websites, users can save and categorize a personal collection of bookmarks and share them with others. Your visitors can now bookmark and submit your websites to all their favorite social bookmark services with the ease of a single click.
So how can we encourage more people to share our links? One of the easiest options is to include a set of links at the bottom of your posts which readers can click to automatically vote for your article.
Social Bookmarking Link Codes

In this post, I’ve written the WordPress codes for 45+ of the most popular social bookmarking and networking sites out there.
Continue reading

Wordpress recent posts and recent comments

How to list most recent comments and recent post in WordPress

Installing too many plugins will make the WordPress blog work slowly and unstable, use code built-in your theme will reduce the system resources.

Wordpress recent posts and recent commentsI’ve known a ton of plugins and widgets that allows me to list recent comments and recent post on my WordPress blog but I’m not using it. Because I’ve integrated some useful code below then I get results similar to those extensions which I’ve known.Continue reading

Display plan text counter of FeedBurner, Delicious and Twitter

FeedBurner, Delicious and Twitter provided a way to showing you the several times the URL of the current page has actually appeared on their services. So the visitors assessed to your website can know How many people were Subscribed your feed url, how many people you have bookmarked your website url at Delicious or how many follower of your Twitter account …

Simple, their counter buttons are ugly. They don’t match with all the designs, and on most designs they just look ugly. The ability to display the subscriber count gives you a lot of control over styling and make the count work with your design. Therefore in this article we will share a way you can display FeedBurner subscriber, Twitter followers, Delicious saver count as text in WordPress (it also has the same effect in other blog, cms platform) which allows you can style it and make it look like a part of a design rather than a copy and paste.
Continue reading

Separate pings from comments in WordPress v2.7+

One of the greatest disruptions to the conversation that goes on in comments are the trackbacks. They’re great, and I love it when people link to my blog. I always want to separate them because they really detract from the discussions that my readers are having, and they sometimes can make it difficult for a new reader to follow. How about you? This tutorial will show you how to separate Trackbacks/Pings and Comments in WordPress

What is the Difference Between a Comment and a Trackback?
A comment is an interaction between a reader and the blogger about the blog post. A trackback is a link to this post published on another blog post.

The thing it, it’s a little bit different in WordPress 2.7+ than in previous versions, so I had to look up how to split the comments from trackbacks. I started off by making some modifications to the comments.php and functions.php files. Now, comments show up on top, and trackbacks show up below.
Continue reading