Cách sử dụng các Block Patterns trong WordPress

Tác giả NetworkEngineer, T.Năm 04, 2022, 02:48:22 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách sử dụng các Block Patterns trong WordPress


Bạn có muốn học cách sử dụng các Block Patterns WordPress trên trang web của mình không?

Các Block Patterns cho phép bạn nhanh chóng thêm các yếu tố thiết kế thường được sử dụng vào bố cục bài đăng hoặc trang của mình.

Trong bài viết này, mình sẽ hướng dẫn bạn cách sử dụng các Block Patterns WordPress và tìm thêm các mẫu khác để sử dụng trên trang web của bạn.

Dưới đây là các chủ đề mà mình sẽ đề cập trong hướng dẫn này.

  • Các Block Patterns WordPress là gì
  • Cách sử dụng các Block Patterns trong WordPress
  • Tìm thêm các Block Patterns để sử dụng trên trang web của bạn
  • Cách tạo và chia sẻ các Block Patterns của riêng bạn
  • Tạo các Block Patterns WordPress theo cách thủ công
  • Loại bỏ một Block Patterns trong WordPress
  • Sự khác biệt giữa các khối có thể tái sử dụng và các Block Patterns

1. Các Block Patterns WordPress là gì?

Các Block Patterns WordPress là một tập hợp các yếu tố thiết kế được tạo sẵn mà bạn có thể sử dụng để tạo bố cục nội dung tùy chỉnh nhanh hơn.

WordPress đi kèm với một trình chỉnh sửa trực quan thường được gọi là trình chỉnh sửa khối. Nó cho phép người dùng tạo bố cục đẹp cho các bài đăng và trang của họ bằng cách sử dụng các khối cho các yếu tố nội dung chung.


Tuy nhiên, không phải tất cả người dùng WordPress đều là nhà thiết kế hoặc muốn dành thời gian tạo bố cục mỗi khi họ cần tạo một bài đăng hoặc trang.

Các Block Patterns cung cấp một giải pháp dễ dàng cho vấn đề đó. WordPress hiện đi kèm với một loạt các Block Patterns hữu ích theo mặc định.


Các giao diện WordPress phổ biến cũng cung cấp các mẫu riêng mà bạn có thể sử dụng khi viết nội dung.

Các mẫu này bao gồm các mục như bố cục nhiều cột được tạo sẵn, mẫu phương tiện và văn bản, mẫu gọi hành động, tiêu đề, nút, v.v.

Bạn có thể tìm thấy nhiều mẫu hơn nữa trên trang web   Đăng nhập để xem liên kết và thậm chí bạn có thể tạo và chia sẻ các mẫu của riêng mình.

Chúng ta hãy cùng xem cách dễ dàng sử dụng các Block Patterns trong WordPress để tạo nội dung đẹp cho trang web của bạn.

2. Cách sử dụng các Block Patterns trong WordPress

Theo mặc định, WordPress đi kèm với một loạt các Block Patterns hữu ích mà bạn có thể sử dụng trên trang web của mình. Chủ đề WordPress của bạn và một số plugin cũng có thể thêm các mẫu của riêng chúng.

Để sử dụng các Block Patterns, bạn cần chỉnh sửa bài đăng hoặc trang WordPress mà bạn muốn sử dụng Block Patterns.

Trên màn hình chỉnh sửa bài viết, nhấp vào nút  Add Block để mở trình chèn khối. Từ đây, chuyển sang tab Mẫu để xem các Block Patterns có sẵn.


Bạn có thể cuộn xuống để xem các Block Patterns có sẵn.

Bạn cũng có thể xem các Block Patterns trong các danh mục khác nhau như nổi bật, nút, cột, tiêu đề, v.v.


Ngoài ra, bạn cũng có thể nhấp vào nút Khám phá để xem các Block Patterns.

Tại đây, bạn có thể xem các bản xem trước lớn hơn trong một cửa sổ bật lên.


Khi bạn tìm thấy một mẫu mà bạn muốn thử, bạn có thể chỉ cần nhấp để chèn nó vào vùng nội dung của bài đăng hoặc trang của bạn.


Sau đó, bạn chỉ cần trỏ và nhấp vào bất kỳ khối nào bên trong mẫu để chỉnh sửa và thay đổi nội dung của nó theo yêu cầu của riêng bạn.

Bạn vẫn sẽ có tất cả các tùy chọn mà bạn thường có cho mỗi khối. Ví dụ: nếu đó là một khối bìa, thì bạn có thể thay đổi màu bìa hoặc hình nền.

Bạn có thể thêm bao nhiêu mẫu tùy ý cho bài đăng hoặc trang blog của mình. Bạn cũng có thể chỉ cần xóa một mẫu để xóa nó khỏi bài đăng hoặc trang giống như bạn xóa bất kỳ khối WordPress nào.


