Wordpress thêm mã ngắn vào tiêu đề php

Mã ngắn trong WordPress là các đoạn văn bản bạn có thể sử dụng trong khu vực nội dung để gọi một số loại chức năng nhằm hoàn thành một số tác vụ nhất định. Ví dụ nhúng video vào WP 2. 9+ sử dụng mã ngắn. Bạn có thể viết mã ngắn của riêng mình và các plugin cũng thường cung cấp chức năng của chúng thông qua mã ngắn

Nhưng nếu bạn muốn sử dụng một mã ngắn từ trong một mẫu thay vì với nội dung của Bài đăng/Trang thì sao?

Quá trình thêm mã vào chủ đề WordPress của bạn có thể hơi khó hiểu. Ngay cả khi bạn biết nơi bạn muốn thêm mã, bạn vẫn có thể khó tìm ra cách đặt mã ở đó

Đây thường là trường hợp với đầu trang và chân trang của trang web WordPress của bạn. Mặc dù chúng ở trên mọi trang trong trang web của bạn, nhưng không rõ làm thế nào để thực sự thêm hoặc sửa đổi mã ở đó

Tuy nhiên, đừng lo lắng — trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách nhanh chóng và dễ dàng thêm mã vào đầu trang hoặc chân trang WordPress của bạn. Tùy thuộc vào tình huống của bạn, có các phương pháp thêm mã khác nhau. Toàn bộ quá trình sẽ chỉ mất vài phút, ngọn

Chúng ta hãy đi đến đó

Mục lục

1. Lý do tại sao bạn có thể cần thêm mã vào đầu trang hoặc chân trang
   • Kết nối Google Analytics
   • Thêm mã đánh dấu CSS
   • Thêm mã JavaScript
   • Thêm Facebook Pixel
2. Các phương pháp để thêm mã của bạn
   • 1. Mô-đun bố cục tùy chỉnh Astra
   • 2. Tạo một chủ đề con
   • 3. Trong Tùy biến của một số chủ đề nhất định
   • 4. Thủ công trong Chủ đề của bạn [Tiêu đề. php/Chân trang. php]
   • 5. Sử dụng một Plugin
   • 6. Google Ampe
3. Phần kết luận

Lý do tại sao bạn có thể cần thêm mã vào đầu trang hoặc chân trang

Trước khi tự tìm hiểu các phương pháp, hãy trình bày ngắn gọn lý do tại sao bạn có thể muốn thêm mã vào đầu trang hoặc chân trang trang web của mình

Kết nối Google Analytics

Một trong những lý do phổ biến nhất để thêm mã vào tệp tiêu đề là liên kết Google Analytics với trang web WordPress của bạn. Mặc dù có nhiều ứng dụng thực hiện việc này, nhưng đôi khi bạn có thể chỉ muốn thêm ứng dụng đó theo cách thủ công

Thêm mã đánh dấu CSS

CSS, viết tắt của Cascading Style Sheets, là ngôn ngữ đánh dấu được sử dụng để áp dụng màu sắc và các yếu tố thiết kế khác cho mã HTML. Nói một cách đơn giản, đó là cách bạn thay đổi giao diện trang web của mình

Ngay cả khi bạn không phải là một thuật sĩ máy tính, bạn có thể đã từng thấy mã CSS trước đây. Nó trông như thế này

