Võ Minh Tuấn Blog
Không kết quả
Xem tất cả kết quả
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotalScan now
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotalScan now
Không kết quả
Xem tất cả kết quả
Võ Minh Tuấn Blog
Không kết quả
Xem tất cả kết quả
Trang chủ Uncategorized

3 cách chèn code vào website WordPress dễ nhất cho người mới bắt đầu

bởi Võ Minh Tuấn
27/03/2021
trong Uncategorized
A A
2

Hướng dẫn 3 cách chèn code vào website WordPress nhanh chóng và đơn giản. Cho người mới bắt đầu bao gồm cả header, footer & HTML.


Cách tạo trang chuyển hướng rời khỏi WordPress có thời gian đợi

Cập nhật liên tục key bản quyền Win 10 kích hoạt vĩnh viễn cho máy tính

Hướng dẫn xuất bản LadiPage lên nền tảng WordPress

Khi bạn mới tạo website WordPress xong và viết những bài đầu tiên. Chắc hẳn bạn sẽ rất mong ngóng được ai nhấp vào bài viết của bạn hay không?

Và chúng ta thường theo dõi nó qua Google Search Console. Nhưng để làm được việc đó bạn phải chèn code vào website. Nếu bạn vẫn đang bối rối thì bài viết ngắn này sẽ dành cho bạn.


Tại sao bạn cần chèn mã vào website?

Bạn hãy thử hình dung như thế này nhé, khi mình chèn code vào website cũng giống như bạn lắp camera cho nhà hay shop của bạn.

Khi chúng ta cần theo dõi hay làm một việc gì đó của 1 bên thứ ba thì ta phải cài code của họ vào website.

Ví dụ bạn muốn xem thống kê chi tiết về khách truy cập vào website của bạn ngày hôm nay thì bạn cài code của Google Analytics.

Hay bạn muốn tăng doanh thu bằng cách đăng ký kiếm tiền với Google Adsense. Tiếp thị lại với Google Ads hay Facebook Ads hay theo dõi bản đồ nhiệt website với Hotjar…

Mục đích là bạn trao quyền cho những ứng dụng này để họ theo dõi website của bạn và báo cáo cho bạn hay tối ưu quảng cáo mà bạn chạy.

Chèn code vào website ở đâu?

Thường thì đối với dịch vụ của những bên thứ 3 như trên chúng ta sẽ chèn code (CSS, Javascript) vào header (đầu trang) hoặc footer (chân trang).

Về cơ bản thì thẻ head hay body trong WordPress nằm tại file header.php.

Còn đối với code HTML như mã quảng cáo Google Adsense bạn có thể chèn vào widget của sitebar hoặc footer, cũng như chèn trực tiếp vào một bài viết / trang riêng biệt.

Để chèn code HTML cho widget các bạn chọn mục Custom HTML trong Apprearance > Widgets nhé.

Trong bài viết thì bạn chuyển từ Visual > Text để chèn code vào nha.

Nếu các bạn đang soạn thảo văn bản bằng Gutenberg thì nhấn vào dấu 3 chấm của block đó và chọn Èdit as HTML.

Note: WordPress được viết bằng ngôn ngữ PHP. Nên cơ bản các bạn không thể chèn mã HTML vào mã nguồn của WordPress được. Mã HTML chỉ là kết quả trả về trên trình duyệt người dùng.

Và sau đây là 3 cách để chèn code vào website WordPress nhanh chóng và đơn giản nhất, các bạn có thể tham khảo qua.

Các cách chèn mã vào website.

Chèn mã code bằng theme

Đây cũng là cách làm phổ biến nhất và dễ dàng thực hiện nhất cho các bạn mới. Theo mình thấy hầu hết các theme trả phí đều có chức năng này.

Các bạn vào Theme Options hoặc Customizer xem có mục nào để chèn code vào header và footer không nhé.

