Hướng dẫn WordPress Gutenberg: Cách sử dụng Trình chỉnh sửa mới


Nếu bạn đã sử dụng WordPress được một vài năm, thì bạn còn nhớ khi những người ở WordPress giới thiệu trình chỉnh sửa Gutenberg trong WordPress 5.0 vào năm 2018.

Trình chỉnh sửa mặc định mới này là một đại tu để chỉnh sửa cả bài đăng và trang trên trang web của bạn. Nó biến hộp văn bản lớn mà chủ sở hữu trang web đã quen thuộc thành một nền tảng chỉnh sửa dựa trên khối rất khác.

Một số chủ sở hữu trang web ghét nó đến mức họ tránh nâng cấp lên WordPress 5.0 và ở lại trình chỉnh sửa mặc định cổ điển càng lâu càng tốt. Các chủ sở hữu trang web khác đã chấp nhận sự thay đổi vì sự đơn giản và dễ sử dụng của nó.

Nếu bạn đang thực hiện chuyển đổi và tò mò những gì sẽ xảy ra, hướng dẫn WordPress Gutenberg này sẽ hướng dẫn bạn qua các tính năng chính bạn cần để biết và hiểu. Điều này sẽ giúp quá trình chuyển đổi của bạn trở nên dễ dàng nhất có thể.

Điều gì sẽ xảy ra trong WordPress Gutenberg

