Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Wordpress Tips > Thay đổi kích cỡ chữ dùng Jquery trong WordPress
Thay đổi kích cỡ chữ dùng Jquery trong WordPress
Nguyễn Trung Hiếu
Share Code Web Company 2012

Thay đổi kích cỡ chữ dùng Jquery trong WordPress

Bài ngày hôm nay mình sẽ hướng dẫn các bạn cách thay đổi kích thước chữ trong WordPress chỉ sử dụng Jquery, cho phép người dùng tự thay đổi kích thước chữ trên website của mình.

OK, bắt đầu nhé, trước tiên là mình giới hạn những phần nào cho phép người dùng được phép thay đổi kích thước font chữ. Ở đây thường là nằm trong file Single.php, giả sử tôi cho đoạn sau

Ở đây chúng ta thêm một class có tên resize được nằm trong phần code này.
Tiếp theo chúng ta thêm 2 thẻ a để cho người dùng resize được bằng cách thêm đoạn sau

như thế ta được

Tiếp theo là jquery, tốt nhất bạn vứt ra ngoài 1 file nào đó sau đó nhúng vào, ví dụ như resize.js chẳng hạn. Nội dung đoạn code như sau:

Cuối cùng là đăng ký nó trong file function.php

Vậy là xong, thử ra ngoài xem sao. Sẽ xuất hiện 2 nút A+ và A-, và thử chiêm ngưỡng thành quả xem nào.

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 6.267 hits
%d bloggers like this: