Giới thiệu cùng các bạn Plugin Insert Headers and Footers by WPBeginner Chèn code vào header và footer cho WordPress cực dễ. Bạn đàn muốn chèn những đoạn mã HTML, Javascrip vào Headers [đầu] hoặc Footers [cuối] hay dưới thẻ body trang web WordPress của mình mà bạn ko biết tìm nó ở đâu hoặc bạn không dành về code nhiều thì plugin dưới đây là 1 giải phép cực hữu hiệu cho bạn nhé. Theo mình làm trên nhiều theme thì thấy có 1 số theme đã tích hợp sẵn những tính năng này, nhưng đa số là chưa được tích hợp, nên bạn có thể dùng plugin trên nhé. Bước 1: Vào mục tìm kiếm Plugin tìm kiếm Plugin Insert Headers and Footers by WPBeginner kích hoạt Plugin Bước 2: Tiếp theo, truy cập vào Settings => Insert Headers and Footers. Tại đây, các bạn sẽ nhìn thấy một giao diện rất đơn giản, chỉ bao gồm 3 phần: Trong đó các thông số của Plugin được chúng tôi giải thích như dưới đây. Scripts in Header: hỗ trợ chèn code vào thẻ trong mã nguồn HTML của WordPress. Scripts in Body: hỗ trợ chèn code vào ngay sau thẻ trong mã nguồn HTML của WordPress. Scripts in Footer: hỗ trợ chèn code vào ngay trước thẻ trong mã nguồn HTML của WordPress. Mỗi loại mã sẽ được chèn vào các khu vực khác nhau, vì vậy bạn nên đọc kỹ hướng dẫn của hệ thống khi cài đặt, ví dụ các đoạn mã google như: google analytics, google seach control …được trền bên trong thẻ head, các mã nút gọi, hay chat..thông thường được chèn trong thẻ footer. Nếu bạn vẫn khó khăn trong việc chèn mã hãy liên hệ với chúng tôi để được hỗ trợ. Xem thêm: Xóa bỏ tiền tố Category khỏi kho lưu trữ trong wordpress Chúc bạn thành công !Hướng dẫn cách dùng Plugin Chèn code vào header và footer hay dưới body
Dịch vụ Thiết Kế Web chuyên nghiệp, lập trình App, Marketing Online, quảng cáo Google Ads, Facebook Ads, Zalo Ads...Video Marketing, SEO web, quản trị web, thiết kế logo, profile, catalogue...
Thẻ body là phần chứa nội dung của trang web. Tag body sẽ chứa tất cả nội dung HTML , những phần sẽ hiển thị trên giao diện của website sẽ được viết ở đây. Nó giúp coder dễ dàng phân chia bố cục của trang web hơn.
Ví dụ như chúng ta muốn có một giao diện đơn giản thì chúng ta sẽ định dạng ở trong như sau:
Title of the document ĐÂY LÀ NỘI DUNG CỦA TRANG WEB
Title of the document ĐÂY LÀ NỘI DUNG CỦA TRANG WEB |
Khi ấy chúng ta sẽ có được kết quả như sau:
ĐÂY LÀ NỘI DUNG CỦA TRANG WEB
Tương tự khi mình chèn những thuộc tính khác của trang web mình sẽ nhận được kết quả khác nhau.
>>Tham khảo: Những thẻ cần thiết trong HTML
Các trình duyệt hỗ trợ thẻ body
| Yes | Yes | Yes | Yes | Yes |
Lưu ý: Thẻ body là một thẻ không thẻ không thể thiếu trong khi làm web nhưng ở phiên bản HTML5 những thuộc tính bố cục sẽ không được hỗ trợ.
Những thuộc tính của thẻ bị xóa khỏi HTML5:
, , < bgcolor>, , ,
Ngoài những thẻ trên thì đều có thể hỗ trợ các thuộc tính khác nên mọi người có thể dùng thay cho những tag bị xóa để tạo ra những trang web đẹp nhất trên ngôn ngữ html5.
Thuộc tính sự kiện tag body trong HTML
Tag hỗ trợ tất cả các thuộc tính sự kiện trong html nên mọi người có thể gọi javascript để trang web chạy ổn định hơn.
Kết luận
Thẻ body là thẻ chứa nội dung của trang web. Nó không thể thiếu trong khi làm web nên mọi người hãy sử dụng một cách hợp lý nhất. Bài thảo luận về HTML của chúng ta dừng lại ở đây mọi người có thắc mắc hay đóng góp cứ coment bên dưới. Hãy cùng giúp đỡ nhau, chung tay vì những kiến thức hay nhất về HTML nhé.
Cảm ơn mọi người đã tham gia cuộc thảo luận hôm nay.
Xem thêm: Thẻ Br Là Gì? Công Dụng Của Thẻ Br
Trong quá trình xây dựng và phát triển Website, để tích hợp các công cụ như Google Analytics, Google Search Console, Google Adsense, Pixel Facebook… bạn cần chèn vào Website các đoạn mã tương ứng. Tùy thuộc vào yêu cầu của từng loại mà bạn sẽ chèn vào thẻ hoặc trước thẻ .
Trong bài viết này mình sẽ hướng dẫn các bạn 3 cách để chèn code vào Website WordPress cực đơn giản
Bước 1: Tải và kích hoạt plugin Insert Headers and Footers
Bước 2: Truy cập Cài đặt => Insert Headers and Footers.
Giao diện sử dụng hiện ra khá đơn giản bao gồm 2 phần:
- Script ở Header: Hỗ trợ chèn code vào thẻ
- Script ở Footer: Hỗ trợ chèn code vào trước thẻ
Việc cài đặt bằng Plugin rất nhanh chóng, tiên lợi và đơn giản. Tuy nhiên điều đó dẫn đến Website của bạn bị chậm đi, chính vì vậy những người thiết kế Website chuyên nghiệp rất hạn chế sử dụng Plugin.
2. Chèn code trực tiếp vào Theme
Để khắc phục việc phải thêm một Plugin vào WordPress, rất nhiều Theme hiện nay đã hỗ trợ chức năng chèn code vào thẻ và trước thẻ cho người dùng.
Mình đang sử dụng theme Impreza và nó cũng được tích hợp cho việc này. Truy cập Impreza => Theme Option => Custom Code.
Có thể bạn quan tâm: Theme Impreza – Theme siêu tùy biến, phù hợp với mọi loại Website
3. Chèn trực tiếp vào mã nguồn
Nếu như không muốn cài đặt Plugin hoặc Theme đang sử dụng không hỗ trợ. Bạn có thể chèn trực tiếp code vào mã nguồn của WordPress. Tuy nhiên mình không khuyến khích làm theo cách này vì nó dễ gây lỗi cho người dùng và mỗi khi cập nhật Theme lên phiên bản mới bạn phải tiến hành cài đặt lại.
Có 2 cách đề chèn code vào mã nguồn của Website WordPress
Cách 1: Chèn trực tiếp trên giao diện WordPress
Truy cập Giao diện => Sửa => chọn tập tin footer.php hoặc header.php
Cách 2: Chèn mã nguồn trên Hosting
Truy cập Hosting bạn đang sử dụng => File Manager => public_html => wp-content => themes => chọn Theme bạn đang sử dụng => file footer.php hoặc header.php
4. Kết luận
Nếu Theme bạn đang sử dụng có chức năng chèn code vào Website WordPress thì hãy ưu tiên sử dụng, nó thường nằm trong phần Theme Option. Còn nếu không hãy cài đặt các Plugin chuyên dụng như Insert Headers and Footers.
Còn nếu bạn am hiểu về lập trình thì có thể chèn trực tiếp vào mã nguồn của WordPress.