p { màu. màu xanh da trời;

Phần tử đầu tiên p là viết tắt của đoạn. Mọi thứ trong ngoặc được áp dụng cho tất cả các thành phần đoạn văn trong tài liệu của bạn. Tham số màu thay đổi màu văn bản và màu xanh lam làm cho nó có màu xanh lam. Bạn có thể tìm hiểu thêm về CSS tại đây

Thông thường, cách tốt nhất là thêm mã CSS vào chủ đề con hoặc một phần được chỉ định trong chủ đề của bạn. Ví dụ: trong Astra, bạn có thể thêm mã trong Tùy biến. Tuy nhiên, rất hiếm khi, bạn có thể muốn thêm nó trực tiếp vào tiêu đề trang web của mình

Thêm mã JavaScript

JavaScript là một công nghệ khác thường thấy trên các trang web. Nó được sử dụng để thêm các phần tử động vào các trang web và sửa đổi HTML

Cũng giống như CSS, JavaScript thường được thêm tốt nhất thông qua một vị trí đặc biệt trong tùy biến chủ đề của bạn hoặc các tính năng tương tự. Ví dụ: trong Astra, bạn có thể thêm JavaScript qua Astra Hook hoặc bằng mô-đun Bố cục tùy chỉnh

Thêm Facebook Pixel

Cuối cùng, bạn có thể muốn thêm Facebook Pixel vào tiêu đề WordPress của mình. Facebook Pixel được sử dụng để kết nối trang web của bạn với tài khoản Facebook của bạn, thường cho mục đích phân tích. Tìm hiểu thêm về Facebook Pixel trên trang web chính thức

Mặc dù có những plugin có thể làm điều này cho bạn, nhưng đôi khi bạn có thể chỉ muốn tự mình thêm mã trực tiếp

Các phương pháp để thêm mã của bạn

Có nhiều cách để thêm mã vào đầu trang và chân trang WordPress. Hãy xem qua các phương pháp khác nhau có sẵn

1. Mô-đun bố cục tùy chỉnh Astra

Nếu là khách hàng của Astra Pro, bạn có thể sử dụng Bố cục tùy chỉnh để dễ dàng thêm mã vào đầu trang hoặc chân trang. Tìm hiểu thêm về Bố cục tùy chỉnh tại đây hoặc mua gói trả phí để có quyền truy cập vào chúng

Bước 1. Đảm bảo rằng Plugin Astra Pro đã được cài đặt

Đầu tiên, tải xuống và cài đặt plugin Astra Pro. Nếu bạn không phải là khách hàng của Astra, bạn có thể đăng ký tại đây. Khi bạn đã cài đặt plugin, hãy kích hoạt nó

Bước 2. Chuyển đến Giao diện> Tùy chọn Astra

Trên thanh bên WordPress của bạn, đi tới Giao diện> Tùy chọn Astra. Cuộn xuống và tìm Bố cục tùy chỉnh rồi nhấp vào Kích hoạt bên cạnh

Khi bạn kích hoạt nó, bạn sẽ thấy một mục mới trong thanh bên của WordPress, bên dưới Tùy chọn Astra. Nhấn vào nó

Sau đó, bấm Thêm mới để tạo một mục mới. Bạn sẽ thấy một trang trống

Thêm tiêu đề và đoạn mã của bạn. Bên dưới, bạn sẽ thấy bảng Cài đặt. Bạn có thể chọn nơi bạn muốn thêm đoạn mã

Khi bạn chọn một tùy chọn, bạn sẽ thấy các cài đặt khác

Hãy trình bày ngắn gọn từng cái một. Các cài đặt giống nhau cho Header và Footer

• Gậy. Điều này sẽ làm cho đầu trang hoặc chân trang của bạn “dính” và giữ nó ở trên cùng hoặc dưới cùng của màn hình, tương ứng
• Hiển thị trên. Tại đây, bạn có thể chọn những trang mà đoạn mã sẽ được hiển thị [hoặc loại trừ khỏi. ]
• Vai trò người dùng. Điều này cho phép bạn chọn loại người dùng nào sẽ thấy đoạn trích

Cuối cùng, lưu đoạn mã của bạn và xuất bản nó. Xong. Nó hiện đang hoạt động

2. Tạo một chủ đề con

Chủ đề con cho phép bạn sửa đổi chủ đề WordPress của mình mà không ảnh hưởng đến các tệp của chủ đề chính [gốc] và giữ chúng tách biệt với chủ đề [gốc] thông thường của bạn. Chủ đề con rất hữu ích vì các sửa đổi của bạn sẽ không bị xóa khi bạn cập nhật chủ đề chính của mình

Có nhiều cách để tạo một chủ đề con

Có ba cách cơ bản để tạo một chủ đề con

1. Với Trình tạo chủ đề trẻ em Astra. Lưu ý rằng điều này được thiết kế chủ yếu cho chủ đề Astra, nhưng bạn có thể dễ dàng sửa đổi nội dung và ảnh chụp màn hình để phù hợp với chủ đề của mình
2. Bằng cách sử dụng một plugin. Có nhiều plugin miễn phí cho phép bạn tạo chủ đề con. Một số phần bổ trợ được đề xuất của chúng tôi cho việc này bao gồm Tạo chủ đề con, Trình hướng dẫn chủ đề con và Trình cấu hình chủ đề con
3. Tạo chủ đề con theo cách thủ công. Đây là một quy trình phức tạp hơn, nhưng rất dễ thực hiện nếu bạn hiểu FTP và chỉnh sửa tệp. Bạn chỉ cần tạo một bản sao của tệp bạn muốn thay đổi [tiêu đề. php hoặc chân trang. php], sửa đổi nó, sau đó tải nó lên qua FTP

3. Trong Tùy biến của một số chủ đề nhất định

Một số chủ đề có một phần đặc biệt cho phép bạn thêm mã vào đầu trang hoặc chân trang. Thông thường, đây là trong WordPress Customizer, nhưng nó phụ thuộc vào chủ đề cụ thể

Để xem chủ đề của bạn có cho phép sửa đổi đầu trang hoặc chân trang thông qua Tùy biến hoặc khu vực được chỉ định khác hay không, chỉ cần đọc tài liệu của chủ đề

4. Thủ công trong Chủ đề của bạn [Tiêu đề. php/Chân trang. php]

Ghi chú. Phương pháp này không được khuyến nghị, vì một vài lý do

Một, bởi vì mọi sửa đổi bạn thực hiện sẽ bị xóa nếu bạn cập nhật chủ đề của mình. Trong trường hợp này, bạn nên tạo một chủ đề con [xem bên trên. ]

Hai, bởi vì bạn có nguy cơ làm hỏng chủ đề của mình. Nếu không rành về kỹ thuật, bạn có thể vô tình sửa đổi một số mã quan trọng

Ba, vì có nhiều cách dễ dàng hơn để thêm mã

Đã nói tất cả những điều đó, có một số tình huống mà bạn có thể cần phải trực tiếp sửa đổi chủ đề. Ví dụ: nếu bạn chỉ đang kiểm tra nhanh một đoạn mã

Để chỉnh sửa các tệp theo cách thủ công, hãy đi tới Giao diện> Trình chỉnh sửa chủ đề trên thanh bên WordPress của bạn

Sau đó, ở trên cùng bên phải, hãy đảm bảo rằng bạn đã chọn đúng chủ đề. Nếu có, hãy cuộn xuống tệp bạn muốn sửa đổi. Đó sẽ là một trong hai tiêu đề. php hoặc chân trang. php

Cuối cùng, thêm mã vào tệp. Bạn muốn thêm nó ngay trước thẻ đóng , như thế này

Lưu tệp và tải lại trang. Mã của bạn bây giờ sẽ hoạt động

5. Sử dụng một Plugin

Cuối cùng, cách dễ nhất để thêm mã vào đầu trang hoặc chân trang của bạn là chỉ cần sử dụng plugin. Có rất nhiều tùy chọn có sẵn. Dưới đây là một số đề xuất của chúng tôi

• Trình quản lý mã Header Footer
• Chèn Đầu trang và Chân trang
• Đoạn mã Woody

Hãy xem qua cách sử dụng cái đầu tiên, Trình quản lý mã Header Footer

Bước 1. Tải xuống, cài đặt và kích hoạt Plugin

Đầu tiên, tải xuống plugin từ liên kết này. Cài đặt nó và kích hoạt nó trên trang web của bạn

Bước 2. Điều hướng đến Cài đặt

Trên thanh bên WordPress của bạn, bạn sẽ thấy một mục có tên là HFCM. Đây là viết tắt của Header Footer Code Manager. Nhấn vào nó

Bây giờ bạn sẽ thấy danh sách tất cả các đoạn mã hoặc đoạn mã của mình. Nó sẽ trống lúc đầu

Nhấp vào Thêm đoạn mã mới. Bây giờ bạn cần điền vào tất cả các cài đặt

• Tên đoạn mã. Tên đoạn mã của bạn. Điều này không thành vấn đề và chỉ dành cho mục đích sử dụng cá nhân của riêng bạn
• Hiển thị trang web. Chọn nơi bạn muốn mã này được hiển thị. Ví dụ: bạn có thể chỉ hiển thị nó trên các trang, bài đăng, thẻ nhất định hoặc chỉ khi mã ngắn được sử dụng
• Loại trừ Trang và Loại trừ Bài viết. Chọn các trang mà đoạn trích sẽ không được hiển thị
• Địa điểm. Chọn nếu bạn muốn thêm mã vào đầu trang hoặc chân trang
• Màn hình thiết bị. Chọn xem bạn muốn bật mã trên thiết bị di động, máy tính để bàn hay cả hai
• Trạng thái. Kích hoạt hoặc hủy kích hoạt đoạn trích

Bên dưới bảng cài đặt, bạn sẽ thấy một vùng văn bản để tự thêm mã. Thêm mã của bạn và nhấn Lưu

Cuối cùng, quay lại trang chính, bạn sẽ thấy đoạn mã của mình

Và đó là nó. Đoạn mã của bạn bây giờ sẽ hoạt động

6. Google Ampe

Như một phần thưởng, giờ đây chúng tôi cũng sẽ chỉ cho bạn cách sửa đổi văn bản đầu trang và chân trang xuất hiện trong phiên bản Google AMP của trang web của bạn

GoogleAMP là gì?

Google tải HTML và JavaScript đã rút gọn để giúp các trang của bạn tải nhanh hơn trên thiết bị di động

tiếng riu ríu

Bước 1. Tải xuống và cài đặt plugin AMP

Đầu tiên, cài đặt plugin AMP từ liên kết này. Sau đó cài đặt nó trên trang web của bạn

Bước 2. Chuyển đến Trình chỉnh sửa plugin

Bây giờ, hãy chuyển đến Trình chỉnh sửa plugin trên thanh bên WordPress của bạn

Bước 3. Chỉnh sửa Plugin

Making sure that AMP is selected in the top right corner, click templates and then footer.php. In the file window, you’ll see tags for and : this is where you can modify the footer.

Lưu ý rằng những thay đổi này sẽ bị xóa nếu bạn cập nhật plugin. Tuy nhiên, bạn có thể sửa đổi mã để ngăn chặn điều này, nhưng nó nằm ngoài phạm vi của hướng dẫn này

Phần kết luận

Bài viết này khá đơn giản. Trong đó, chúng tôi đã chỉ cho bạn cách thêm mã vào đầu trang hoặc chân trang theo nhiều cách khác nhau. Chúng tôi cũng đã nói về việc sửa đổi phiên bản Google AMP của trang web của bạn

Có nhiều cách khác để bạn có thể chỉnh sửa đầu trang và chân trang của trang web. Kiểm tra các tài nguyên dưới đây để tìm hiểu thêm

• Cách tùy chỉnh tiêu đề trang web
• Cách chỉnh sửa chân trang web

Nếu bạn có bất kỳ câu hỏi nào, xin vui lòng cho chúng tôi biết trong phần bình luận