Hướng dẫn add script to head wordpress - thêm script vào head wordpress

Đấu tranh với cách thêm mã vào tiêu đề WordPress [đầu] hoặc chân trang? Nhiều công cụ và tập lệnh theo dõi yêu cầu bạn thêm đoạn mã vào tiêu đề hoặc chân trang của trang web WordPress của bạn. Nhưng, theo mặc định, WordPress không làm cho nó rất dễ dàng để chỉnh sửa các tệp đó.

Trong mục nhập này, chúng tôi sẽ chỉ cho bạn cách thêm mã vào tiêu đề hoặc chân trang WordPress bằng cách sử dụng plugin WordPress hoặc thêm mã theo cách thủ công vào tệp function.php của bạn. Đối với hầu hết người dùng, phương pháp plugin là phương thức được đề xuất. Nhưng người dùng WordPress nâng cao trung gian có thể thích sử dụng phương thức mã thủ công, thay vào đó.

Bạn có thể nhấp vào các liên kết bên dưới để nhảy thẳng vào phương thức ưa thích của bạn:

  • Cách thêm mã vào tiêu đề và chân trang WordPress với một plugin
  • Cách thêm thủ công mã vào tiêu đề và chân trang WordPress

Kiểm tra hướng dẫn video của chúng tôi về cách & nbsp; to & nbsp; chỉnh sửa chân trang & nbsp; in & nbsp; WordPressHow To Edit the Footer in WordPress

Cách thêm mã vào tiêu đề và chân trang WordPress với một plugin

Cách thêm thủ công mã vào tiêu đề và chân trang WordPress

  • Kiểm tra hướng dẫn video của chúng tôi về cách & nbsp; to & nbsp; chỉnh sửa chân trang & nbsp; in & nbsp; WordPress
  • Đối với hầu hết người dùng, cách dễ nhất để thêm mã vào tiêu đề và chân trang WordPress là thông qua một plugin. Lợi ích của việc sử dụng plugin qua phương thức thủ công trong phần tiếp theo là:your homepage, which can be helpful in some use cases.
  • Đoạn mã mã của bạn sẽ vẫn còn nguyên nếu bạn chuyển chủ đề.

Plugin giúp dễ dàng chỉ thêm đoạn mã vào tiêu đề hoặc chân trang của trang chủ của bạn, có thể hữu ích trong một số trường hợp sử dụng.

Plugin thân thiện với người mới bắt đầu hơn vì nó không yêu cầu đào sâu vào mã.

Mặc dù có một số plugin cung cấp chức năng này, chúng tôi khuyên dùng plugin đầu, chân trang và bài sau từ Stefano Lissa vì nó cho phép bạn kiểm soát nhiều hơn nhiều lựa chọn thay thế. Nó hiện có hơn 200.000 cài đặt hoạt động với xếp hạng 5 trên 5 sao.

Plugin WordPress tiêu đề và chân trangPlugins → Add New and searching for it:

Bước 1: Cài đặt và kích hoạt tiêm đầu, chân trang và bài

Tiêm đầu, chân trang và bài có sẵn miễn phí tại WordPress.org, do đó bạn có thể cài đặt và kích hoạt nó trực tiếp từ bảng điều khiển WordPress của bạn bằng cách đi vào plugin → Thêm mới và tìm kiếm nó:

Cài đặt pluginSettings → Header and Footer in your WordPress dashboard. You’ll see a number of tabs in the plugin’s interface. But for this guide, you’ll mostly work in the default Head and footer tab:

Bước 2: Thêm đoạn mã vào đầu, chân trang và sau khi tiêm

Khi bạn kích hoạt plugin, bạn có thể truy cập giao diện của nó bằng cách đi đến Cài đặt → Tiêu đề và chân trang trong bảng điều khiển WordPress của bạn. Bạn sẽ thấy một số tab trong giao diện plugin. Nhưng đối với hướng dẫn này, bạn sẽ chủ yếu làm việc trong tab đầu và chân trang mặc định: SECTION INJECTION area:

Giao diện đầu, chân trang và bài

Để thêm mã vào tiêu đề trang web của bạn, bạn cần dán nó vào một trong các hộp trong khu vực phun phần:

Bạn muốn biết làm thế nào chúng ta tăng lưu lượng truy cập trên 1000%?

  • Tham gia với hơn 20.000 người khác nhận được bản tin hàng tuần của chúng tôi với các mẹo nội bộ WordPress! – adds the code snippet to the header of every single page on your site. This is what you’ll want to use most of the time.
  • Theo dõi ngay – only adds the code snippet to the header of your homepage.

Mỗi trang - thêm đoạn mã vào tiêu đề của mỗi trang trên trang web của bạn. Đây là những gì bạn sẽ muốn sử dụng hầu hết thời gian.Every page box and save your changes:

