20230710 08h48m10s grim

Mengatur Alignment Justify pada Block Paragraf WordPress Tanpa Plugin.

Semenjak aktif menulis di WordPress beberapa bulan terakhir, saya kadang bereksperimen dan mengulik beberapa hal. Di antara yang saya kulik adalah block paragraf. Sebelum mulai sering menggunakan block paragraf, saya hanya menggunakan block markdown. Satu hal yang membuat saya heran pada block paragraf adalah tidak adanya pengaturan untuk alignment justify. Setelah mengulik ke sana ke mari, akhirnya saya menemukan caranya dan tanpa plugin tambahan / eksternal !

Tanpa plugin ? Wah, yang benar ?

Ya, memang tanpa plugin tambahan / eksternal. Saya menemukannya secara tidak sengaja dan bertepatan di saat saya belajar dan mengulik html. Kalaupun ada plugin yang spesifik untuk keperluan mengatur alignment justify, kemungkinan saya juga tidak akan memasang dan menggunakannya. Secara sederhana, kita hanya perlu mengkonversi block paragraf menjadi html, lalu mengatur alignment dengan style html.

Lalu, bagaimana cara mengaturnya secara detail ?

Baiklah, berikut ini adalah beberapa langkah yang bisa dijalankan.

1. Menulis tulisan dengan block paragraf secara biasa.

Kita awali dengan menulis tulisan secara biasa dengan block paragraf. Usahakan sudah mengatur format tulisan (tebal, miring, tautan / hyperlink) terlebih dahulu ! Agar menghindari kesusahan ketika mengatur format tulisan ketika block-nya diubah ke html.

2. Mengedit tulisan sebagai html.

Setelah tulisan siap, kita bisa langsung mengedit tulisan sebagai html (edit as html). Tujuan kita mengedit tulisan sebagai html adalah agar kita bisa menggunakan style html, yang bisa kita gunakan untuk mengatur alignment tulisan menjadi justify.

20230803 08h00m41s grim

Tulisan kita perlu diedit sebagai html, agar bisa menggunakan style html.

3. Mengatur alignment dengan style html.

Setelah tulisan berubah formatnya menjadi seperti html, kita bisa langsung menggunakan style html untuk mengatur alignment-nya menjadi justify. Kita bisa menambahkan ini di awal paragraf dan akhir paragraf.

<div style="text-align:justify">
....
paragraf kita
....
</div>Code language: HTML, XML (xml)
20230803 10h01m47s grim

Style yang kita gunakan adalah text-align, dan alignment yang kita pakai adalah justify.

4. Mengkonversi tulisan ke html.

Setelah kita menambahkan style, ternyata ada peringatan. Kita bisa langsung mengatasinya dengan mengkonversi tulisan ke html (Convert to HTML). Bisa kita akses dari menu titik / dot tiga dan pilih Convert to HTML. Setelah dikonversi, block paragraf akan menjadi block custom html dan bisa langsung kita preview. Tulisan kita akan menjadi rata kanan dan kiri tampilannya.

20230803 08h03m09s grim

Ada peringatan dan kita perlu mengkonversi tulisan ke html.

20230803 08h03m50s grim

Setelah dikonversi ke html dan diatur style alignment-nya, tulisan bisa menjadi rata kanan-kiri / justify.

Selanjutnya ?

Ya, kita sudah berhasil mengatur alignment tulisan kita menjadi justify tanpa plugin. Jika kamu punya tips atau trik yang lain, mungkin bisa dibagi di kolom komentar. Selanjutnya mungkin kita akan mengulik CSS di WordPress. Kita pelajari dulu hehe.

Penutup.

Terima kasih sudah menyimak bahasan kita hari ini. Mungkin masih banyak yang kurang, karena sebenarnya saya juga masih membiasakan dengan WordPress dan html. Jika ada kesempatan, kita akan sambung lagi di lain kesempatan.

Artikel Terkait

Leave a Reply

Your email address will not be published. Required fields are marked *