Category: WordPress

Simple Mobile Browser Detection using Javascript

In earlier post about wp_is_mobile() I explain that we can use wp_is_mobile() WordPress function to design theme by adding wp-is-mobile body class and use it in CSS and Javascript/jQuery.

But @samikeijonen mention that similar method was removed from twenty fourteen theme because if we use page cache/html cache the result will also be cached.

 

 

responsive

So I think the best way to use wp_is_mobile() is to also detect mobile browser via javascript/jQuery using this simple code: Read More Simple Mobile Browser Detection using Javascript

WordPress Editor (TinyMCE) how to create line break <br> and not paragraph <p>.

wp-editor-br-vs-p

This is a very simple tips/snippet. One of the biggest annoyance for first time WordPress user is that WordPress Editor/TinyMCE will produce paragraph tag instead of just simply add a line break. This makes it really hard for newbie switching from other blogging platform/social media to write a new content.

This mostly happen to my client (and my self) when first switching from blogger (google) to WordPress or use social media like facebook, twitter, or forum (vBulletin, etc) which do not do this/have this behavior.

What is <br /> and what is <p>?

In WordPress when we write content and hit “Enter”, we will add new paragraph, and there will be a margin in between text, some people try to hit “backspace” to remove the extra margin, but instead it will go to the previous line. It’s probably easier to explain using picture:

why-like-this-wp-editor-br-p

The first (with no margin in every line) is using line break / <br/> tag, and the second one with margin at the bottom is using paragraph / <p> tag.

There’s nothing wrong with WordPress, this is actually a feature in WordPress called auto-p (auto paragraph)

I’ll explain that it’s easy to enable line break on “Enter” in WordPress editor. Read More WordPress Editor (TinyMCE) how to create line break <br> and not paragraph <p>.

How to Host WordPress in Digital Ocean VPS (Step by Step Tutorial)

A simple walk-through in how we can host our WordPress site(s) in Digital Ocean (un-manage VPS) Cloud Server. Using Ubuntu and LAMP.

Introduction

digital-ocean

There’s a lot of WordPress hosting out there, and the price is affordable. But recently several developer friend at Theme Hybrid community shared that they move to Digital Ocean because of several reasons:

  • Better server (response time, ssd storage, bandwidth) than shared hosting
  • Dedicated IP for each droplet
  • Simple interface/easy to use (for a unmanaged vps)
  • Simple backup and we can create snapshot of our server
  • Easier to scale when we need
  • Amazing price, start at $5/month
  • Charged per hour usage, so we can easily create a test site (for clients) and destroy it when we no longer need it.
Read More How to Host WordPress in Digital Ocean VPS (Step by Step Tutorial)

DevPress has been sold via Filppa for $14k.  I got an email from Tung Do, his reason for selling the site is because his wife health.

He is one of the best WordPress theme designer. I hope all goes well for Tung Do and his wife.

WP-Editor.com review on WP Tavern

Despite the WP Editor project being a work in progress, I found the three plugins that are currently available easy to use without needing a manual to get me started. While many themes provide the same functionality through the use of shortcodes, if a user were to switch themes, those styles would disappear. By using a plugin to add these visual elements, users are safe to switch themes without losing the look of their styled content. These plugins are a solid way to easily add visual punch to otherwise boring text.

Jeffro @ WP Tavern

WordPress Visual Editor: Page Builder, Shortcode, TinyMCE

Content in a site is the main dish, and creating content in WordPress is simple. WordPress uses TinyMCE as content editor, we can also spice up our content with shortcodes to create complex content layout.

Last month I launch WP-Editor.com. A simpler way to create buttons, boxes, even column in WordPress Visual Editor. It’s still very limited in term of functionality, but it’s amazing to know that we can do this in WordPress default content editor.

Building Restaurant Site in WordPress

But what if we can do this?

http://www.youtube.com/watch?v=ctnCE7ODaZY

I was working on a restaurant site and i need a simple way to create restaurant menus (food menus, not navigation menus) so the restaurant owner can create easily create food item, re-order food item, delete food item, upload photo of food item, add price, etc. Read More WordPress Visual Editor: Page Builder, Shortcode, TinyMCE

How to add “Next Page”/ “Page Break” button in WordPress Editor

In WordPress we can separate post/pages using <!--nextpage-->. It’s hard to remember the tag, and you need to add it using “Text” editor, not visual editor. This is  how you can add “Next Page” or “Page Break” button in Visual Editor, Just like this:

wordpress-next-page-visual-editor

It’s very simple, you can add this code in your theme/child theme functions.php or add it in a functionality plugin. Read More How to add “Next Page”/ “Page Break” button in WordPress Editor

Having fun while designing WordPress theme with dual monitor and live.js

EEEPC 1025CE Dual Monitor
EEEPC 1025CE Dual Monitor

I never thought that dual monitor will be very productive and fun. I don’t even open several windows in my monitor because it’s too distracting. I always open each window in full screen.  But not anymore with live.js and dual monitor.  It’s really fun ! Read More Having fun while designing WordPress theme with dual monitor and live.js