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 của nó 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òn khá 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 cung cấp cho người dùng khả năng thay đổi kích thước phông chữ trong WordPress bằng cách sử dụng chức năng 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:

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

Make text bigger | Make text smaller

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 sẽ cần chỉ định kích thước phông chữ cho phần tử html của mình.

Ngoài ra, nếu bạn muốn giới hạn khu vực 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 thành một cái gì đó như thế này:

Điều này có nghĩa là chỉ thay đổi kích thước phông chữ trên mục có id = “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