Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

Trong hướng dẫn này, chúng tôi sẽ hiển thị cho bạn tất cả các phương thức để xem và thêm mã HTML vào một trang hoặc đă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ể mã hóa một 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.HTML in your WordPress website. For example, you can code a hyperlink by hand or view the entire post in HTML and make several changes at once.

Vì vậy, hãy làm theo khi chúng tôi đề cập đến các bước cho biên tập viên mới nhất (Gutenberg) cũng như biên tập viên cổ điển.

  • Cách thêm HTML vào trang/bài đăng
  • Thêm HTML vào một trang/bài đăng với trình soạn thảo cổ điển

Bạn có thời gian để đọc hướng dẫn đầy đủ của chúng tôi không? Xem video đi bộ của chúng tôi.

Trong phiên bản mới nhất của trình soạn thảo WordPress, có 3 cách để thêm HTML vào một trang hoặc bài đăng. Bạn có thể thêm một khối HTML tùy chỉnh, chỉnh sửa một khối duy nhất là HTML hoặc chỉnh sửa toàn bộ trang/bài HTML với 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 soạn thảo 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 các trang hoặc bài đăng, tùy thuộc vào trang nào 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 đã sửa đổi một bài đăng.Pages or Posts link, depending which one you want to add HTML to. For the purpose of this tutorial we’re modifying a Post.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  3. Cuộn 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.Edit button.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào 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 Plus +.+ button.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  5. Nhập HTML trong hộp tìm kiếm.HTML in the search box.
  6. Nhấp vào tùy chọn HTML tùy chỉnh.Custom HTML option.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  7. Một khối mới sẽ được tạo ở nơi bạn có thể thêm mã HTML của mình khi cần thiết.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

Chỉnh sửa một khối duy nhất là html

Nếu bạn có một khối WordPress hiện có cho phép bạn chuyển sang trình soạn thảo mã. Sau đó, bạn có thể xem và sửa đổi HTML khi cần thiết. Đây là một tùy 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 một trang hoặc đă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 chấm.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  4. Chọn tùy chọn Chỉnh sửa làm HTML.Edit as HTML option.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  5. Sau đó, bạn sẽ xem mã HTML cho khối đó và có thể sửa đổi nó khi cần thiết.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  6. Nếu bạn muốn chuyển quay lại trình chỉnh sửa trực quan, hãy nhấp một lần nữa, chọn tùy chọn, sau đó chọn Chỉnh sửa trực quan.option, then choose Edit visually.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

Chỉnh sửa trang/bài đăng đầy đủ với 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 với HTML. Phương pháp này là một cách nhanh chóng để thực hiện các thay đổi HTML thành một số phần của trang hoặc đăng cùng một lúc.

  1. Chỉnh sửa trang hoặc đăng bạn muốn sửa đổi.
  2. Nhấp vào menu Tùy chọn ở phía trên bên phải của màn hình. Nó trông giống như 3 chấm thẳng đứng.Options menu on the top right of the screen. It looks like 3 vertical dots.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào 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+Al+M cùng một lúc.Code editor section under Editor. Another option is to click the Ctrl+Shift+Alt+M keys at the same time.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào 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 thiết.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

Thêm HTML vào một trang/bài đăng với trình soạn thảo cổ điển

  1. Bạn có thời gian để đọc hướng dẫn đầy đủ của chúng tôi không? Xem video đi bộ của chúng tôi.
  2. Trong phiên bản mới nhất của trình soạn thảo WordPress, có 3 cách để thêm HTML vào một trang hoặc bài đăng. Bạn có thể thêm một khối HTML tùy chỉnh, chỉnh sửa một khối duy nhất là HTML hoặc chỉnh sửa toàn bộ trang/bài HTML với trình chỉnh sửa mã.Text tab. You will then see the text of the page or post and you can enter the HTML.
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?
  3. Thêm khối HTML tùy chỉnh
    Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

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 soạn thảo trực quan.

Hướng dẫn how do i embed html code in wordpress? - làm cách nào để nhúng mã html vào wordpress?

Đăng nhập vào bảng điều khiển WordPress của bạn.

Trong menu điều hướng, nhấp vào liên kết các trang hoặc bài đăng, tùy thuộc vào trang nào 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 đã sửa đổi một bài đăng.

Cuộn 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.

Điều hướng đến phần bạn muốn thêm HTML vào và nhấp vào nút Plus +. Content Writer II

Nhập HTML trong hộp tìm kiếm.

Nhấp vào tùy chọn HTML tùy chỉnh.