Ví dụ ở đây là Thrive Themes thì sẽ có mục chèn code vào website như sau:

Chèn code vào body WordPress
Chèn code vào body WordPress

Ưu điểm:

  • Nhanh chóng, đơn giản
  • Không cần cài thêm plugin
  • Cập nhật theme không bị mất code

Nhược điểm: Chỉ hỗ trợ một số theme wordpress, không phải theme nào cũng có 100%.

Chèn code vào website bằng plugin

Đầu tiên bạn cần tải và cài đặt sau đó kích hoạt plugin Insert Headers and Footers.

Plugin chèn code vào website
Plugin chèn code vào website

Tiếp theo các bạn vào mục Settings > Insert Headers and Footers > và dán mã vào khung.

Chèn mã vào WordPress bằng plugin
Chèn mã vào WordPress bằng plugin

Tùy vào yêu cầu mà bạn sẽ dán vào 1 trong 3 khung Scripts in sau:

  • Header: code sẽ được chèn vào header giữa cặp <head> và </head>
  • Body: code sẽ được chèn vào ngay sau thẻ mở <body>
  • Footer: code sẽ được chèn vào footer, ngay trước thẻ đóng </body>

Sau đó bạn nhấn Save để lưu lại.

Ưu điểm:

  • Không cần biết code
  • Cập nhật không bị mất

Nhược điểm: Phải cài thêm 1 plugin. Nếu cài quá nhiều plugin sẽ ảnh hưởng đến tốc độ website.

Note: Bạn đừng nhầm lẫn file header.php với thẻ <head> nhé! header.php là tên file còn thẻ <head> là phần đầu của file header.php.

Tương tự cặp thẻ <body>…</body> là phần thân của file.

Các cặp thẻ này có thẻ mở (không có dấu / ở trước) và thẻ đóng (có dấu / ở trước).

Ví dụ <head> là nơi thẻ head bắt đầu còn </head> là nơi thẻ head kết thúc.

Chèn code vào file header hoặc footer

Cách này thì mình không khuyến khích các bạn thực hiện theo. Nếu bạn không biết mình đang làm điều gì. Nếu muốn các bạn có thể làm theo nhé.

Vào Appearance > Theme Editor hoặc vào cPanel > File Manager > public_html > theme của bạn > file header.php. Chèn code vào trước thẻ đóng </head> và lưu lại.

Thẻ head trong WordPress
Thẻ head trong WordPress

Cách này có thể thực hiện đối với một số theme ít cập nhật ví dụ như Theme Junky…

Ưu điểm: Thể hiện là coder

Nhược điểm:

  • Chèn sai code là web nghỉ chạy
  • Update theme là mất code và phải cài lại

Note: Bạn có thể copy file header.php qua child theme để không bị ghi đè lên khi cập nhật theme.

Lời kết

Như vậy là mình vừa hướng dẫn cách chèn code vào website WordPress theo 3 cách đơn giản. Nếu các bạn có ý kiến nào khác hãy đễ lại bên dưới nhé. Chúc các bạn thành công !

 

Có liên quan Bài đăng

Cách tạo trang chuyển hướng rời khỏi WordPress có thời gian đợi

30/05/2021

Hôm nay, mình sẽ hướng dẫn các bạn "Cách tạo trang chuyển hướng". Khi có người click vào đường dẫn download. Hoặc các đường dẫn khác rời khỏi địa chỉ website của bạn,... Mà các bạn hay thường thấy ở các diễn đàn lớn. Tìm hiểu thêm Khi bạn click...

Cập nhật liên tục key bản quyền Win 10 kích hoạt vĩnh viễn cho máy tính

17/04/2021

Hôm nay, mình xin chia sẻ đến các bạn key bản quyền Win 10 kích hoạt vĩnh viễn. Cho máy tính 64bit và cả 32bit có thể sử dụng được nhiều máy tính trên cùng 1 key. Và Võ Minh Tuấn Blog sẽ cập nhật key liên tục cho các...