Bằng cách sử dụng các Block Patterns, bạn có thể nhanh chóng tạo bố cục đẹp cho các bài viết và trang web WordPress của mình.

Cuối cùng, các Block Patterns giúp bạn tiết kiệm thời gian mà nếu không bạn sẽ dành cho việc sắp xếp các khối theo cách thủ công mỗi khi bạn cần thêm tiêu đề, thư viện, các nút và hơn thế nữa.

3. Tìm thêm các Block Patterns để sử dụng trên trang web của bạn

Theo mặc định, WordPress đi kèm với một số Block Patterns thường được sử dụng. Các chủ đề WordPress cũng có thể thêm các mẫu của riêng chúng vào trang web của bạn.

Tuy nhiên, bạn có thể tìm thấy nhiều Block Patterns hơn những mẫu có sẵn trong trình chèn khối trên trang web của mình.

Chỉ cần truy cập trang web WordPress Patterns Directory để xem nhiều Block Patterns khác.


Tại đây, bạn sẽ tìm thấy nhiều Block Patterns khác được gửi bởi cộng đồng WordPress.

Để sử dụng một trong các Block Patterns này, bạn chỉ cần đưa chuột đến Block Patterns và nhấp vào nút Copy.


Tiếp theo, bạn cần quay lại blog WordPress của mình và chỉnh sửa bài đăng hoặc trang mà bạn muốn chèn Block Patterns này.

Trên màn hình chỉnh sửa bài đăng, bạn chỉ cần nhấp chuột phải và chọn Dán trong menu trình duyệt hoặc nhấn CTRL + V (Command + V trên máy Mac).


4. Cách tạo và chia sẻ các Block Patterns của riêng bạn

Bạn muốn tạo và chia sẻ các Block Patterns WordPress của riêng mình và chia sẻ chúng với mọi người?

WordPress giúp bạn dễ dàng tạo các Block Patterns và sử dụng chúng trên các trang web của riêng bạn hoặc chia sẻ chúng với tất cả người dùng WordPress trên toàn cầu.

Chỉ cần truy cập trang web Thư mục Mẫu WordPress và nhấp vào liên kết 'Create New Pattern'.


Lưu ý: Bạn cần đăng nhập hoặc tạo tài khoản   Đăng nhập để xem liên kết miễn phí để lưu các mẫu của mình.

Sau khi đăng nhập, bạn sẽ đến trang trình chỉnh sửa Block Patterns. Nó giống với trình chỉnh sửa khối mặc định của WordPress và bạn có thể sử dụng nó để tạo mẫu của mình.


Chỉ cần thêm các khối để tạo bố cục hoa văn của bạn.

Bạn có thể sử dụng các khối bố cục như nhóm, bìa, thư viện , v.v. để sắp xếp bố cục của mình.


Ngoài ra còn có các hình ảnh miễn phí bản quyền có sẵn để sử dụng trong các khối phương tiện của bạn. Thư viện phương tiện WordPress sẽ cho phép bạn dễ dàng tìm và sử dụng những hình ảnh này trong các mẫu của mình.

Khi bạn hài lòng với Block Patterns của mình, bạn có thể lưu nó dưới dạng bản nháp hoặc gửi nó đến thư mục mẫu.


Trước khi bạn có thể gửi Block Patterns của mình cho thư mục mẫu, hãy đảm bảo rằng bạn đã đọc các nguyên tắc về thư mục Block Patterns.

Bạn có thể quản lý tất cả các Block Patterns của mình bằng cách nhấp vào liên kết Mẫu của tôi. Nó sẽ hiển thị tất cả các Block Patterns mà bạn đã chia sẻ, các mẫu nháp và các mẫu mà bạn yêu thích.
Mẫu của bạn


Nếu bạn chỉ muốn tạo các Block Patterns để sử dụng cho riêng mình, thì bạn có thể lưu chúng dưới dạng bản nháp. Sau đó, bạn có thể chỉ cần sao chép và dán chúng từ trang Mẫu của tôi vào trang web WordPress của mình.

5. Tạo các Block Patterns WordPress theo cách thủ công

Bạn cũng có thể tạo các Block Patterns theo cách thủ công và thêm chúng vào chủ đề WordPress hoặc plugin đoạn mã tùy chỉnh của mình.

Đơn giản chỉ cần tạo một bài đăng hoặc trang mới trong WordPress. Trong vùng nội dung, sử dụng các khối để tạo bố cục tùy chỉnh hoặc bộ sưu tập khối mà bạn muốn lưu dưới dạng mẫu.


Sau đó, chuyển sang chế độ Trình chỉnh sửa mã và sao chép tất cả nội dung bạn thấy trong trình chỉnh sửa mã.


