Thủ thuật web

Hướng dẫn cho người mới bắt đầu: Cách sử dụng các mẫu Block WordPress

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

Các mẫu khối 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, chúng tôi sẽ hướng dẫn bạn cách sử dụng các mẫu khối WordPress và tìm thêm các mẫu khác để sử dụng trên trang web của bạn.

Sử dụng các mẫu khối trong WordPress

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

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

Các mẫu khối WordPress là gì?

Các mẫu khối 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.

Trình chỉnh sửa khối WordPress

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 mẫu khối 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 mẫu khối hữu ích theo mặc định.

Các mẫu khối trong WordPress

Các chủ đề 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 WordPress.org và thậm chí bạn có thể tạo và chia sẻ các mẫu của riêng mình.

Nói như vậy, chúng ta hãy xem cách dễ dàng sử dụng các mẫu khối trong WordPress để tạo nội dung đẹp cho trang web của bạn.

Cách sử dụng các mẫu khối trong WordPress

Theo mặc định, WordPress đi kèm với một loạt các mẫu khối 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 mẫu khối, bạn cần chỉnh sửa bài đăng hoặc trang WordPress mà bạn muốn sử dụng mẫu khối.

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

Thêm mẫu khối

Bạn có thể cuộn xuống để xem các mẫu khối có sẵn.

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

Sắp xếp các mẫu khối theo danh mục

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

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.

Xem trước các mẫu khối

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.

Chỉnh sửa mẫu khối

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.

Loại bỏ khối che

Bằng cách sử dụng các mẫu khối, 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 mẫu khối 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.

Tìm thêm các mẫu khối để sử dụng trên trang web của bạn

Theo mặc định, WordPress đi kèm với một số mẫu khối 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 mẫu khối 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 mẫu khối khác.

Thư mục mẫu khối

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

Để sử dụng một trong các mẫu khối này, bạn chỉ cần đưa chuột đến mẫu khối và nhấp vào nút Sao chép.

Sao chép mẫu khối

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 mẫu khối 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).

Dán mẫu khối

Cách tạo và chia sẻ các mẫu khối của riêng bạn

Bạn muốn tạo và chia sẻ các mẫu khối WordPress của riêng bạn và chia sẻ chúng với mọi người?

WordPress giúp bạn dễ dàng tạo các mẫu khối 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 ‘Tạo Mẫu Mới’.

Tạo mẫu khối

Lưu ý: Bạn cần đăng nhập hoặc tạo tài khoản WordPress.org 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 mẫu khối. 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.

Trình tạo mẫu khối

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.

Chỉnh sửa bố cục mẫu khối

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 mẫu khối của mình, bạn có thể lưu nó dưới dạng bản nháp hoặc gửi nó vào thư mục mẫu.

Trước khi bạn có thể gửi mẫu khối 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 mẫu khối .

Bạn có thể quản lý tất cả các mẫu khối 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 mẫu khối mà bạn đã chia sẻ, các mẫu nháp và các mẫu mà bạn yêu thích.

Các mẫu của bạn

Nếu bạn chỉ muốn tạo các mẫu khối để 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 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.

Tạo các mẫu khối WordPress theo cách thủ công

Bạn cũng có thể tạo các mẫu khối 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.

Chuyển sang trình chỉnh sửa mã

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ã.

Sao chép các khối mã thô

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 functions.php của chủ đề của bạn hoặc một plugin dành riêng cho trang web .

1
2
3
4
5
6
7
8
9
10
11
12
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 ‘Mã nội dung khối của bạn ở đây’ bằng mã khối của bạn. Hãy chắc chắn để 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 mẫu khối mới đăng ký của mình trong trình chèn khối.

Thêm mẫu khối tùy chỉnh vào bài đăng của bạn

Loại bỏ một mẫu khối trong WordPress

Bạn có thể dễ dàng xóa hoặc hủy đăng ký bất kỳ mẫu khối nào trong WordPress. Giả sử bạn muốn xóa mẫu khối 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 functions.php của chủ đề hoặc một plugin dành riêng cho trang web .

1
2
3
4
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à chúng tôi đã sử dụng khi đăng ký nó.

Bạn có thể sử dụng mã này để hủy đăng ký bất kỳ mẫu khối 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 chức năng của chủ đề hoặc một plugin dành riêng cho trang web.

1
remove_theme_support( 'core-block-patterns' );

Sự khác biệt giữa các khối có thể tái sử dụng và các mẫu khối là gì?

Các mẫu khối 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ể tái sử dụng 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 mẫu khối.

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ó.

Khối có thể tái sử dụng trong WordPress

Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi 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 mẫu khối cũng có thể được đăng ký bởi chủ đề WordPress của bạn hoặc các plugin 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.

Chúng tôi hy vọng hướng dẫn này đã giúp bạn học cách sử dụng các mẫu khối WordPress trên trang web của mình. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi 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 chúng tôi về các dịch vụ tiếp thị qua email tốt nhất cho doanh nghiệp nhỏ .

Nếu bạn thích bài viết này, vui lòng đăng ký  Kênh YouTube của chúng tôi  để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên  Twitter  và Facebook .

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Back to top button