Cara menulis artikel Arabic di WordPress

Sebenarnya masalah penulisan huruf Arab di postingan baik Blogspot, WordPress, dan lainnya sudah sering dibahas di dunia maya, bahkan dengan bantuan paman google kita bisa mendapatkan banyak pembahasan mengenai hal tersebut.  Biasanya kita posting arabic dengan bantuan notepad maupun copy paste dari aplikasi lain, akan dihasilkan tampilan seperti ini :       بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Selain kurang enak dibaca juga harokat menjadi tidak begitu jelas, kadang menggunakan mode gambar, yaitu hasil copy dari huruf arab di simpan dengan format gambar, biasanya jpg atau jpeg. Tetapi cara kedua ini juga ada kelemahan, karena memakai format gambar maka ukuran file menjadi lebih besar dan berefek pada proses jelajah situs menjadi lambat. Kemudian jika kita edit pada bagian HTML, maka tampilan akan menjadi seperti dibawah ini :

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Dengan tampilan seperti ini maka tulisan arab baik hasil copi Ayat Al-Qur’an, Hadits, maupun hasil pengetikan akan lebih indah dan lebih mudah dibaca.

Untuk membuat tulisan arab dengan tampilan seperti diatas sebenarnya cukup mudah, cukup menambahkan beberapa baris kode pada menu HTML dengan klik pada tab HTML (yang dilingkari merah), seperti pada gambar berikut :

Pertama-tama buat postingan baru, kemudian ketik artikel seperti biasa. Ketika akan menyisipkan tulisan arab, baik Copy Paste dari Al-Qur’an, Hadits, maupun mengetik manual, maka disisipkan satu baris kode yang isinya :

<span style="font-family: Kode Huruf">Tulisan Anda</span>

 Kita tinggal mengganti kode huruf, dan tulisan, bisa di tambah kode warna, bayangan dan ketebalan,

Contoh :

<span style="font-family: Traditional Arabic; color: #FF0000; font-size: 45px; font-weight: bold; text-shadow: 4px 4px 8px #000;">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</span>

Hijau = kode font # Merah = kode warna # Biru = besar nya font size, untuk Arabic sebaiknya ukuran diatas 30px, biar tidak kelihatan kecil # Coklat = itu kalau mau tebal # hijau muda = ukuran ketebalan.

Dengan modifikasi kode HTML seperti diatas akan didapatkan tampilan seperti dibawah :
بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ
 untuk tampilan biasa,  tidak memakai bayangan  :

 <span style="font-family: Traditional Arabic; font-size: 45px;">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ </span>

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Untuk ukuran Huruf dan Jenis Huruf bisa diganti sesuai keinginan kita, dengan mengganti langsung pada baris kode tersebut.

CONTOH  :

<p style="text-align: left;"><span style="font-family: Traditional Arabic; font-size: 35px; font-weight: bold; text-shadow: 4px 4px 8px #000;">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</span>

Hasil tampilan :

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Contoh dengan memakai Font Arabic Transparent  :

 <p style="text-align: left;"><span style="font-family: Arabic Transparent; font-size: 35px; font-weight: bold; text-shadow: 4px 4px 8px #000;">  بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ  </span>

Hasil tampilan  memakai shadow  & biasa:

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

 بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Contoh dengan memakai Font Arial :

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

<span style="font-family: Arial; font-size: 35px;">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</span></p>

Jika menginginkan supaya komputer atau laptop kita mendukung pengetikan huruf   hijaiyah, maka perlu di setting menu bahasa dan keyboard nya. Juga bisa di dukung dengan membeli keyboard arabic yang dipasaran berharga sekitar Rp. 50.000,-   Untuk pembahasan setting pengetikan arabic dan aplikasinya insya allah akan dibahas di postingan berikutnya.

Semoga bermanfaat bagi kita semua.