Tích hợp bộ gõ tiếng Việt vào WordPress không dùng plugin

Nếu bạn là một đọc giả thường xuyên của Việt Coding ‘s Blog, ắt hẳn bạn đã có xem qua bài viết tích hợp bộ gõ tiếng Việt WP-Mudim vào WordPress và bạn dễ dàng tìm thấy plugin này trên WordPress.org.

Tuy nhiên, hiện nay các bloggers có xu hướng hạn chế dùng plugin để tăng tốc độ tải trang web vì tốc độ là một trong những yếu tố xếp hạng theo tiêu chí của Google.

Nếu bạn xem trọng tốc độ tải trang web, hãy tham khảo thêm bài viết Sử dụng subdomain để tăng tốc cho blog WordPress

Vì vậy trong bài viết khá ngắn gọn này, Việt Coding sẽ cùng trao đổi với các bạn về cách gắn bộ gõ tiếng Việt vào WordPress.

html js Tích hợp bộ gõ tiếng Việt vào WordPress không dùng plugin

1. Chọn một bộ gõ tiếng Việt thích hợp
Có khá nhiều bộ gõ tiếng Việt được phát triển dành cho website trong vài năm gần đây. Nhưng nổi bật trong số đó là MudimAVIM. Trước kia, khoảng năm 2003-2004 trở về trước, Việt Coding thường dùng AVIM. Riêng thời gian sau này thì chuyển sang dùng Mudim. Theo đánh giá chủ quan của Việt Coding là Mudim gõ tốt và có vẻ mượt mà hơn AVIM.

Bạn hãy chọn lấy một bộ gõ bạn thích và download về. Sau đó, đảm bảo rằng bạn có tập tin JavaScript mudim.js hoặc avim.js

2. Upload một trong hai tập tin đó lên hosting của bạn. Có thể đặt ở thư mục gốc của WordPress. Lưu ý ghi nhớ đường dẫn của nó. Ví dụ: http://vietcoding.com/mudim.js hoặc http://vietcoding.com.avim.js

Đối với Mudim, chúng ta có thể sử dụng trực tiếp nó từ chính hosting của Google mà không cần download nó về và upload lại lên hosting của mình. Đường dẫn truy cập như sau: http://mudim.googlecode.com/files/mudim-0.8-r153.js

3. Tích hợp vào WordPress

Chúng ta đăng nhập vào Admin Dashboard, tìm đến menu sau: Appearance Editor để tiến hành chỉnh sửa một chút ở theme. Thông thường, các đoạn mã JavaScript được gắn vào đầu trang (header) hoặc cuối trang (footer). Cái này tuỳ mỗi người, Việt Coding thường gắn vào cuối trang để dành ưu tiên đường truyền tải những thứ quan trọng khác như css, imgage,…

Sau khi đã chọn đúng theme đang dùng, chúng ta tìm đến tập tin Footer (footer.php), rê chuột xuống cuối và chèn đoạn mã sau

<!-- Bạn có thể dùng http://mudim.googlecode.com/files/mudim-0.8-r153.js -->
<script src="http://vietcoding.com/mudim.js" type="text/javascript"></script>

vào trước thẻ đóng body là xong.

4. Chèn vào Admin Dashboard

Bước số 3 ở trên chúng ta đã hoàn thành việc chèn vào phần Front End của blog, nếu muốn gõ tiếng Việt cả trong phần Admin, chúng ta tiếp tục như sau:

Tìm bộ source cài đặt WordPress cùng phiên bản với bản đang chạy trên hosting của bạn. Tìm đến tập tin sau: wp-admin/admin-footer.php. Mở ra, đến cuối tập tin chèn vào đoạn mã trước thẻ đóng body như bước 3. Save lại và upload lên hosting đè lên tập tin có sẵn. Và bạn đã hoàn tất các bước cần thiết rồi đó.

Tiến hành kiểm tra thành quả của mình đi nào icon smile Tích hợp bộ gõ tiếng Việt vào WordPress không dùng plugin



Tuấn Anh

Là một người đam mê lập trình, hiện tập trung mảng phát triển ứng dụng web dựa trên nền tảng của WordPress. Đồng thời, nhằm đạt sự trọn vẹn trong công việc freelance, tôi đang học đồ hoạ, để có thể tự mình thiết kế layout, logo và những thứ khác liên quan đến đồ họa. Mục tiêu vài năm tới: Tôi sẽ là Full Web Developer = Graphics Design + Coding. Vietcoding Blog viết về WordPress, chia sẻ kinh nghiệm, mẹo vặt, viết plugin, làm theme và ôm ấp ý tưởng viết một Web Application Framework dựa trên WordPress. Đồ hoạ là chuyên mục đang được chuẩn bị trong tương lai.

Comments

  1. CAA says:

    Thanks bác Vietcoding! Bác có câu trả lời nhanh quá ta :D . Em phải làm ngay mới được :)

    • Việt Coding phải cám ơn bạn mới đúng chứ ! Vì bạn gợi ý Việt Coding mới viết bài mới được chứ :)

      • CAA says:

        Ấy chết, bác Vietcoding đừng nói thế. Em đang tập làm blog nên còn rất nhiều điều cần học hỏi từ các blogger như bác Vietcoding :D
        Em thấy phần “Spam protection” ở phần comment của bác hay quá. Làm thế nào để có được phần “Spam protection” như bác vậy.
        Có lẽ câu hỏi ngây ngô quá phải không? Em không phải là dân CNTT nên các bác đừng cười em nha :D

  2. CAA says:

    Em làm được rồi :D . Thanhks bác thêm một lần nữa nha :)

  3. Ken VN says:

    Em thấy Mudim dùng khoái hơn nhiều, rất dễ nhúng vào bất kì nền tảng web nào, dù là Blog, Forum hay Website thông thường. Ngoài ra sử dụng luôn link trên google code nên chả sợ die gì cả :D

  4. Nguyễn Hoàng says:

    Trong Thesis thì chèn nó vào đâu anh?

  5. Thái Sơn says:

    Các bác biết làm sao để mặc định sau khi cài nó luôn ẩn cái thanh bar đi không :D

Speak Your Mind

*