Sunday, November 27, 2022
HomeNgôn ngữ lập trìnhJavaScriptTích hợp bộ gõ tiếng Việt vào WordPress không dùng plugin

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

WP-Mudim

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à Mudim và AVIM.

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

Ngày trước, khi còn làm chuyên về forum VBB và là Admin của bên vzooz.com thì Avim là sự lựa chọn cho forum của mình, nhưng dần dần sau đó mình cũng chuyển sang dùng mudim vì thấy nó hay hơn và dễ cài đặt, sử dụng hơn.

[dlu t=”Download Mudim” h=”http://code.google.com/p/mudim/” u1=”http://mudim.googlecode.com/files/mudim-0.8-r153.js” v1=”File duy nhất cần thiết để tích hợp mudim vào trang web – rev 153 (Featured)” s1=”21 KB” u2=”http://mudim.googlecode.com/files/mudim-0.8-r153.zip” v2=”Mudim 0.8 có kèm trang thử nghiệm – revision 153″ s2=”11,1 KB” u3=”http://mudim.googlecode.com/files/testTool.zip” v3=”Công cụ hỗ trợ test Mudim” s3=”236 KB” u4=”https://dl.dropbox.com/s/r7z9hsmm0uocdac/%5Bnphunghung.com%5D–mudim.zip?dl=1″ v4=”Direct link (by nphunghung)” s4=”14,46 KB” u5=”http://www.ziddu.com/download/21245523/nphunghung.com–mudim.zip.html” v5=”link dự phòng (by nphunghung)” s5=”14,46 KB” u6=”http://uploading.com/d5daf4eb/-nphunghung-com-mudim-zip” v6=”link dự phòng (by nphunghung)” s6=”14,46 KB” ]

[dlu t=”Download Avim” h=”http://rhos.sourceforge.net/” u1=”http://rhos.sourceforge.net/pro/himtest.html” v1=”Demo Page” u2=”http://sourceforge.net/projects/rhos/” v2=”Direct Link” u3=”https://dl.dropbox.com/s/qj6xfvs0r0mii3b/avim20080728.tar.gz?dl=1″ v3=”dự phòng 1″ s3=”11,52 KB” u4=”http://www.ziddu.com/download/21245524/avim20080728.tar.gz.html” v4=”dự phòng 2″ s4=”11,52 KB” u5=”http://uploading.com/d6ad66d5/avim20080728-tar-gz” v5=”dự phòng 3″ s5=”11,52 KB” ]

2. Upload một trong hai tập tin đó lên hosting của bạn. (Nếu bạn cài avim thì upload file avim.js còn cài mudim thì file mudim.js). Có thể đặt ở thư mục gốc của WordPress hay bất kỳ thư mục nào cũng được. Lưu ý ghi nhớ đường dẫn của nó. Ví dụ: https://nphunghung.com/mudim.js hoặc https://nphunghung.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: https://mudim.googlecode.com/files/mudim-0.8-r153.js

Ngoài ra trong file đính kèm ở trên, mình có đính kèm 2 file css để cách bài trí vị trí các bộ gõ được đẹp mắt hơn, ví dụ như bộ gõ mudim đang được áp dụng ở website mình mà bạn có thể thấy ở góc dưới bên trái ^^ :p

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

Bạn đă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 và cách tối ưu trang web. Mình 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:

[code=’html’] [/code]
Nếu là Avim thì bạn dùng code sau:
[code=’html’] [/code]
Chú ý chỉnh địa chỉ của file path/to/xxx.js nếu bạn đặt tại các vị trí khác nhau trên website của bạn.
vào trước thẻ </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 đến bộ source WordPress của website của bạn (Có thể dùng CuteFTP Pro để xem và chỉnh sửa qua FTP). 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ẻ </body> như bước 3. Save lại và upload lên hosting đè lên tập tin có sẵn.
Như vậy là bạn đã hoàn tất việc tích hợp bộ gõ vào website của bạn. Bài viết đước sưu tầm và chỉnh sửa lại tương đối để phù hợp với nội dung và hình thức của website này.
[cr13]

RELATED ARTICLES

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular