Cách thay đổi kích thước phông chữ trong Nhấp vào WordPress bằng JavaScript

Bạn đã bao giờ bắt gặp một trang web hoặc blog cho phép khách truy cập thay đổi kích thước phông chữ của nút +/- trong thanh bên chưa? Thông thường, bạn không bao giờ phải thêm tính năng này vì tất cả các trình duyệt chính đều có nút phóng to / thu nhỏ, nhưng vẫn có rất nhiều người dùng không quen với tính năng thu phóng đó. Vâng, trong bài viết này, chúng tôi sẽ chỉ cho bạn cách cho phép người dùng thay đổi kích thước phông chữ trong WordPress bằng một hàm JavaScript đơn giản và một số HTML.

Trước tiên, hãy thêm tập lệnh này vào đầu trang hoặc chân trang của bạn:

Chỉ cần thêm mã này vào bất cứ đâu trong chủ đề của bạn (hầu hết đặt nó vào thanh bên)

Làm cho văn bản lớn hơn | Làm cho văn bản nhỏ hơn

Bạn cũng có thể sử dụng hình ảnh dưới dạng biểu tượng +/- hoặc các biểu tượng khác nếu muốn. Để có thể thực hiện được điều này, bạn phải chỉ định kích thước phông chữ cho thành phần HTML của mình.

Ngoài ra, nếu bạn muốn giới hạn khu vực sẽ bao gồm kích thước phông chữ (ví dụ: chỉ khu vực nội dung của nó), hãy thay đổi javascript gốc để trông như thế này:

Điều này có nghĩa là chỉ có kích thước phông chữ được thay đổi trên đối tượng có id = Thời gian nội dung.

Tìm kiếm một ví dụ sống? Hãy xem blog của Eric Wendelin.

Nguồn: David Walsh