Cách đặt mã nhúng trong WordPress

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn tất cả các phương pháp để xem và thêm mã HTML vào Trang hoặc Bài đăng trong WordPress. Có thể đôi khi bạn muốn sử dụng HTML trong trang web WordPress của mình. Ví dụ: bạn có thể viết mã siêu liên kết bằng tay hoặc xem toàn bộ bài đăng trong HTML và thực hiện một số thay đổi cùng một lúc

Vì vậy, hãy làm theo khi chúng tôi trình bày các bước cho trình chỉnh sửa mới nhất (Gutenberg) cũng như trình chỉnh sửa cổ điển

  • Cách thêm HTML vào Trang/Bài đăng
  • Thêm HTML vào Trang/Bài đăng với Trình chỉnh sửa Cổ điển

Không có thời gian để đọc hướng dẫn đầy đủ của chúng tôi?

Cách thêm HTML vào Trang/Bài đăng

Trong phiên bản mới nhất của trình chỉnh sửa WordPress, có 3 cách để thêm HTML vào trang hoặc bài đăng. Bạn có thể thêm khối HTML tùy chỉnh, chỉnh sửa một khối dưới dạng HTML hoặc chỉnh sửa toàn bộ trang/bài đăng HTML bằng trình chỉnh sửa mã

Thêm khối HTML tùy chỉnh

Hãy nhớ rằng nếu bạn sử dụng tùy chọn này, bạn sẽ không thể quay lại trình chỉnh sửa trực quan

  1. Đăng nhập vào Bảng điều khiển WordPress của bạn
  2. Trong menu điều hướng, nhấp vào liên kết Trang hoặc Bài đăng, tùy thuộc vào liên kết bạn muốn thêm HTML vào. Với mục đích của hướng dẫn này, chúng tôi đang sửa đổi Bài đăng
    Cách đặt mã nhúng trong WordPress
  3. Di chuột qua cái bạn muốn thêm HTML vào và nhấp vào nút Chỉnh sửa
    Cách đặt mã nhúng trong WordPress
  4. Điều hướng đến phần bạn muốn thêm HTML vào và nhấp vào nút dấu cộng +
    Cách đặt mã nhúng trong WordPress
  5. Nhập HTML vào hộp tìm kiếm
  6. Nhấp vào tùy chọn HTML tùy chỉnh
    Cách đặt mã nhúng trong WordPress
  7. Một khối mới sẽ được tạo để bạn có thể thêm mã HTML của mình nếu cần
    Cách đặt mã nhúng trong WordPress

Chỉnh sửa một khối duy nhất dưới dạng HTML

Nếu bạn có một khối hiện có, WordPress cho phép bạn chuyển sang trình chỉnh sửa mã. Sau đó, bạn có thể xem và sửa đổi HTML khi cần. Đây là một lựa chọn tốt nếu bạn chỉ muốn thay đổi một phần của trang hoặc bài đăng

  1. Chỉnh sửa trang hoặc bài đăng trong Bảng điều khiển WordPress
  2. Nhấp vào khối bạn muốn sửa đổi
  3. Chọn liên kết tùy chọn, nó trông giống như 3 dấu chấm
    Cách đặt mã nhúng trong WordPress
  4. Chọn tùy chọn Chỉnh sửa dưới dạng HTML
    Cách đặt mã nhúng trong WordPress
  5. Sau đó, bạn sẽ thấy mã HTML cho khối đó và có thể sửa đổi nó nếu cần
    Cách đặt mã nhúng trong WordPress
  6. Nếu bạn muốn quay lại Trình chỉnh sửa trực quan, hãy nhấp lại vào khối, chọn tùy chọn, sau đó chọn Chỉnh sửa trực quan
    Cách đặt mã nhúng trong WordPress

Chỉnh sửa Toàn trang/Bài đăng bằng Trình chỉnh sửa mã

Tùy chọn thứ ba là chỉnh sửa toàn bộ trang hoặc đăng bằng HTML. Phương pháp này là một cách nhanh chóng để thực hiện các thay đổi HTML đối với một số phần của trang hoặc bài đăng cùng một lúc

  1. Chỉnh sửa trang hoặc bài đăng bạn muốn sửa đổi
  2. Nhấp vào menu Tùy chọn ở trên cùng bên phải của màn hình. Nó trông giống như 3 dấu chấm dọc
    Cách đặt mã nhúng trong WordPress
  3. Chọn phần Trình chỉnh sửa mã trong Trình chỉnh sửa. Một tùy chọn khác là nhấp vào các phím Ctrl+Shift+Alt+M cùng một lúc
    Cách đặt mã nhúng trong WordPress
  4. Sau đó sẽ xem toàn bộ trang/bài đăng dưới dạng HTML và có thể thêm mã khi cần
    Cách đặt mã nhúng trong WordPress

Thêm HTML vào Trang/Bài đăng với Trình chỉnh sửa Cổ điển

  1. Điều hướng đến trang hoặc bài đăng bạn muốn sửa đổi và chỉnh sửa nó
  2. 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
    Cách đặt mã nhúng trong WordPress
  3. Thêm HTML của bạn nếu cần
    Cách đặt mã nhúng trong WordPress

Xin chúc mừng, giờ bạn đã biết cách thêm HTML vào Trang hoặc Bài đăng WordPress. Tìm kiếm thêm hướng dẫn?

Bạn có thể thêm mã vào WordPress không?

Sử dụng plugin đoạn mã 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 mình một cách dễ dàng mà không cần phải chỉnh sửa các tệp chủ đề của mình. Nó đi kèm với xác thực đoạn mã thông minh để giúp bạn ngăn ngừa các lỗi mã phổ biến.

Bạn có thể nhúng bất cứ thứ gì vào WordPress không?

Kể từ WordPress 5. 0, trình chỉnh sửa khối WordPress có một cách dễ dàng để thêm video, hình ảnh, tweet, âm thanh và nội dung khác từ các dịch vụ của bên thứ ba vào trang web WordPress của bạn bằng cách nhúng. An example of this is embedding a YouTube video in your post or page.