Help Articles

How to Type and Publish Urdu Content on Your WordPress Website

This guide will walk you through the steps to write and publish content in Urdu on your Singlebolt WordPress website.

We’ll cover:

  • enabling the Urdu keyboard on your computer,
  • an important note on text alignment and design, and
  • the difference between technical display of Urdu on your website and the font of your Urdu text

Good News: Your Website is Ready for Urdu!

First, know that your website, powered by SingleBolt, is technically equipped to handle Urdu content.

آپ کی ویب سائیٹ میں یہ صلاحیت موجود ہے۔ اردو کو صحیح طریقے سے دکھانے کی حد تک آپ کا کام چل جاتا ہے۔

WordPress has excellent built-in support for various languages, including Right-to-Left (RTL) languages like Urdu. You can start typing and publishing articles in Urdu right away.

The process involves two main stages:

  1. Enabling the Urdu keyboard on your computer.
  2. Understanding how to align Urdu text within the WordPress editor.

Part 1: Enable the Urdu Keyboard on Your Computer

To type in Urdu, you first need to add the Urdu keyboard to your operating system.

On Windows (10 & 11):

  1. Open Settings: Click the Start Menu and select Settings (⚙️).
  2. Go to Time & Language: Click on “Time & Language”.
  3. Select Language & Region: From the side menu, choose “Language & region”.
  4. Add a Language: Click the + Add a language button.
  5. Install Urdu: Search for “Urdu”, select “اردو (Urdu)”, click “Next”, and then “Install”. You do not need to set it as your display language.

On macOS:

  1. Open System Settings: Click the Apple logo () and choose “System Settings”.
  2. Go to Keyboard: Select “Keyboard” from the sidebar.
  3. Add Input Source: Under “Text Input,” click the “Edit…” button next to “Input Sources”.
  4. Add Urdu Keyboard: Click the plus icon (+), find and select “Urdu” (we recommend the “Phonetic” layout), and click “Add”.

Part 2: Switch to Urdu and Type in WordPress

Once the keyboard is installed, you can easily switch to it while writing.

  1. Switch Keyboards:
    • Windows: Click the language code (ENG) on your taskbar (near the clock) and select Urdu, or use the shortcut: Windows key + Spacebar.
    • macOS: Click the language icon in the top menu bar or use the shortcut: Control + Spacebar (or the Globe key 🌐).
  2. Type in WordPress:
    • Log in to your WordPress dashboard and create a new Post or Page.
    • Switch your keyboard to Urdu.
    • Click into the editor’s title or content area and begin typing.

Part 3: Important Note on Design (LTR vs. RTL)

This is the important design consideration you should be aware of.

English is a Left-to-Right (LTR) language, while Urdu is a Right-to-Left (RTL) language. This change in direction can affect how the design looks.

While WordPress automatically detects Urdu and sets the text direction to RTL, you may sometimes need to make manual adjustments for a better visual presentation, especially when mixing Urdu and English.

Using Alignment Buttons: A Quick Solution

For a straightforward way to control how your Urdu text is displayed, you can use the alignment tools directly within the WordPress editor.

  1. Highlight the Urdu text, paragraph, or block you want to adjust.
  2. In the block toolbar that appears, you will see alignment options.
  3. Click the “Align text” button and choose “Align text right”.

This will force the selected text to align to the right side of its container, which is often more visually appealing for Urdu content.

This is how it will look on your normal LTR theme:

آپ کی ویب سائیٹ میں یہ صلاحیت موجود ہے۔ اردو کو صحیح طریقے سے دکھانے کی حد تک آپ کا کام چل جاتا ہے۔

But the moment you apply the right-align attribute to the paragraph, it looks like this:

آپ کی ویب سائیٹ میں یہ صلاحیت موجود ہے۔ اردو کو صحیح طریقے سے دکھانے کی حد تک آپ کا کام چل جاتا ہے۔

It’s a simple but effective way to ensure your Urdu articles look polished and professional.

Part 4: Urdu Fonts on Your Website

Please note, this Urdu text will display as a default font, and that is dependent on the viewer what his/her default font on his computer system is at the moment.

If you want to enforce a specific font style, you would need to install Urdu fonts on your website so that viewers get to see your choice of font. That is a design element of your WordPress theme, not a technical element of your website.

This will make the default styles from this:

حدیث دل کسی درویش بے گلیم سے پوچھ
خدا کرے تجھے تیرے مقام سے آگاہ

To this (after applying right-align, and then selecting your font)

حدیث دل کسی درویش بے گلیم سے پوچھ
خدا کرے تجھے تیرے مقام سے آگاہ

That is relatively simple to do, and if you are using the default WordPress theme (like TwentyTwentyFive etc), this can be achieved by doing the following steps:

  1. Install font in your Styles section
  2. Once installed, you can go about writing posts and pages.
  3. When you are in your edit post/page section and you are writing your content, select the ‘font’ section from the Paragraph block property and select your appropriate font.

This way, your Urdu font can not only display in the right format, it can also be styled in the right font.

Install Urdu Fonts on Your Website

We have a detailed, step-by-step guide on how to install an Urdu font on your SingleBolt website

Hope this helps. Let us know if you have any questions related to this. Thank you for your trust in our services.