Bạn có muốn học cách dán đoạn trích từ web vào WordPress không?
Chúng tôi xuất bản rất nhiều hướng dẫn WordPress yêu cầu người dùng thêm đoạn mã vào WordPress.
Sao chép và dán mã trong các tập tin chủ đề WordPress có vẻ dễ dàng đối với người dùng có kinh nghiệm, nhưng nó có thể đáng sợ cho người mới bắt đầu.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách sao chép và dán đoạn mã từ web vào WordPress mà không cần phá vỡ trang web của bạn.
Tại sao thêm đoạn mã vào trang web WordPress của bạn?
WordPress là người xây dựng trang web tốt nhất trên thế giới do tính linh hoạt mà nó cung cấp. Nó rất dễ dàng để thêm các tính năng và chức năng mới vào trang web của bạn và có thể giúp xây dựng gần như bất kỳ loại trang web nào.
Chúng tôi chia sẻ tất cả các loại mẹo và thủ thuật bạn có thể sử dụng để làm cho trang web của bạn tốt hơn. Một số mẹo này sẽ yêu cầu bạn thêm mã vào WordPress.
Mặc dù việc thêm đoạn mã tùy chỉnh vào trang web của bạn là tùy chọn và bạn thường có thể tìm thấy các plugin để thực hiện cùng một nhiệm vụ, đôi khi một đoạn trích đơn giản hiệu quả hơn.
Thông thường, việc thêm đoạn mã có thể là một cách dễ dàng để khắc phục nhiều lỗi WordPress thông thường, cải thiện bảo mật WordPress của bạn và thêm các tính năng mới vào trang web của bạn.
Như đã nói, hãy để Lôi xem cách thêm đoạn mã vào trang web WordPress của bạn một cách an toàn.
Những cách tốt nhất để thêm đoạn mã trong WordPress là gì?
Điều quan trọng là phải đề cập rằng trước khi bạn bắt đầu thêm đoạn mã vào trang web WordPress của mình, bạn nên cài đặt và sử dụng plugin sao lưu WordPress.
Điều này giữ cho trang web WordPress của bạn an toàn và bạn luôn có thể khôi phục nó từ một bản sao lưu trong trường hợp có bất cứ điều gì sai.
Khi thêm đoạn trích vào WordPress, bạn có thể tìm thấy các hướng dẫn để thêm chúng vào các tệp mẫu chủ đề WordPress, như index.php, single.php, v.v.
Các đoạn trích này chỉ hữu ích cho các tệp chủ đề cụ thể đó, vì vậy bạn sẽ phải thêm chúng trực tiếp hoặc tạo chủ đề WordPress Con.
Tuy nhiên, hầu hết các đoạn mã sẽ được thêm vào tệp chức năng WordPress chủ đề của bạn. Một số hướng dẫn có thể khuyên bạn nên thêm nó trực tiếp vào tệp, nhưng có nhiều lựa chọn thay thế tốt hơn cho phép bạn chống lại các thay đổi trong tương lai.
Bằng cách này, nếu bạn từng thay đổi một chủ đề, chức năng tùy chỉnh của bạn sẽ không bị xóa.
Có nhiều cách khác nhau để chỉnh sửa các tệp WordPress tùy thuộc vào phương thức bạn chọn để thêm đoạn mã tùy chỉnh vào blog hoặc trang web WordPress của bạn.
Như đã nói, chúng ta hãy xem một số cách thân thiện nhất với người mới bắt đầu để thêm đoạn mã tùy chỉnh trong WordPress.
- Thêm mã tùy chỉnh với plugin WPCode [Easy]
- Thêm mã tùy chỉnh trong plugin WordPress dành riêng cho trang web
- Thêm mã tùy chỉnh vào chức năng.php hoặc các mẫu chủ đề khác
- Khắc phục sự cố lỗi mã thông thường [Câu hỏi thường gặp]
Phương pháp 1: Thêm mã tùy chỉnh với plugin WPCode [Easy]
Sử dụng plugin Code Snippets là cách an toàn nhất và thân thiện với người mới bắt đầu nhất để thêm mã vào WordPress.
Plugin WPCode cho phép bạn thêm và quản lý các đoạn mã tùy chỉnh trên trang web của bạn mà không phải chỉnh sửa các tệp chủ đề của bạn.
Nó đi kèm với xác thực đoạn mã thông minh để giúp bạn ngăn chặn các lỗi mã thông thường. Điều này bảo vệ bạn khỏi việc phá vỡ trang web của bạn khi thêm đoạn mã.
WPCode cũng có một thư viện mã tích hợp giúp bạn dễ dàng tìm thấy tất cả các đoạn mã WordPress phổ biến nhất. Bạn có thể thêm các đoạn mã viết chuyên gia này chỉ trong vài lần nhấp.
Phần tốt nhất là nó cho phép bạn quản lý tất cả các đoạn mã từ một màn hình trung tâm và thậm chí bạn có thể sắp xếp chúng bằng thẻ.
Lưu ý: Phương thức WPCode rất hữu ích cho các đoạn trích cần được thêm vào tệp functions.php. Nếu bạn được yêu cầu thêm đoạn mã trong các tệp chủ đề khác, thì phương thức này sẽ không hoạt động. The WPCode method is useful for snippets that need to be added to the functions.php file. If you are asked to add a code snippet in other theme files, then this method will not work.
Cách chỉnh sửa và thêm mã vào WordPress với WPCode
Nếu bạn sẽ sử dụng plugin WPCode để thêm mã vào WordPress, thì bạn sẽ thêm mã trực tiếp vào bảng điều khiển WordPress Admin.
Đầu tiên, bạn cần cài đặt và kích hoạt plugin. Để biết thêm chi tiết, hãy xem Hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách cài đặt plugin WordPress.
Khi kích hoạt, chỉ cần chuyển đến Code Snippets » + Thêm đoạn trích trong bảng điều khiển quản trị WordPress của bạn. Sau đó, nhấp vào nút Thêm mới.Code Snippets » + Add Snippet in your WordPress admin dashboard. Then, click the Add New button.
Điều này đưa bạn đến một màn hình nơi bạn có thể chọn đoạn trích từ thư viện được tạo sẵn hoặc thêm mã tùy chỉnh của bạn.
Để thêm mã tùy chỉnh, nhấp vào nút Sử dụng Snippet trong tùy chọn ‘Thêm mã tùy chỉnh [đoạn trích mới] của bạn.Use snippet button under the ‘Add Your Custom Code [New Snippet]’ option.
Trên màn hình tiếp theo, bắt đầu bằng cách đặt tên của bạn một tên để giúp bạn nhớ nó. Sau đó, dán mã của bạn vào hộp. Hãy chắc chắn chọn loại mã chính xác từ menu thả xuống ở bên phải.
Tiếp theo, cuộn xuống phần chèn chèn. Tại đây, bạn có thể chọn sử dụng đoạn mã làm mã ngắn mà bạn có thể sao chép và dán thủ công ở bất cứ đâu trên trang web của mình. Hoặc, chọn phương thức ‘Tự động chèn vào để chọn vị trí [hàm WordPress] trong đó đoạn mã sẽ được chèn tự động.
Phần tốt nhất về WPCode là ngoài các tùy chọn chèn tự động khác nhau, nó còn đi kèm với tùy chọn logic có điều kiện thân thiện với người mới bắt đầu. Điều này cho phép bạn chọn khi mã của bạn sẽ tải.
Khi bạn đã hoàn thành việc thêm mã, hãy chuyển đổi công tắc từ ’không hoạt động thành’ hoạt động ở góc trên cùng bên phải.
Sau đó nhấp vào nút Lưu đoạn trích.Save Snippet button.
Khi đoạn trích được kích hoạt, nó sẽ được thêm tự động hoặc được hiển thị dưới dạng mã ngắn, tùy thuộc vào phương thức chèn bạn đã chọn.
Để biết hướng dẫn chi tiết, hãy xem hướng dẫn của chúng tôi về cách dễ dàng thêm đoạn mã tùy chỉnh trong WordPress.
Cách thêm mã tiêu đề và chân trang của mã WordPress the WordPress Header and Footer
Đôi khi bạn chỉ có thể cần thêm mã vào các tệp chủ đề của bạn ____10 hoặc
1. Plugin WPCode cũng có thể giúp bạn làm điều này một cách dễ dàng.
Điều này có ích khi bạn cần thêm mã theo dõi cho Google Analytics, Facebook Pixel, Google Adsense và nhiều hơn nữa vào trang web của bạn.
Ngoài ra, nó cho phép bạn quản lý tất cả các mã tiêu đề và chân trang của mình ở một nơi, ngăn chặn mọi lỗi thủ công và cho phép bạn nâng cấp hoặc thay đổi chủ đề của mình mà không phải lo lắng.
Lưu ý: Phương pháp này hoạt động tốt nhất để theo dõi các tập lệnh, CSS tùy chỉnh và mã JavaScript. This method works best for tracking scripts, custom CSS, and Javascript code.
Chuyển đến Code Snippets »Tiêu đề và chân trang và sau đó nhập đoạn mã của bạn vào phần tiêu đề, phần thân hoặc chân trang, trang web của bạn.Code Snippets » Header and Footer and then enter your code snippet into the header, body, or footer, section of your website.
Hãy chắc chắn rằng bạn nhấp vào nút ‘Lưu Thay đổi và các đoạn mã của bạn sẽ được trực tiếp trên trang web của bạn.
Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách thêm mã tiêu đề và mã chân trang trong WordPress.
Phương pháp 2: Thêm mã tùy chỉnh trong plugin WordPress dành riêng cho trang web2: Adding Custom Code in Site-Specific WordPress Plugin
Một tùy chọn linh hoạt khác là sử dụng plugin WordPress dành riêng cho trang web. Đây là một plugin tùy chỉnh mà bạn có thể tạo cho trang web của riêng mình và sử dụng để lưu tất cả mã tùy chỉnh của bạn.
Ưu điểm của phương pháp này là mã của bạn không phụ thuộc vào chủ đề của bạn và nó sẽ vẫn hoạt động ngay cả khi bạn thay đổi chủ đề. Nó cũng không bị ảnh hưởng bởi bất kỳ bản cập nhật WordPress nào trên trang web của bạn.
Lưu ý: Phương thức này chỉ được áp dụng cho các đoạn mã cần được thêm vào tệp functions.php. This method is only applicable for code snippets that need to be added to the functions.php file.
Nếu bạn sử dụng một plugin dành riêng cho trang web, thì bạn có thể sử dụng trình chỉnh sửa plugin WordPress tích hợp để thêm mã tùy chỉnh của mình.
Đầu tiên, bạn sẽ cần truy cập plugin »Trình chỉnh sửa plugin và sau đó chọn plugin của bạn từ menu thả xuống có nhãn plugin để chỉnh sửa:.Plugins » Plugin Editor and then select your plugin from the drop-down menu labeled ‘Select plugin to edit:’.
Trình chỉnh sửa sẽ tải plugin dành riêng cho trang web của bạn. Sau đó, bạn có thể chỉ cần thêm mã vào trang.
Sau khi bạn hoàn thành, hãy đảm bảo nhấp vào nút ‘Cập nhật tệp để lưu các thay đổi của bạn.
Nếu thiếu một cái gì đó trong mã của bạn hoặc có thể phá vỡ trang web của bạn, thì trình chỉnh sửa plugin sẽ tự động hoàn tác các thay đổi của bạn.
Một cách khác, bạn có thể thêm mã tùy chỉnh vào plugin dành riêng cho trang web là bằng cách sử dụng FTP. Để biết thêm chi tiết, hãy xem Hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách sử dụng FTP để tải các tệp lên WordPress.
Chỉ cần mở trang web của bạn bằng máy khách FTP ưa thích của bạn, sau đó nhấp chuột phải vào tệp plugin và chọn tùy chọn ‘Xem/chỉnh sửa.
Điều này sẽ mở tệp để bạn có thể thêm đoạn mã của mình. Khi bạn lưu và tải lên tệp một lần nữa, sau đó các thay đổi sẽ tự động hiển thị.
Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách tạo một plugin dành riêng cho trang web cho trang web của bạn.
Phương pháp 3: Thêm mã tùy chỉnh vào chức năng.php hoặc các mẫu chủ đề khác3: Adding Custom Code to Functions.php or Other Theme Templates
Cuối cùng, bạn có thể thêm các đoạn mã trực tiếp vào tệp chủ đề của bạn ____ ____99. Tuy nhiên, chúng tôi khuyên bạn nên sử dụng các tùy chọn khác ở trên, vì có một số nhược điểm.
Đầu tiên, nếu bạn cập nhật chủ đề WordPress của mình, thì tất cả các thay đổi của bạn sẽ biến mất.
Tiếp theo, mã bạn đã thêm sẽ chỉ hoạt động nếu bạn đang sử dụng chủ đề cụ thể đó.
Điều đó đang được nói, hãy để Lừa xem cách sao chép và dán mã mã đúng cách và tránh phá vỡ trang web của bạn.
Nếu bạn đang thêm đoạn mã trực tiếp vào tệp chủ đề của bạn ____ ____ ____ hoặc bất kỳ mẫu trang nào khác, thì bạn có thể thêm mã bằng cách điều hướng đến ngoại hình »Trình chỉnh sửa chủ đề trong bảng quản trị WordPress của bạn.Appearance » Theme Editor in your WordPress admin panel.
Sau đó, bạn có thể chọn tệp từ cột bên phải và nó sẽ mở trong trình soạn thảo.
Hướng dẫn mà bạn đã theo dõi sẽ cho bạn biết nơi bạn có thể thêm đoạn mã, nhưng nếu không, thì bạn cần thêm mã ở dưới cùng của tệp bên dưới tất cả các mã mà trình bày.
Một cách khác là sử dụng FTP của trình quản lý tệp lưu trữ WordPress của bạn để thêm mã tùy chỉnh vào các tệp chủ đề của bạn.
Chỉ cần kết nối với máy khách FTP của bạn với trang web của bạn và sau đó truy cập WP-Content »Chủ đề» Trình độ chủ đề của bạn và nhấp chuột phải vào tệp cần chỉnh sửa.wp-content » themes » your-theme-folder and right-click on the file that needs editing.
Sau đó, nhấp vào tùy chọn ‘Xem/Chỉnh sửa để mở tệp trong trình soạn thảo văn bản và thêm đoạn mã mã của bạn.
Khắc phục sự cố lỗi PHP khi thêm mã tùy chỉnh
Có một số lỗi phổ biến mà người mới bắt đầu mắc phải khi thêm đoạn mã tùy chỉnh vào các trang web WordPress của họ. May mắn thay, hầu hết các lỗi này có thể tránh được và sửa chữa dễ dàng.
Hãy cùng xem các lỗi này và những cách tốt nhất bạn có thể khắc phục chúng.
1. Sử dụng không chính xác các thẻ bắt đầu và kết thúc PHP
WordPress được viết chủ yếu bằng ngôn ngữ lập trình PHP có cú pháp cụ thể cho thấy máy chủ của bạn rằng mã sau cần được xử lý bởi PHP. Đây là những gì một đoạn mã PHP điển hình trông giống như:
// PHP Begin Tag
Tất cả mã PHP của bạn cần phải ở trong các thẻ
5 và
6.
Thẻ cuối PHP rất quan trọng trong các tệp chuyển qua lại giữa PHP và HTML. Điều này bao gồm hầu hết các tệp chủ đề WordPress sử dụng các thẻ PHP cùng với HTML.
Bạn cần đảm bảo rằng nếu bạn đang dán mã của mình tại một vị trí mà thẻ bắt đầu PHP không được đóng, thì bạn cần thêm mã của mình mà không cần thẻ PHP bắt đầu.
Nếu bạn đang dán mã tùy chỉnh của mình bên ngoài hoặc sau thẻ kết thúc PHP, thì bạn cũng cần thêm thẻ PHP bắt đầu.
// Your custom code snippet
Gần 90% tất cả các lỗi là do vị trí không chính xác của thẻ bắt đầu hoặc kết thúc PHP. Nhìn vào mã của bạn sẽ giúp bạn hiểu liệu bạn có cần thêm thẻ bắt đầu PHP hay kết thúc trong đoạn mã tùy chỉnh của bạn hay không.
Tuy nhiên, nhiều tệp chủ đề WordPress như functions.php có thể không có thẻ cuối PHP. Điều này có nghĩa là bạn có thể thêm mã của mình ở cuối tệp mà không cần thẻ bắt đầu hoặc kết thúc.
Ở đây, một ví dụ về những gì trông như thế nào.