Điều chính cần biết về trình chỉnh sửa Gutenberg là nó dựa trên khối. Điều này có nghĩa là bất kỳ thứ gì bạn cần thêm đều được quản lý thông qua các khối. Các khối trong Gutenberg bao gồm (nhưng không giới hạn):

  • Đoạn văn
  • Tiêu đề
  • Hình ảnh
  • Danh sách>
  • Trích dẫn
  • Định dạng trước
  • Trích dẫn
  • Bảng
  • Có cũng như một số khối nâng cao khác ít được sử dụng. Bạn có thể thấy các khối bổ sung nếu cài đặt các plugin WordPress mới vào trình chỉnh sửa.

    In_content_1 all: [300x250] / dfp: [640x360]->

    Thêm khối đơn giản bằng cách chọn biểu tượng + ở bên phải dưới khối gần đây nhất mà bạn đã thêm.

    Chọn bất kỳ khối nào từ cửa sổ bật lên- cửa sổ lên thêm khối đó làm phần tiếp theo trong trang hoặc bài đăng của bạn.

    Trước khi đến với các khối này, hãy bắt đầu lại từ đầu và tạo một bài đăng mới bằng Gutenberg trong WordPress.

    Tạo bài đăng và thêm khối

    Thêm một bài đăng vẫn không thay đổi so với phiên bản WordPress cuối cùng. Chỉ cần chọn Bài đăngtừ thanh điều hướng bên trái và chọn Thêm mớibên dưới.

    Thao tác này sẽ mở ra cửa sổ chỉnh sửa bài đăng. Đây cũng là nơi mọi thứ trở nên khác biệt. Bạn sẽ thấy trình chỉnh sửa WordPress Gutenberg mặc định.

    Thêm các mục khối trong Gutenberg Editor

    Bạn có thể nhập tiêu đề cho bài đăng của mình trong trường tiêu đề. Sau đó, chọn biểu tượng +ở bên phải để thêm khối đầu tiên.

    Khối đoạn văn

    Khối đầu tiên phổ biến nhất mà mọi người thêm vào sau tiêu đề là khối đoạn văn. Để thực hiện việc này, hãy chọn Đoạn văntừ cửa sổ bật lên.

    Thao tác này sẽ chèn một trường khối nơi bạn có thể bắt đầu nhập đoạn đầu tiên của bài đăng của mình. Định dạng cho khối Đoạn văn theo sau phông chữ mặc định cho các khối đoạn văn trên trang web của bạn.

    Dưới đây là một số mẹo để thêm khối đoạn văn trong trình chỉnh sửa Gutenberg.

    • Đoạn văn của bạn có thể dài bao nhiêu tùy thích. Văn bản sẽ tự động xếp thành dòng tiếp theo, giống như trong trình chỉnh sửa cổ điển.
    • Nếu bạn nhấn Enter, trình chỉnh sửa Gutenberg sẽ tự động tạo một khối đoạn văn mới, tuy nhiên nó chỉ trông như đoạn thứ hai có ngắt đoạn.
    • Đánh dấu bất kỳ văn bản nào trong đoạn sẽ hiển thị cửa sổ định dạng nơi bạn có thể thay đổi định dạng cho văn bản đó hoặc sửa đổi khối thành danh sách hoặc một số loại khối khác.
    • Chọn ba dấu chấm và chọn Xóa khốiđể xóa một khối đoạn văn và thay thế nó bằng một khối khác.
    • Khối hình ảnh

      Nếu bạn chọn khối Hình ảnh, bạn sẽ thấy hộp Hình ảnh nơi bạn có thể chọn nút Tải lên để tải hình ảnh lên bài đăng từ máy tính của bạn. Chọn liên kết Thư viện phương tiệnđể sử dụng hình ảnh từ thư viện phương tiện hiện có của bạn hoặc Chèn từ URLđể liên kết đến hình ảnh từ một trang web khác.

      Thao tác này sẽ chèn hình ảnh vào bài viết mà bạn đã thêm khối Hình ảnh mới. Bạn sẽ nhận thấy rằng bạn có thể nhập chú thích cho hình ảnh ngay bên dưới hình ảnh đó.

      Bạn có thể sử dụng các tùy chọn định dạng trên văn bản phụ đề giống như bạn có thể làm trên văn bản đoạn văn thông thường.

      Khối danh sách

      Khi bạn thêm một khối mới và chọn Danh sách, nó sẽ chèn khối danh sách tại điểm đó trong bài viết.

      Nó sẽ hiển thị một dấu đầu dòng, nhưng khi bạn nhập và nhấn Enter, mỗi dấu đầu dòng mới sẽ xuất hiện khi bạn cần.

      Định dạng danh sách cũng tuân theo kiểu và kích thước phông chữ như được xác định bởi chủ đề của bạn, vì vậy đừng ngạc nhiên nếu phông chữ trong danh sách của bạn trông khác với các khối đoạn văn của bạn.

      Bạn có thể đánh dấu văn bản trong khối danh sách và bạn sẽ thấy các tùy chọn định dạng cho văn bản này nếu bạn bạn muốn thay đổi nó. Bạn không thể thay đổi kiểu phông chữ ở đây nhưng bạn có thể in đậm, in nghiêng, thêm siêu liên kết hoặc thay đổi hoàn toàn kiểu khối.

      Các khối khác

      Nếu bạn muốn xem tất cả các khối có sẵn, hãy chọn +để thêm một khối, sau đó chọn Duyệt qua tất cảđể xem toàn bộ danh sách.

      Danh sách này thực sự khá dài. Mọi thứ bạn nhớ có sẵn trong trình chỉnh sửa cổ điển thông qua hệ thống menu của nó sẽ được đưa vào đây. Chúng bao gồm các khối thường được sử dụng khác như:

      • Bảng
      • Tệp và phương tiện
      • Video
      • Thẻ “Thêm”
      • Ngắt và phân tách trang
      • Các tiện ích như biểu tượng xã hội, đám mây thẻ, lịch và tiện ích plugin WordPress
      • Nhúng mã cho các trang web xã hội , các trang web đa phương tiện như YouTube và Spotify, v.v.
      • Các tính năng khác của Gutenberg

        Bạn không cần phải gắn bó với các khối bạn đã thêm ở bất cứ nơi nào bạn thêm chúng. Bạn có thể cuộn lại trong bài đăng của mình và chọn biểu tượng +giữa bất kỳ khối hiện có nào. Điều này sẽ cho phép bạn chèn các khối mới vào giữa các khối hiện có.

        Bạn cũng không gặp khó khăn với vị trí các khối của mình. Trong trình chỉnh sửa WordPress cổ điển, không phải lúc nào cũng dễ dàng di chuyển những thứ như hình ảnh sang các phần khác trong bài đăng của bạn mà đôi khi không làm rối loạn mã nền.

        Trong Gutenberg, việc di chuyển các phần tử như hình ảnh cũng đơn giản như chọn chặn rồi chọn mũi tên lên hoặc xuống trong thanh menu bật lên để di chuyển khối lên hoặc xuống trong bài đăng.

        Mỗi lần bạn chọn mũi tên, nó sẽ trượt khối đó một vị trí theo bất kỳ hướng nào bạn đã chọn.

        Sử dụng Glutenberg Editor trong WordPress

        Khu vực đăng bài không phải là nơi duy nhất để thêm các khối mới. Bạn sẽ nhận thấy có một menu biểu tượng rất đơn giản ở đầu trình chỉnh sửa, nơi bạn cũng có thể sử dụng biểu tượng +để thêm các khối.

        Các biểu tượng khác trong trình đơn này cho phép bạn truy cập nhanh vào các tính năng khác của Gutenberg.

        • Biểu tượng cây bút Chỉnh sửacho phép bạn chuyển sang chế độ chọn để chọn khối dễ dàng hơn. Nhấp đúp vào một khối để quay lại chế độ Chỉnh sửa.
        • Các biểu tượng Hoàn táchoặc Làm lại(mũi tên cong trái và phải) sẽ hoàn tác hoặc làm lại lần cuối của bạn chỉnh sửa.
        • Biểu tượng i(Chi tiết) hiển thị cho bạn số ký tự, từ, tiêu đề, đoạn và khối trong bài đăng của bạn.
        • Outlinecho phép bạn nhanh chóng điều hướng đến các khối trong bài đăng của mình dựa trên thứ tự của chúng trong dàn bài đăng của bạn.
        • Đối với nhiều người, trình chỉnh sửa Gutenberg trong WordPress thực sự mất một số đã từng. Nhưng sau khi trải nghiệm việc tạo, chỉnh sửa và thao tác các khối thành phần trong bài đăng của mình dễ dàng như thế nào, bạn sẽ thấy rằng quá trình tạo bài đăng và trang của mình nhanh hơn và hiệu quả hơn.

          bài viết liên quan:


          2.01.2021