Tiếp theo, mở một trình soạn thảo văn bản thuần túy như Notepad và dán mã đó vào đó. Bạn sẽ cần nó trong bước tiếp theo.

Bây giờ bạn đã sẵn sàng để đăng ký các khối của mình dưới dạng một mẫu.

Để làm điều đó, chỉ cần sao chép và dán mã sau vào tập tin functions.php của chủ đề của bạn hoặc một plugin dành riêng cho trang web.

Mã nguồn [Chọn]
function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Bây giờ sao chép và dán dữ liệu khối thô mà bạn đã sao chép trước đó làm giá trị cho tham số nội dung. Nói cách khác, bạn sẽ cần thay thế văn bản có nội dung 'Your block content code goes here' bằng mã khối của bạn. Đảm bảo để nguyên các dấu ngoặc kép xung quanh văn bản.

Cuối cùng, đừng quên thay đổi tiêu đề và mô tả của riêng bạn và lưu các thay đổi của bạn.

Bây giờ bạn có thể truy cập trang web của mình và chỉnh sửa và đăng hoặc trang. Bây giờ bạn sẽ có thể thấy Block Patterns mới đăng ký của mình trong trình chèn khối.


6. Loại bỏ một Block Patterns trong WordPress

Bạn có thể dễ dàng xóa hoặc hủy đăng ký bất kỳ Block Patterns nào trong WordPress. Giả sử bạn muốn xóa Block Patterns mà bạn đã tạo trong ví dụ trên.

Tất cả những gì bạn cần làm là sao chép, dán đoạn mã sau vào tập tin functions.php của chủ đề hoặc một plugin dành riêng cho trang web.

Mã nguồn [Chọn]
function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

Trong ví dụ này, 'my-plugin/my-awesome-pattern' là tên của mẫu mà mình đã sử dụng khi đăng ký nó.

Bạn có thể sử dụng mã này để hủy đăng ký bất kỳ Block Patterns nào được tạo bởi chủ đề của bạn hoặc một plugin. Tất cả những gì bạn cần biết là tên được sử dụng để đăng ký mẫu.

Loại bỏ các mẫu WordPress cốt lõi

Các mẫu WordPress cốt lõi có sẵn cho tất cả người dùng WordPress. Điều này có nghĩa là chúng có thể đã được sử dụng quá mức và thậm chí có thể không khớp với phần còn lại của chủ đề WordPress của bạn.

Nếu bạn không muốn sử dụng một mẫu, thì bạn có thể tránh thêm nó vào nội dung của mình. Tuy nhiên, nếu bạn chạy một trang WordPress có nhiều tác giả, thì bạn có thể muốn ngăn tất cả người dùng sử dụng các mẫu cốt lõi này.

Để xóa tất cả các mẫu WordPress cốt lõi, bạn cần thêm mã sau vào tập tin chức năng của chủ đề hoặc một plugin dành riêng cho trang web.
   
Mã nguồn [Chọn]
remove_theme_support( 'core-block-patterns' );
7. Sự khác biệt giữa các khối có thể tái sử dụng và các Block Patterns là gì?

Các Block Patterns và khối tái sử dụng đều có ý định giải quyết một vấn đề tương tự: cung cấp cho người dùng các tùy chọn để dễ dàng thêm các khối thường được sử dụng.

Tuy nhiên, chúng khá khác biệt với nhau.

Ví dụ: các khối có thể sử dụng lại có thể được chỉnh sửa và lưu ngay bên trong trình chỉnh sửa bài đăng, nhưng chúng không linh hoạt như các Block Patterns.

Một sự khác biệt lớn là nếu bạn thực hiện thay đổi đối với một khối có thể sử dụng lại, nó sẽ thay đổi khối trên mọi bài đăng hoặc trang bạn đã sử dụng nó.


Để biết thêm chi tiết, hãy xem hướng dẫn của mình về cách sử dụng các khối có thể tái sử dụng trong WordPress.

Mặt khác, nếu bạn chèn một mẫu và chỉnh sửa nó, thì những thay đổi đó chỉ áp dụng cho bài đăng hoặc trang mà bạn đã thêm mẫu đó.

Các Block Patterns cũng có thể được đăng ký bởi chủ đề WordPress của bạn hoặc các plugin, chẳng hạn như plugin khối. Điều này cho phép các nhà phát triển đó cung cấp cho bạn nhiều tùy chọn thiết kế hơn để tạo bố cục bài đăng và trang của bạn.

Mình hy vọng hướng dẫn này đã giúp bạn học cách sử dụng các Block Patterns WordPress trên trang web của mình. Bạn cũng có thể muốn xem hướng dẫn của mình về cách chọn phần mềm thiết kế web tốt nhất hoặc lựa chọn chuyên gia của mình về các dịch vụ tiếp thị qua email tốt nhất cho doanh nghiệp nhỏ.