Plugin Directory

Test out the new Plugin Directory and let us know what you think.
!This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Islamic Graphics

Shortcode for the insertion of graphics representing the common Islamic phrases: SAW, RA, SWT and AS, into WordPress posts and pages.

How do I use the shortcodes to insert Islamic Graphics?

The basic shortcode structure is [shortcode_name h="" c=""]

The following are a list of possible values for shortcode_name, and the islamic phrases that will result when they are used:

alayhis - 'alayhi'l-salām, peace be upon him

rahimaha - raḥimahā Allāh, may Allah have mercy upon her

rahimahu - raḥimahullāh, may Allah have mercy upon him

rahimahum - raḥimahum Allāh, may Allah have mercy upon them

ranha - raḍyAllāhu 'anha, may Allah be pleased with her

ranhu - raḍyAllāhu 'anhu, may Allah be pleased with him

ranhum - raḍyAllāhu 'anhum, may Allah be pleased with them

saw - ṣallallāhu 'alayhi wa sallam, peace and blessings of Allah be upon him

swt - subḥānahu wa ta'āla, glorified and exalted be He

The h and c attributes are optional and allow you to override the plugin's default settings.

The h attribute controls the image height in pixels. Plugin default is 20px. The c attribute sets the image colour: 'black' or 'white'. Plugin default is 'black'.

E.g., to insert the "ṣallallāhu 'alayhi wa sallam" graphic with a default height and colour, use: [saw]

E.g., to insert the "'alayhi'l-salām" graphic with an override height of 25px and default colour, use: [alayhis h="25"]

E.g., to insert the "subḥānahu wa ta'āla" graphic with a default height and override colour of white, use: [swt c="white"]

E.g., to insert the "raḥimahullāh" graphic with an override height of 18px and override colour of black, use: [rahimahu h="18" c="black"]

You can set your own default values for height and colour via the Options page, under Dashboard > Settings > Islamic Graphics.

Note: if you are upgrading from a pre-1.1.0 release of the plugin, you don't need to amend your posts to remove the "_w" from the shortcodes. The images will still appear, but in the default colour. Set the default to white to perform an immediate site-wide change.

Where can I find the default display options?

Under Dashboard > Settings > Islamic Graphics.

From there you can set...

The default height of embedded images in pixels.

The default colour (black or white).

The display of images and/or text: 1) Images only - displays the graphic of the Islamic phrase only. 2) Images (with translation) - displays the graphic along with the English translation of phrase in brackets. 3) Romanized text (with translation) - displays the romanized version of the phrase with English translation in brackets. 4) Romanized text only - displays the romanized version of the phrase only. 5) Translation only - displays the English translation in brackets only.

Can I customize the Islamic Graphic via CSS?

Yes. Embedded images can be customized using 'img.islamic_graphic' and text by 'span.islamic_graphic'.

Who designed the graphics?

The SAW graphic is based on the unicode symbol: ﷺ. Radiallahu anh and SWT graphics were based on the font "Islamic Phrases", designed by AlMedia.net, which is available to download for free, for personal use only, from http://www.almedia.net/free-arabic-fonts.htm. The remaining graphics were hand drawn.

Requires: 2.7.0 or higher
Compatible up to: 3.3.2
Last Updated: 5 years ago
Active Installs: 100+


0 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1