Chỉ trang chủ - chỉ thêm đoạn mã vào tiêu đề của trang chủ của bạn.

Ví dụ: để thêm mã theo dõi Google Analytics vào WordPress, bạn chỉ cần dán nó vào hộp mỗi trang và lưu các thay đổi của bạn:BEFORE THE CLOSING TAG [FOOTER] option. Again, you have two options, though they’re different from the header section:

  • Ví dụ về việc thêm mã vào tiêu đềdespite the name, this adds code to the footer of both the desktop and mobile version of your site unless you specifically check the box for Mobile.
  • Để thêm mã vào trang web trang web của bạn, bạn có thể cuộn xuống tùy chọn Thẻ đóng [chân trang]. Một lần nữa, bạn có hai tùy chọn, mặc dù chúng khác với phần tiêu đề: – when checked, this lets you add a different code snippet to the mobile version of your site.

Desktop - Mặc dù tên, điều này thêm mã vào chân trang của cả phiên bản Desktop và Mobile của SiteUnless, bạn đặc biệt chọn hộp cho thiết bị di động.all users, no matter their devices, paste it in the Desktop box and leave Mobile unchecked:

Di động - Khi được kiểm tra, điều này cho phép bạn thêm một đoạn mã khác vào phiên bản di động của trang web của bạn.

Nếu bạn chỉ muốn thêm đoạn mã vào phần chân trang cho tất cả người dùng, bất kể thiết bị của họ, hãy dán nó vào hộp máy tính để bàn và để không được kiểm soát di động:

Ví dụ về việc thêm mã vào chân trang

Nếu cần, bạn có thể thêm nhiều đoạn mã vào mỗi hộp.

Tiền thưởng - Thêm mã vào tiêu đề và chân trang của các trang Google ampAMP tab in Header and Footer and paste your code snippet into the appropriate box:

Một điều gọn gàng khác về plugin này là, nếu bạn đang sử dụng Google amp cho WordPress, plugin cho phép bạn thêm cụ thể thêm đoạn mã vào tiêu đề và chân trang của các phiên bản Google amp của các trang của bạn [miễn là bạn sử dụng chính thức Plugin amp từ Automattic].

Để làm điều đó, hãy đến tab AMP trong tiêu đề và chân trang và dán đoạn mã của bạn vào hộp thích hợp:

Giao diện Google amp

Cách thêm thủ công mã vào tiêu đề và chân trang WordPress

Kiểm tra hướng dẫn video của chúng tôi về cách & nbsp; to & nbsp; chỉnh sửa chân trang & nbsp; in & nbsp; WordPress

Trong phần này, bạn sẽ học cách thêm các đoạn mã theo cách thủ công vào tiêu đề và chân trang chủ đề của bạn thông qua tệp function.php của nó.

Nếu bạn muốn tiến hành phương pháp này qua plugin trong phần trước, thì điều cần thiết là bạn phải sử dụng chủ đề WordPress Con để thực hiện các chỉnh sửa của bạn. Nếu bạn không sử dụng chủ đề con, bất kỳ mã nào bạn thêm vào tiêu đề hoặc chân trang của bạn sẽ bị ghi đè nếu bạn cập nhật chủ đề WordPress của mình.will get overwritten if you update your WordPress theme.

Nhiều nhà phát triển cung cấp một chủ đề trẻ em. Nhưng nếu nhà phát triển của bạn không có, thì đây là một hướng dẫn về cách tạo chủ đề WordPress Child. Khi bạn đã sẵn sàng chủ đề của con bạn, bạn có thể tiến hành các bước sau để thêm mã vào tiêu đề hoặc chân trang chủ đề của bạn.

Mặc dù bạn có thể thêm các đoạn mã trực tiếp vào các tệp Header.php và Footer.php của mình, một cách tốt hơn là sử dụng tệp function.php của bạn và hook WordPress thích hợp. Điều này cho phép bạn giữ tất cả các đoạn trích của bạn ở một nơi và tránh sửa đổi các tệp chủ đề cốt lõi.header.php and footer.php files, a better way is to use your functions.php file and the appropriate WordPress hook. This lets you keep all your snippets in one place and avoid modifying core theme files.

Bước 1: Chuẩn bị đoạn mã

Để giúp bạn bắt đầu, chúng tôi sẽ cung cấp cho bạn một khung thô để thêm mã cho cả tiêu đề và chân trang của bạn.

Để thêm mã vào tiêu đề của bạn, hãy sử dụng đoạn mã này:

/* Describe what the code snippet does so you can remember later on */
add_action['wp_head', 'your_function_name'];
function your_function_name[]{
?>
PASTE HEADER CODE HERE

PASTE FOOTER CODE HERE

PASTE HEADER CODE HERE

PASTE HEADER CODE HERE

Chủ Đề