1. Simplicity

MobilePress WordPress Template

While you create your mobile design, the only thing that should come to mind is simplicity. A lot of things are not needed in a mobile design. Like I argued earlier, removing the sidebar which naturally floats under the contents because of the tiny screen is an automatic requirement. Links should be clickable and text needs to be easy to read. Larger fonts always make readers happy. . There is no need allowing your loyal reader constantly strain their eyes because they want to read your piece, sooner or later someone else will snatch them from you. The bottom-line is to keep everything simple and user-friendly.
Tip: 8 Recommended WordPress Plugins To Power Up Your Blog

2. Integration

Now that your site is simple, it is important that you match the elements from your standard site to your mobile site. This is a very important feature, if your blog has a traditional color of black and green, it would be out-of-place to make your mobile design have red and blue. The point is to incorporate the same branding ideas on both sides, so anyone visiting either the standard or mobile site won’t have to spend time thinking if his arrival was on the right blog.

3. Avoid Pop-Up Windows
http://www.thatnaijablog.com/2013/08/5-tips-for-optimizing-your-blog-for-mobile-users.html