Menulis Persamaan Matematika di WordPress (3)

Pada bagian ini kita bahas cara memodifikasi tampilan rumus: ukuran huruf, warna huruf, dan warna latar (background). Sebagai review, untuk menulis persamaan kita apit kode LaTeX di antara \( dan \) (inline) atau \[ dan \] (display). Kode-kode dasarnya sudah kita bahas di bagian 1 dan bagian 2.

Catatan: dulu blog ini memakai parameter gaya &s, &fg, &bg bawaan WordPress.com. Sejak beralih ke MathJax, pengaturan tampilan dilakukan langsung dengan perintah LaTeX di dalam rumus — yang justru lebih fleksibel.

Mengubah ukuran huruf
Gunakan perintah ukuran LaTeX, dari kecil ke besar: \tiny, \scriptsize, \small, \normalsize, \large, \Large, \LARGE, \huge. Tempatkan perintah ukuran di awal rumus:

Kode : \( \small ax^2 + bx + c = 0 \)
Hasil : \( \small ax^2 + bx + c = 0 \)

Kode : \( \Large ax^2 + bx + c = 0 \)
Hasil : \( \Large ax^2 + bx + c = 0 \)

Mengubah warna huruf (foreground)
Gunakan \color{warna}{...} untuk mewarnai bagian rumus. Warna bisa berupa nama (mis. red, blue) atau kode heksadesimal RGB dengan tanda pagar, mis. {#cc0000}. Contoh:

Kode : \( \color{#cc0000}{ax^2 + bx + c = 0} \)
Hasil : \( \color{#cc0000}{ax^2 + bx + c = 0} \)

Kode : \( \color{#006600}{ax^2 + bx + c = 0} \)
Hasil : \( \color{#006600}{ax^2 + bx + c = 0} \)

Anda juga bisa mewarnai hanya sebagian rumus, mis. menyorot satu suku saja:

Kode : \( ax^2 + \color{#cc0000}{bx} + c = 0 \)
Hasil : \( ax^2 + \color{#cc0000}{bx} + c = 0 \)

Mengubah warna latar (background)
Gunakan \bbox[warna]{...} untuk memberi kotak berwarna di belakang rumus:

Kode : \( \bbox[#7FFFD4]{ax^2 + bx + c = 0} \)
Hasil : \( \bbox[#7FFFD4]{ax^2 + bx + c = 0} \)

Beri sedikit padding agar lebih lega dengan menambahkan ukuran, mis. \bbox[5px,#7FFFD4]:

Kode : \( \bbox[5px,#7FFFD4]{ax^2 + bx + c = 0} \)
Hasil : \( \bbox[5px,#7FFFD4]{ax^2 + bx + c = 0} \)

Menggabungkan beberapa pengaturan sekaligus
Perintah-perintah di atas bisa ditumpuk: ukuran, warna huruf, dan latar dalam satu rumus.

Kode : \( \bbox[5px,#000033]{\large \color{#33FFD4}{ax^2 + bx + c = 0}} \)
Hasil : \( \bbox[5px,#000033]{\large \color{#33FFD4}{ax^2 + bx + c = 0}} \)

Catatan:

• Kode warna heksadesimal memakai format RGB yang sama seperti di HTML/desain grafis (mis. #000000 hitam, #ffffff putih).
• \color akan mewarnai semua yang ada di dalam blok { }-nya. Atur cakupan blok untuk menentukan bagian mana yang diwarnai.
• Untuk teks biasa (bukan simbol matematika) di dalam rumus, bungkus dengan \text{...}, mis. \text{maka}. []