Pernahkah Anda menemukan situs web atau blog yang memungkinkan pengunjung Anda mengubah ukuran font tombol +\/- di bilah sisi? Biasanya, Anda tidak boleh menambahkan fitur ini karena semua browser utama memiliki tombol zoom in \/ out, tetapi masih ada beberapa pengguna yang tidak terbiasa dengan fungsi zoom ini. Nah, dalam artikel ini, kami akan menunjukkan kepada Anda bagaimana memberi pengguna kemampuan untuk mengubah ukuran font di WordPress menggunakan fungsi JavaScript sederhana dan sedikit HTML.<\/p>\n
Pertama-tama mari kita tambahkan skrip ini ke header atau footer Anda:<\/p>\n
Kemudian tambahkan saja kode ini di mana saja di tema Anda (kebanyakan orang meletakkannya di sidebar)<\/p>\n
Perbesar teks | Buat teks lebih kecil<\/p>\n
Anda juga dapat menggunakan gambar sebagai ikon +\/- atau lainnya, jika diinginkan. Agar semua ini dimungkinkan, Anda harus menentukan ukuran font elemen html Anda.<\/p>\n
Sebagai alternatif, jika Anda ingin membatasi area di mana ukuran font akan disertakan (mis: hanya area konten Anda), ubah javascript asli agar terlihat seperti ini:<\/p>\n
Ini berarti bahwa hanya ukuran font yang diubah pada elemen yang memiliki id = “konten”.<\/p>\n
Mencari contoh langsung? Lihatlah blog Eric Wendelin.<\/p>\n
Sumber: David Walsh<\/p>\n ","protected":false},"excerpt":{"rendered":"
Pernahkah Anda menemukan situs web atau blog yang memungkinkan pengunjung Anda mengubah ukuran font tombol +\/- di bilah sisi? Biasanya, Anda tidak boleh menambahkan fitur ini karena semua browser utama memiliki tombol zoom in \/ out, tetapi masih ada beberapa pengguna yang tidak terbiasa dengan fungsi zoom ini. Nah, dalam artikel ini, kami akan menunjukkan […]<\/p>\n","protected":false},"author":1,"featured_media":27787,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[33,99,215,768,1086,237,1085,45],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/27786"}],"collection":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/comments?post=27786"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/27786\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media\/27787"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media?parent=27786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/categories?post=27786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/tags?post=27786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}