WordPress Complete Tutorial 01: Introduce WordPress

This is the first post of my Complete WordPress Tutorials series. For all tutorials in this series, please visit:

What is WordPress?

I suppose you have the concept of blog, or you can figure it out in Wikipedia.

WordPress is originally designed for blog, but now it becomes a full-featured CMS(Content Management System) , which means you can create all kinds of websites with WordPress.

So if you want to have your own personal website(blog), or you’re looking for a tool to create and manage your websites(CMS), I will suggest you to try WordPress. It’s one of the most popular CMS and blog platform in the world(Top 3 CMS: Drupal, WordPress, Joomla) .

Full features of WordPress is described here. And here are some of my favorites:

  • Everything of a Blog: Post, Page, Comment, Trackback, Tag…
  • Theme and Plugin System: Theme and plugin are separated from the core. So that you can change as many themes as you want, or install plugins to get new features without changing(re-installing) WordPress.
  • Easy to update: You can upgrade WordPress, themes and plugins with one click in Admin panel, rather than re-installing or uploading files.

Why You Need a Blog?

There are a lot of blog posts telling you why you need a blog. I’d like to suggest you to read this post by Mark Suster. He’s talking about startups, but you can figure out the power of blog, here are two examples from that post:

Example 1 : Mint.com

Think Mint.com. In their early days they had an enormously effective blog on the topic of personal financial management. They created a reason for their customers to aggregate on their site on a regular basis. They became both a thought leader in the space as well as a beautifully designed product. They created inbound link juice on topics that drove more traffic to their site. Type “personal financial management” into Google.  Mint.com is the second result. Smart.

Example 2: Magento

Think Magento. They are an open-source & SaaS provider of eCommerce solutions. They are the fastest growing player in the world in this space. They achieved all of this before they raised even a penny of venture capital. eCommerce is an enormously competitive search term. Yet type it into Google and the third result (behind the Wikipedia entry and ecommerce.com) is Magento. Magic. They did it by creating a blog, discussion board and hub for eCommerce advice and information.

WordPress.org and WordPress.com

WordPress.org and WordPress.com

There are two WordPress websites: WordPress.org and WordPress.com.

What’s the difference?

WordPress.org is for the open source project of WordPress. Here you can download your own copy of WordPress and install it on your server. And there are a lot of great themes and plugins can be found here.

WordPress.com is a blog service website run by the company behind WordPress, Automattic. They offer free and paid blog service powered by WordPress. You can have a WordPress blog by signing up on their website. The disadvantage  is less flexibility. You can’t edit everything, and they have limitation on themes and plugins.

That’s It for Lesson One

I guess that’s enough for the first lesson. In the next post, I will guide you to go through WordPress.com. You will understand how to blog in WordPress.

jquery.qrcode.js: Browser QRcode Generation JQuery Plugin

jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download.

It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language.

jquery.qrcode.js wraps it to make it easy to include in your own code. jquery.qrcode.js is available under MIT license.

Visit JQuery.qrcode.js

Download JQuery.qrcode.js

Leaflet: Open-Source JavaScript Library for Interactive Maps

Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API.

It is built from the ground up to work efficiently and smoothly on both platforms, utilizing cutting-edge technologies included in HTML5. Its top priorities are usability, performance, small size, A-grade browser support, flexibility and easy to use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.

VISIT Leaflet

Download Leaflet

eIRTE: Open Source WYSIWYG Editor

elRTE is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. It features rich text editing, options for changing its appearance, style and many more. You can use it in any commercial or non-commercial projects.

Main goal of the editor – simplify work with text and formating (HTML) on sites, blogs, forums and other online services.


  • Rich text editing, change its appearance and style
  • Insert and manage various HTML elements with formatting (images, tables, lists and etc.)
  • View and edit HTML-code


  • Advanced work with CSS
    • Setting indentation (margins, paddings) for images and table cells (seperate for each direction)
    • Controlling border properties (width, style, color) with convenient dialogs
    • Writing element properties as CSS-style always when possible
  • Lightweight, fast and easy to integrate
  • Interface appearance is configured from one CSS file
  • No templates used
  • i18n. The editor can be easily localized into any language
  • Designed to work with elFinder file manager, but can also be used with any other
  • Flexible for extensions