Category: Web Dev Log

WordPress Editor (TinyMCE) how to create line break <br> and not paragraph <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:


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>.

Today I just deleted several of my low performing websites with thousands of daily visitors in total. Still not sure if it’s the right decisions, but I think it’s time to move on. Fighting!

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.


digital-oceanThere’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)

Stop and Start Windows DNS Cache, when “ipconfig /flushdns” not working

When changing domain name server, I often get 404 not found page or still viewing the site content from previous server. Sometimes it will resolve after few hour, but sometimes need several days. All tutorial I found just mention to flushdns using windows command prompt. But It’s not Working.

This is how I solve the issue.

Follow this step to fix DNS cache problem in Windows Read More Stop and Start Windows DNS Cache, when “ipconfig /flushdns” not working 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 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?

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:


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