HTML tùy chỉnh WordPress không hoạt động
Mặc dù WordPress giúp những người không phải là lập trình viên quản lý trang web dễ dàng, nhưng có thể sẽ có lúc bạn muốn chỉnh sửa mã trong WordPress để kiểm soát nhiều hơn một chút về giao diện hoặc chức năng của trang web. Show
Để giúp bạn làm điều đó, bài đăng này sẽ chỉ cho bạn cách chỉnh sửa mã an toàn trong WordPress theo một số cách khác nhau
Nếu bạn đã biết mình muốn làm gì, bạn có thể nhấp vào một trong các liên kết ở trên để chuyển thẳng đến phần cụ thể đó. Nếu không, hãy chỉnh sửa Thích xem phiên bản video?Cách bạn có thể chỉnh sửa mã WordPressĐể kiểm soát nhiều hơn về giao diện và chức năng của trang web WordPress, bạn có thể chỉnh sửa mã WordPress của mình để tùy chỉnh các khu vực khác nhau
Hỗ trợ Cách chỉnh sửa WordPress HTML cho từng bài đăng/trangHãy bắt đầu với cách đơn giản nhất để chỉnh sửa WordPress HTML – truy cập mã nguồn cho từng bài đăng, trang hoặc loại bài đăng khác của WordPress Xem cách Kinsta chống lại đối thủ. So sánh Bạn có thể làm điều này trong cả trình chỉnh sửa khối WordPress mới (Gutenberg), cũng như trình chỉnh sửa TinyMCE cổ điển cũ hơn Cách chỉnh sửa HTML WordPress trong Trình chỉnh sửa khối (Gutenberg)Có một số cách bạn có thể làm việc với HTML trong Gutenberg Đầu tiên, nếu bạn chỉ muốn thêm mã HTML của riêng mình vào một phần nội dung, tôi khuyên bạn không nên cố gắng chỉnh sửa toàn bộ mã nguồn của bài đăng của mình, vì điều đó khiến mọi thứ trở nên phức tạp không cần thiết. Thay vào đó, bạn chỉ có thể sử dụng khối HTML tùy chỉnh chuyên dụng và dán mã HTML mà bạn muốn sử dụng vào đó Tuy nhiên, cũng có thể đến lúc bạn cần chỉnh sửa trực tiếp HTML của một khối khác. Ví dụ: nếu bạn muốn thêm thẻ nofollow vào một liên kết trong trình chỉnh sửa khối, bạn sẽ cần chỉnh sửa HTML của khối đó Có hai cách để bạn có thể làm điều này… Trước tiên, bạn có thể nhấp vào các tùy chọn cho một khối riêng lẻ và chọn tùy chọn Chỉnh sửa dưới dạng HTML Điều này sẽ cho phép bạn chỉnh sửa HTML cho khối riêng lẻ đó Hoặc, nếu bạn muốn chỉnh sửa HTML cho toàn bộ bài đăng của mình, bạn có thể truy cập Trình chỉnh sửa mã từ trình đơn thả xuống Công cụ & Tùy chọn chính. Hoặc, bạn cũng có thể chỉ cần sử dụng phím tắt này để chuyển đổi giữa mã và chỉnh sửa trực quan – Ctrl + Shift + Alt + M Hãy nhớ rằng, trong trình chỉnh sửa mã đầy đủ, bạn sẽ phải xử lý tất cả đánh dấu đó cho các khối – e. g. Cách chỉnh sửa HTML WordPress trong Trình chỉnh sửa cổ điển (TinyMCE)Nếu bạn vẫn đang sử dụng trình chỉnh sửa Classic WordPress (TinyMCE), bạn có thể chỉnh sửa HTML cho toàn bộ bài đăng của mình bằng cách chuyển đến tab Văn bản Cách chỉnh sửa mã nguồn trong chủ đề WordPress của bạnBây giờ, hãy đi vào chủ đề lớn hơn, đó là cách chỉnh sửa mã trong chủ đề WordPress của bạn. Cổ phần cao hơn một chút, vì vậy chúng tôi cần trả lời một số câu hỏi sơ bộ trước khi bắt đầu phần hướng dẫn Tại sao cổ phần cao hơn? Trong các bản phát hành gần đây, WordPress đã khiến bạn gặp khó khăn hơn rất nhiều khi vô tình làm điều này, nhưng việc chỉnh sửa mã nguồn của trang web của bạn sẽ luôn mở ra cơ hội cho các vấn đề, vì vậy bạn muốn đảm bảo rằng bạn làm điều đó một cách an toàn Sử dụng Chủ đề con cho mọi chỉnh sửa mã trực tiếpNếu định chỉnh sửa trực tiếp bất kỳ mã nào trong các tệp của chủ đề, thì bạn cần sử dụng chủ đề con thay vì chỉnh sửa chủ đề "cha" Nếu không có chủ đề con, bất kỳ thay đổi mã nào bạn thực hiện sẽ bị ghi đè vào lần tiếp theo bạn cập nhật chủ đề của mình. Tuy nhiên, khi sử dụng một chủ đề con, bạn sẽ có thể cập nhật ngay chủ đề gốc mà không làm mất những thay đổi bạn đã thực hiện trong chủ đề con của mình Đăng kí để nhận thư mớiBạn muốn biết làm thế nào chúng tôi tăng lưu lượng truy cập của mình hơn 1000%?Tham gia cùng hơn 20.000 người khác nhận bản tin hàng tuần của chúng tôi với các mẹo nội bộ về WordPress Nếu bạn muốn tìm hiểu thêm về lợi ích của các chủ đề con, cũng như cách tạo một chủ đề, hãy xem hướng dẫn đầy đủ của chúng tôi về các chủ đề con WordPress Cân nhắc sử dụng plugin thay vì chỉnh sửa mã trong chủ đề conNếu bạn định sửa đổi cách thức hoạt động của chủ đề, bạn có thể cần phải làm việc bằng cách chỉnh sửa trực tiếp mã nguồn của chủ đề con của bạn However, if you want to edit code in WordPress for a different reason – like adding a tracking script to the section of your site or adding a snippet to your theme’s functions.php file – you might be better off using a plugin instead.Ví dụ: Tiêm phần Đầu, Chân trang và Bài viết giúp dễ dàng đưa các đoạn mã vào nơi cần thiết. Và bởi vì tất cả các đoạn mã này đều được tách biệt trong giao diện của plugin, nên việc quản lý chúng trong tương lai cũng dễ dàng hơn Tương tự, nếu bạn đang thêm một đoạn mã có thể đi vào chức năng của chủ đề con của bạn. php, plugin Code Snippets miễn phí là một lựa chọn tuyệt vời Tóm lại, nếu bạn muốn chỉnh sửa mã trong WordPress để thêm đoạn trích vào chủ đề của mình…
…thì bạn nên cân nhắc sử dụng một plugin thay vì trực tiếp chỉnh sửa các tệp của chủ đề, vì nó sẽ giúp việc quản lý các đoạn trích đó trở nên đơn giản hơn và đảm bảo rằng chúng không bị ghi đè khi bạn cập nhật chủ đề của mình Nếu bạn cần thực hiện các chỉnh sửa khác, hãy tìm hiểu cách chỉnh sửa mã nguồn cho chủ đề của bạn Sử dụng Trình chỉnh sửa mã WordPress trong bảng điều khiểnNếu bạn dự định trực tiếp chỉnh sửa mã của chủ đề, chúng tôi thực sự khuyên bạn nên sao lưu trang web của mình trước khi thực hiện (toàn bộ trang web của bạn hoặc tệp bạn đang chỉnh sửa) Khi bạn đã hoàn thành việc đó, bạn có thể truy cập trình chỉnh sửa mã chủ đề trong bảng điều khiển bằng cách đi tới Giao diện → Trình chỉnh sửa chủ đề. Tại đây, đầu tiên WordPress sẽ đưa ra cảnh báo tương tự như những gì bạn đã tìm hiểu ở trên Sau đó, bạn sẽ có thể sử dụng thanh bên ở bên phải để điều hướng giữa các tệp chủ đề khác nhau và chính trình chỉnh sửa mã để thực hiện các chỉnh sửa thực tế của mình Đấu tranh với thời gian chết và các vấn đề WordPress? . Kiểm tra kế hoạch của chúng tôi Sử dụng SFTP để chỉnh sửa mã trong WordPressLà một giải pháp thay thế cho trình chỉnh sửa mã trong bảng điều khiển, bạn cũng có thể chỉnh sửa các tệp chủ đề qua SFTP. Có hai lợi ích cho phương pháp này
Đây là cách kết nối với trang web của bạn qua FTP Khi bạn đã hoàn thành việc đó, hãy điều hướng đến thư mục chủ đề của bạn – …/wp-content/themes/child-theme-name. Tìm tệp bạn muốn chỉnh sửa và nhấp chuột phải vào tệp đó. Hầu hết các chương trình FTP sẽ cung cấp cho bạn tùy chọn chỉnh sửa tệp và sẽ tự động tải tệp lên lại sau khi bạn thực hiện các thay đổi của mình Tuy nhiên, chúng tôi thực sự khuyên bạn nên tải phiên bản gốc của tệp xuống máy tính để bàn của mình trước khi thực hiện bất kỳ thay đổi nào. Bằng cách đó, bạn có thể tải lên lại phiên bản gốc đó nếu bạn vô tình làm hỏng thứ gì đó Cách thêm CSS tùy chỉnh vào WordPressNếu bạn chỉ muốn thêm CSS tùy chỉnh vào WordPress, thay vì chỉnh sửa mã HTML hoặc PHP của WordPress, thì bạn không cần sử dụng trình chỉnh sửa mã trong bảng điều khiển hoặc phương pháp SFTP Thay vào đó, bạn có thể sử dụng Trình tùy chỉnh WordPress. Ngoài việc là một tùy chọn đơn giản hơn, một lợi ích khác của việc sử dụng phương pháp này là bạn sẽ có thể xem trước các thay đổi của mình trong thời gian thực Để bắt đầu, hãy đi tới Giao diện → Tùy chỉnh trong bảng điều khiển WordPress của bạn Sau đó, tìm tùy chọn CSS bổ sung trong WordPress Customizer Điều đó sẽ mở một trình chỉnh sửa mã nơi bạn có thể thêm CSS mong muốn của mình. Khi bạn thêm CSS, bản xem trước trực tiếp của trang web của bạn sẽ tự động cập nhật theo những thay đổi đó Một tùy chọn tốt khác để thêm CSS là plugin Simple CSS từ Tom Usborne. Nó cung cấp cho bạn một tùy chọn tương tự trong Trình tùy chỉnh WordPress và nó cũng cho phép bạn thêm CSS tùy chỉnh vào các bài đăng hoặc trang riêng lẻ thông qua hộp meta Cuối cùng, nếu bạn muốn thêm nhiều CSS tùy chỉnh – như hàng trăm hoặc hàng nghìn dòng – thì một tùy chọn khác là tạo biểu định kiểu CSS tùy chỉnh của riêng bạn và sử dụng wp_enqueue_scripts để thêm nó vào chủ đề của bạn Tóm lượcNếu bạn muốn chỉnh sửa mã trong một bài đăng hoặc trang WordPress riêng lẻ, cả trình chỉnh sửa khối mới và trình chỉnh sửa cổ điển đều cung cấp cho bạn các tùy chọn để chỉnh sửa trực tiếp HTML Mặt khác, nếu bạn muốn chỉnh sửa mã nguồn của chủ đề WordPress của mình, có một số điều cần xem xét
Nếu bạn vẫn cần thực hiện chỉnh sửa mã trực tiếp sau những cân nhắc đó, bạn có thể chỉnh sửa mã nguồn của chủ đề con từ bảng điều khiển WordPress của mình bằng cách đi tới Giao diện → Trình chỉnh sửa chủ đề. Hoặc, bạn có thể kết nối với trang web của mình qua SFTP và chỉnh sửa mã theo cách đó Cuối cùng, nếu bạn chỉ muốn thêm một số CSS tùy chỉnh, bạn không cần phải trực tiếp chỉnh sửa mã của chủ đề. Thay vào đó, bạn chỉ có thể sử dụng khu vực CSS bổ sung trong Trình tùy chỉnh WordPress hoặc một plugin như CSS đơn giản Bạn có câu hỏi nào về cách chỉnh sửa mã trong WordPress không? Nhận tất cả các ứng dụng, cơ sở dữ liệu và trang web WordPress của bạn trực tuyến và dưới một mái nhà. Nền tảng đám mây hiệu suất cao, đầy đủ tính năng của chúng tôi bao gồm
Hãy tự kiểm tra với $20 trong tháng đầu tiên của Lưu trữ ứng dụng hoặc Lưu trữ cơ sở dữ liệu. Khám phá kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm thấy sự phù hợp nhất của bạn Làm cách nào để thêm HTML vào WordPress?Có thể đôi khi bạn muốn sử dụng HTML trong trang web WordPress của mình. . Điều hướng đến trang hoặc bài đăng bạn muốn sửa đổi và chỉnh sửa nó Nhấp vào tab Văn bản. Sau đó, bạn sẽ thấy văn bản của trang hoặc bài đăng và bạn có thể nhập HTML Thêm HTML của bạn nếu cần Khối HTML tùy chỉnh là gì?Khối HTML tùy chỉnh cho phép bạn thêm và chỉnh sửa nội dung HTML mà không cần phải xem trang hoặc đăng dưới dạng HTML .
WordPress có cho phép bạn chỉnh sửa HTML không?Chỉnh sửa HTML trong Trình chỉnh sửa WordPress
. Trong thanh công cụ cho từng khối (xuất hiện khi bạn nhấp vào khối), dấu chấm lửng hoặc ba dấu chấm, có tùy chọn Chỉnh sửa dưới dạng HTML để chỉ chỉnh sửa HTML cho khối cụ thể đó< . .
Bạn có thể thêm HTML và CSS tùy chỉnh cho WordPress không?Ngoài ra, bạn có thể thêm kiểu CSS từ Trình tùy chỉnh WordPress . Đây là các bước cho việc này. Từ bảng điều khiển WordPress đến Giao diện-> Tùy chỉnh. Từ Cài đặt chung chọn “CSS bổ sung”. |