Hướng dẫn xuất bản LadiPage lên nền tảng WordPress

10/04/2021

Hiện nay, các bạn muốn tự xây dựng ra 1 website có thể đáp ứng các nhu cầu tối thiểu như hiển thị các thông tin cơ bản thì ít nhất sẽ có 5 lựa chọn tại thị trường Việt Nam. Tuy nhiên rất ít trong số này có hỗ...

Key bản quyền IObit Uninstaller Miễn phí 2021

02/03/2021

Phần mềm IObit Uninstaller được mọi người ưa chuộn rất nhiều. Vì những tính năng tuyệt vời của nó mang lại. Thông thường IObit Uninstaller sẽ có phiên bản miễn phí dùng thử và bản pro. Nhưng để sử dụng toàn bộ tính năng của phần mềm này mang lại...

Key IObit Driver Booster 8.4 Pro bản quyền miễn phí

01/03/2021

Đối với phần mềm IObit Driver Booster 8.4 Pro bản quyền trọn đời. Bạn muốn sử dụng thì phải bỏ ra một chi phí cũng không nhỏ. Nhưng bài này bạn có thể nhận nó kiễn phí từ vominhtuan.com nhé. *Bạn Bè: Chuyên Trang Kiến Thức Marketing: Kinh Doanh -...

Mất bao nhiêu chi phí để xây dựng một website WordPress?

22/01/2021

Câu hỏi thường các bạn mới bắt đầu làm wordpress là. Mất bao nhiêu chi phí để xây dựng một website WordPress. Mặc dù Wordpress là phần mềm miễn phí. Nhưng các chi phí khác sẻ phụ thuộc vào mục tiêu và ngân sách của bạn đưa ra. Bài viết...

Tải thêm
Đăng ký
Thông báo về
guest
guest
2 Bình luận
Cũ nhất
Mới nhất Được bình chọn nhiều nhất
Phản hồi nội tuyến
Xem tất cả các bình luận
kimsa
kimsa
08/09/2021 1:51 Sáng

của mình nó bị lỗi. bỏ mấy tháng giờ quên lun
https://kimsa.biz/room-chat-kimsa-casino/

0
Trả lời
kimsa
kimsa
08/09/2021 1:52 Sáng

gửi hình lên ko đc mới ác chứ

0
Trả lời
wpdiscuz   wpDiscuz

Được đề xuất cho bạn

  • Key bản quyền IObit Uninstaller Miễn phí 2021

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Cách thay đổi tên trong tài khoản Paypal thành công 100%

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Chia sẻ Elementor Pro 3.7.1 và Elementor Free 3.6.5 (Full Template Kits)

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • 3 cách chèn code vào website WordPress dễ nhất cho người mới bắt đầu

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Chia sẻ theme wordpress Newspaper 11.5 miễn phí

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Chia sẻ theme JNews 10.6.4 bản quyền miễn phí bản mới nhất

    0 chia sẻ
    Chia sẻ 0 Tweet 0

Xin chào !

Đăng ký để nhận bài viết qua email

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Cảm ơn bạn đã dành thời gian ghé thăm Võ Minh Tuấn Blog. Mình rất vui vì bạn đã ủng hộ bằng cách đăng ký theo dõi. Những email cập nhật mới mất sẽ sớm gửi đến bạn. Thank you !

  • Trang chủ
  • Giới thiệu
  • Liên hệ
  • Bản quyền
  • Quảng cáo
  • Chính sách bảo mật
  • Dmca Protected
DMCA.com Protection Status

© 2020-2022 Võ Minh Tuấn Blog - All Right Reserved.

Không kết quả
Xem tất cả kết quả
  • Wp Plugin
  • Wp Theme
  • PHP Scripts
  • Quét VirusTotal

© 2020-2022 Võ Minh Tuấn Blog - All Right Reserved.

Go to mobile version