Plugin gõ công thức toán học trong WordPress

Vừa rồi mình có xây dựng một website chia sẻ kiến thức toán học bằng WordPress, ban đầu mình sử dụng chức năng của plugin Jetpack để hiển thị các công thức toán nhưng cảm thấy không vừa ý. Rất may mình được admin của website Thapsang.vn gợi ý sử dụng plugin LaTeX for WordPress, mình đã tìm hiểu và cảm thấy đây là plugin tốt nhất trong việc gõ công thức toán học trong WordPress. Trong bài viết này mình sẽ hướng dẫn cho các bạn sử dụng plugin này và cách khắc phục một số nhược điểm để bạn có thể gõ công thức toán một cách nhanh nhất.

Trước tiên bạn cần tải về và cài đặt plugin LaTeX for WordPress, đây là một plugin miễn phí. Bạn chỉ cần active cho nó là có thể sử dụng được mặc dù plugin này cũng cho phép bạn lựa chọn một số thiết lập trong mục Settings -> LaTeX nhưng mình thấy để mặc định là có thể sử dụng được rồi.

Với những bạn thành thạo về LaTeX thì bạn có thể gõ trực tiếp vào bài viết, riêng mình thì không rành LaTeX lắm nên mình thường dùng một phần mềm gõ ký hiệu toán học quen thuộc là MathType để hỗ trợ. Bạn chỉ cần gõ trong MathType, copy rồi paste và bài viết. Tuy nhiên, trước tiên bạn phải cài đặt chút ít cho phần mềm MathType. Bạn vào Preferences -> Cut and Copy Preferences, tick vào MathML or TeX và chọn LaTeX 2.09 and later như hình dưới đây.

huong dan tuy chinh mathtype

Bây giờ, mỗi công thức bạn copy trong MathType rồi paste vào bài viết sẽ có dạng như thế này:

\[\frac{{ – b \pm \sqrt {{b^2} – 4ac} }}{{2a}}\]

Và kết quả hiển thị bạn sẽ có công thức:

cong thuc toan

Tuy nhiên, plugin LaTeX for WordPress có một nhược điểm là công thức bạn gõ vào luôn nằm trên một dòng và được canh giữa. Để khắc phục nhược điểm này, ta cần chỉnh sửa chút ít trong code của plugin. Bạn vào plugins -> Editor, chọn plugin LaTeX for WordPress và chọn file latex.php. Tìm đoạn code sau:

if($imgtext) return "<p style='text-align:center;'><span class='MathJax_Preview'>".(get_option('latex_img_server')==""?"\[".($formula_text)."\]":"<img src='$cache_formula_url' style='".get_option('latex_imgcss')."' class='tex' alt=\"".($formula_text)."\" />")."</span>".(get_option("mathjax_server") != ""?"<script type='math/tex;  mode=display'>".($formula_text)."</script>":"")."</p>";

Bạn chỉ cần thay thế toàn bộ đoạn code này bằng code dưới đây là vấn đề được giải quyết.

if($imgtext) return "<span class='MathJax_Preview'>".(get_option('latex_img_server')==""?"\[".($formula_text)."\]":"<img src='$cache_formula_url' style='".get_option('latex_imgcss')."' class='tex' alt=\"".($formula_text)."\" />")."</span>".(get_option("mathjax_server") != ""?"<script type='math/tex;'>".($formula_text)."</script>":"")."";

Một điểm nổi bật của plugin này là nó có thể hiển thị ký hiệu toán học ngay trên tiêu đề bài viết. Điều này mình thấy hầu như không có ở các plugin khác với chức năng tương tự.

Đánh giá bài viết này

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Nếu dùng công thức để tình toán thì đươc trong seo thì không nên? {c6}

  2. Cảm ơn bạn đã tôn trọng Thapsang.vn, khi nhắc đến thapsang.vn trong bài viết.
    Trân trọng,

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!