Hướng dẫn how do i use block patterns in wordpress? - làm cách nào để sử dụng các mẫu khối trong wordpress?

Trình chỉnh sửa WordPress »Sử dụng các mẫu khối

Các mẫu khối là một tập hợp các khối được xác định trước mà bạn có thể chèn vào các trang và bài đăng và sau đó tùy chỉnh với nội dung của riêng bạn. Sử dụng một mẫu khối là một cách dễ dàng để tạo ra các bố cục đẹp kết hợp các khối khác nhau để tạo ra các thiết kế chuyên nghiệp.

Mục lục

Video hướng dẫn

Bảng nội dung ↑

Khám phá các mẫu khối

Để xem các mẫu khối có sẵn, hãy làm theo các bước sau:

1. Từ bảng điều khiển của bạn, đi đến các trang hoặc bài đăng và nhấp vào bất kỳ trang hoặc đăng để chỉnh sửa nó.
2. Trong trình chỉnh sửa, nhấp vào phần chèn + khối ở góc trên cùng bên trái.+ Block Inserter in the top left corner.
3. Nhấp vào tab Mẫu.
4. Duyệt qua các mẫu. Bạn có thể nhấp để xem các bộ sưu tập các mẫu trong một danh mục cụ thể như về, blog, sắp ra mắt, v.v. hoặc nhấp vào nút Mẫu ExporeAll ở cuối phần đó để mở các mẫu trong một cửa sổ mới, lớn hơn.About, Blog, Coming Soon, and so on, or click the Explore all patterns button at the bottom of that section to open the patterns in a new, larger, window.
5. Nhấp vào bất kỳ mẫu nào một lần và nó sẽ được thêm vào trang của bạn tại vị trí con trỏ của bạn.

Chúng tôi liên tục thêm các mẫu khối mới và cập nhật các mẫu hiện có! Mặc dù chúng tôi có thể thay đổi hoặc xóa các mẫu theo thời gian, điều này sẽ không ảnh hưởng đến bất kỳ mẫu nào bạn đã thêm vào trang của mình. Khi bạn thêm một mẫu khối vào trang web của mình, không có liên kết nào đến mẫu ban đầu, vì vậy mọi thay đổi tiếp theo sẽ không ảnh hưởng đến bất cứ điều gì trên trang web của bạn.

Bảng nội dung ↑

Khám phá các mẫu khối

Để xem các mẫu khối có sẵn, hãy làm theo các bước sau:

Từ bảng điều khiển của bạn, đi đến các trang hoặc bài đăng và nhấp vào bất kỳ trang hoặc đăng để chỉnh sửa nó.

Bảng nội dung ↑

Khám phá các mẫu khối

Để xem các mẫu khối có sẵn, hãy làm theo các bước sau:

Từ bảng điều khiển của bạn, đi đến các trang hoặc bài đăng và nhấp vào bất kỳ trang hoặc đăng để chỉnh sửa nó.

Nếu bạn là một người dùng WordPress, bạn không nghi ngờ gì đã quen thuộc với Gutenberg và với khái niệm về một khối. Rốt cuộc, Gutenberg đã tồn tại hơn hai năm nay và đang nhanh chóng trở thành cách chiếm ưu thế để tạo ra một trang web WordPress.

Nhưng bạn có quen thuộc với các mẫu khối không? Khía cạnh này của Gutenberg thường bị bỏ qua hoặc không biết bởi người dùng WordPress dày dạn.

Điều này rất tốt, vì có rất nhiều lợi ích khi sử dụng các mẫu khối, đặc biệt là đối với các trang web nhỏ hơn.

Trong bài đăng này, chúng tôi sẽ đề cập đến mọi thứ bạn cần biết về các mẫu khối WordPress Gutenberg.

Đầu tiên, chúng tôi sẽ nói về chính xác các mẫu khối là gì và cách chúng hoạt động. Sau đó, chúng tôi sẽ hướng dẫn bạn thông qua việc tải xuống, chỉnh sửa và tạo các mẫu của riêng bạn.

Sẵn sàng để tìm hiểu về các mẫu khối?

Chính xác thì một mẫu khối là gì? Thuật ngữ này có vẻ hơi đáng sợ, nhưng đừng lo lắng, nó rất đơn giản.

Hãy để bắt đầu bài viết này bằng cách kiểm tra các phần khác nhau của mẫu khối và cách chúng hoạt động.

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

Các mẫu khối là tiền đề, sẵn sàng sử dụng bố cục được tạo thành từ các khối WordPress. Họ cho phép bạn dễ dàng tạo ra một bố cục phức tạp của các khối trong vài giây và lưu nó như một mẫu.

Sau đó, bạn có thể sử dụng các mẫu này ở bất cứ đâu trên trang web của mình để tạo lại các phần lặp lại với nỗ lực tối thiểu.

Đây là một cải tiến lớn so với việc phải tạo ra một bố cục bằng cách thêm một khối cùng một khối!

Nhưng chờ đã, những gì mà một khối WordPress? what’s a WordPress block?

Các khối WordPress là yếu tố cơ bản tạo nên Gutenberg, phiên bản mới (ish) của WordPress.

Nói tóm lại, một khối chỉ là một mục được xác định trước mà bạn có thể thêm vào trang của mình. Một số ví dụ bao gồm các khối văn bản, các khối truyền thông xã hội, các khối nhúng video YouTube và các khối khác.

Nếu bạn hoàn toàn mới đối với Gutenberg, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về biên tập viên WordPress Gutenberg. Chúng tôi bao gồm mọi thứ bạn cần biết về việc sử dụng Gutenberg.

Vì vậy, một mẫu khối chỉ đơn giản là một tập hợp các khối. Ví dụ: mẫu logo của đối tác trên mạng dưới đây là một tập hợp các khối tạo ra phần tài trợ/đối tác đặc trưng. Dễ dàng, phải không?

Tính năng giết người của người Viking về các mẫu là chúng có thể được lưu, tái sử dụng và chia sẻ để được sử dụng trên các trang web WordPress khác.

Điều này có nghĩa là bạn có thể sử dụng lại cùng một mẫu trên nhiều trang hoặc bài đăng ở bất cứ đâu. Bạn cũng có thể sử dụng các mẫu trong các khu vực khác nhau trên trang web của mình, bao gồm tiêu đề, chân trang và thanh bên.

Một phép ẩn dụ có thể giúp bạn hiểu các mẫu khối là của một công thức. Các mẫu khối về cơ bản là các công thức nhỏ của nội dung khối Gutenberg.

Bạn có thể tải xuống các công thức nấu ăn (mẫu), sử dụng chúng để tạo bữa ăn của riêng bạn (nội dung trang web), lưu chúng để sử dụng sau này và thậm chí chia sẻ chúng với bạn bè, gia đình hoặc đồng nghiệp của bạn.

Về bản chất, họ làm cho việc tạo nội dung dễ dàng hơn mà không cần phải bắt đầu lại từ đầu.

Bạn có thể tưởng tượng việc phải nấu một loại bữa ăn mới mà không có công thức nào? Nó sẽ mất nhiều thời gian hơn, cực kỳ kém hiệu quả và có khả năng ít ngon miệng hơn.

Các mẫu khối về cơ bản là điều tương tự! Hình ảnh dưới đây cho thấy phần giới thiệu của người Viking với mô hình khối của bộ sưu tập, hoặc công thức.

Xin chào! Tên tôi là Sujay và tôi là Giám đốc điều hành của Astra.

Chúng tôi thực hiện một nhiệm vụ để giúp các doanh nghiệp nhỏ phát triển trực tuyến với các sản phẩm phần mềm giá cả phải chăng và giáo dục bạn cần để thành công.

Để lại một bình luận bên dưới nếu bạn muốn tham gia cuộc trò chuyện, hoặc bấm vào đây nếu bạn muốn trợ giúp cá nhân hoặc tham gia với nhóm của chúng tôi một cách riêng tư.

Tại sao bạn nên sử dụng các mẫu khối WordPress?

Có bốn lý do lớn tại sao bạn nên xem xét sử dụng các mẫu khối:

1. Để tiết kiệm thời gian
2. Để sử dụng các mẫu tiền đề được tạo bởi các nhà thiết kế chuyên nghiệp
3. Để lưu các mẫu mà bạn muốn sử dụng lại thường xuyên
4. Chúng linh hoạt, có thể tùy chỉnh và độc lập với chủ đề

Hãy cùng đi qua từng người trong số họ.

1. Để tiết kiệm thời gian

Đầu tiên và quan trọng nhất, các mẫu khối sẽ giảm lượng thời gian cần thiết để tạo một trang web. Thay vì phải tạo các mục riêng lẻ nhiều lần, bạn chỉ có thể sử dụng một mẫu.

Điều này đặc biệt hữu ích nếu bạn muốn lặp lại một số mẫu hoặc bố cục nhất định, nhiều lần trên trang web của bạn.

2. Để sử dụng các mẫu trước được tạo bởi các nhà thiết kế chuyên nghiệp

Một lý do tuyệt vời khác để sử dụng các mẫu khối là để bạn có thể tận dụng các kỹ năng của các nhà thiết kế và nhà phát triển chuyên nghiệp.

Bằng cách tải xuống các mẫu từ thư mục mẫu khối WordPress, bạn có thể bỏ qua việc phải tự thiết kế một bố cục. Có hàng trăm mẫu được tạo sẵn bao gồm tất cả mọi thứ, từ tiêu đề đến hộp đăng ký. Bằng cách kết hợp các yếu tố này, bạn có thể tạo ra một thiết kế đẹp mà không cần phải thiết kế.

3. Để lưu các mẫu mà bạn sử dụng thường xuyên

Ở mức độ rất cơ bản, các mẫu cho phép bạn hiệu quả hơn và sử dụng lại các phong cách nội dung nhất định mà bạn thấy mình thường xuyên tạo ra.

Hầu hết các trang web có một số lượng khá nhỏ các thiết kế trang khác nhau, bao gồm trang chủ, trang blog, bài đăng và các trang tiêu chuẩn khác. Đối với nhiều trang web, bố cục trên các loại trang này khá đồng đều.

Tuy nhiên, nếu bạn muốn thực hiện một tùy chỉnh, bạn sẽ cần thực hiện các thay đổi cho từng loại trang riêng lẻ. Với các mẫu khối, bạn có thể lưu các mẫu khối mẫu mà bạn sử dụng thường xuyên.

4. Tính linh hoạt, khả năng tùy chỉnh và độc lập chủ đề

Cuối cùng, các mẫu có giá trị vì chúng là những phần nội dung có thể tùy chỉnh cao có thể được sử dụng ở những nơi khác nhau. Cụ thể, chúng có thể được sử dụng trong các chủ đề khác nhau và trong các mẫu khác nhau trong các chủ đề đó.

Điều này cho phép bạn tránh tạo lại các yếu tố tương tự nhiều lần và có vẻ tốt khi kết hợp với các chủ đề tương thích Gutenberg.

Làm thế nào để các mẫu khối WordPress hoạt động?

Các mẫu khối cuối cùng được thiết kế để thay thế mã ngắn, tùy chọn chủ đề phức tạp, sao chép và dán mã nhúng và các tác vụ khó sử dụng khác hiện đang được yêu cầu để tùy chỉnh trang web WordPress.

Bằng cách sử dụng các mẫu mẫu khối, bạn có thể dễ dàng thực hiện lựa chọn nội dung được tạo sẵn.

Khối mẫu so với Trình tạo thành phần nguyên tố hoặc Beaver

Nếu bạn đã sử dụng các nhà xây dựng trang như Elementor hoặc Beaver Builder trước đây, bạn có thể tự hỏi điều gì làm cho các mẫu WordPress khác với chúng hoặc từ các plugin tương tự. Tất cả đều là những người xây dựng trang, khi nói đến nó.

Chà, bạn có thể nghĩ về các khối Gutenberg và các mẫu chặn như là một bản nâng cấp lên các nhà xây dựng trang.

Không giống như các nhà xây dựng trang, Gutenberg được xây dựng bởi các nhà phát triển của chính WordPress, có nghĩa là nó phù hợp với cấu trúc mã tổng thể và thiết kế của phần còn lại của WordPress. Điều này mang lại cho nó một lợi thế lớn so với các nhà xây dựng trang khác, đặc biệt là về phía trước.

Mặc dù Beaver Builder và Elementor chắc chắn sẽ vẫn hữu ích trong tương lai, nhưng nếu bạn mới bắt đầu và muốn một giải pháp đơn giản bao gồm mọi thứ, có lẽ bạn nên đi thẳng vào Gutenberg.

Nó sẽ tiếp tục là người xây dựng trang mặc định trên mạng cho WordPress và thực sự là cách mặc định để tạo nội dung WordPress.

Điều đó nói rằng, Gutenberg là nội dung đầu tiên, có nghĩa là nó được thiết kế chủ yếu để viết và tạo các loại nội dung khác trong các bài đăng.

Beaver Builder và Elementor, mặt khác, được thiết kế nhiều hơn để tạo các trang nội dung tĩnh. Có nhiều mẫu tiền đề cho Elementor hoặc Beaver Builder làm nổi bật thực tế này.

Cuối cùng, việc sử dụng cả Gutenberg và một người xây dựng trang không phải là một chiến lược xấu, miễn là bạn không muốn học cách sử dụng hai plugin và giao diện thiết kế khác nhau.

Khối mẫu so với các khối có thể sử dụng lại của Gutenberg

Sự khác biệt giữa một mẫu khối và khối có thể tái sử dụng là gì? Chà, bạn có thể nghĩ về một mẫu khối như một tập hợp các khối có thể tái sử dụng.

Thay vì chỉ lưu và sử dụng lại một khối duy nhất, bạn có thể lưu toàn bộ mẫu và sau đó sử dụng lại nó bất cứ khi nào bạn muốn. Bạn có thể bao gồm nhiều khối như bạn muốn trong mẫu của mình.

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

Bây giờ chúng ta đã biết các mẫu khối WordPress là gì, hãy để nói về việc sử dụng chúng.

Về cơ bản có ba cách để có được một mẫu khối:

• Sử dụng các mẫu khởi động Astra hoặc một giải pháp mẫu dựa trên chủ đề khác
• Sao chép nó từ thư viện mẫu khối
• Tự tạo nó

Mẫu khởi đầu Astra

Gói mẫu khởi động của chúng tôi hiện đi kèm với một tấn các mẫu khối Gutenberg được tích hợp. Các mẫu này là một trình lưu thời gian khổng lồ giúp dễ dàng thêm các yếu tố thiết kế khác nhau vào trang web của bạn.

Để sử dụng các mẫu khối từ các mẫu khởi động, hãy tạo một trang mới hoặc đăng và nhấp vào nút mẫu khởi động màu xanh lớn trong tiêu đề.

Sau đó, nhấn nút Tab Mẫu. Bây giờ, bạn sẽ thấy một thư mục của tất cả các mẫu có sẵn. Chọn cái bạn muốn sử dụng và nhấp vào Nhập.Patterns tab button. Now, you’ll see a directory of all the templates that are available. Select the one you want to use and click Import.

Cuối cùng, bạn sẽ thấy mẫu khối mới của bạn! Thực hiện tốt. & Nbsp;

Tìm hiểu thêm về các mẫu khởi động cho Gutenberg trong bài đăng trên blog của chúng tôi hoặc video dưới đây.

Thư viện mẫu khối WordPress

Bạn muốn tải xuống một mẫu tiền đề? Không thành vấn đề. Hiện tại có một thư viện các mẫu khối đã được tạo bởi các nhà thiết kế, nhà phát triển và người dùng WordPress khác.

Kiểm tra video của chúng tôi dưới đây hoặc tiếp tục đọc để tìm hiểu thêm về nó.

Có hàng trăm mẫu có sẵn và chúng bao gồm tất cả mọi thứ từ các nút, cột, phòng trưng bày, tiêu đề, hình ảnh, v.v. Để tải xuống, hãy truy cập vào thư mục mẫu khối WordPress.

Cuộn xuống và bạn sẽ thấy một danh sách các mẫu mà bạn có thể sử dụng trên trang web của riêng mình. Chọn một mẫu và/hoặc tìm kiếm một cái gì đó cụ thể. Có nhiều loại mẫu khác nhau và bạn có thể lọc các danh mục bằng các nút, cột, bộ sưu tập, tiêu đề, hình ảnh và văn bản.

Khi bạn tìm thấy một mẫu mà bạn thích, nhấp vào nút Sao chép bên cạnh nó. Mã sẽ được sao chép vào bảng tạm máy tính của bạn.Copy button next to it. The code will be copied to your computer’s clipboard.

Sau đó, điều hướng đến trang web WordPress của bạn và tạo một trang hoặc bài đăng mới. Di chuột qua trình chỉnh sửa khối, sau đó di chuyển chuột đến nơi bạn muốn mẫu. Dán mã vào trình soạn thảo.

Voila! Bây giờ bạn sẽ có một mẫu khối hoàn toàn mới trên trang web của bạn!

Cách tạo mẫu khối mẫu WordPress

Hãy để nói về việc tạo mẫu khối mẫu WordPress của riêng bạn. Mặc dù bạn có thể tải xuống các loại tiền đề từ thư viện, nhưng có lẽ bạn cũng muốn tạo ra của riêng mình.

Điều này đặc biệt đúng nếu bạn có nhiều trang có cùng bố cục. Thay vì tái tạo bố cục mỗi lần, bạn chỉ có thể tạo một mẫu khối sau đó thêm nó vào nội dung của bạn.

Tuy nhiên, điều này có thể hơi khó khăn nếu bạn là một nhà phát triển. Nếu bạn là nhà phát triển, bạn sẽ muốn kiểm tra API mẫu khối và tài liệu liên quan.

Rất may, có một số plugin làm cho việc tạo một mẫu khối rất dễ dàng. Có hai tùy chọn cơ bản:

• Sử dụng plugin mã mã và bản sao/dán mã mẫu
• Sử dụng plugin mẫu khối của blockmeister, cho phép bạn tạo các mẫu của riêng mình hoặc chuyển đổi lựa chọn các khối thành mẫu tùy chỉnh của riêng bạn

Trong hướng dẫn hướng dẫn dưới đây, chúng tôi sẽ sử dụng trình tạo mẫu khối Blockmeister, vì nó là giải pháp đơn giản và nhanh nhất. Nếu bạn có nhiều kỹ thuật hơn, hãy xem Sổ tay mẫu khối chính thức.

Đầu tiên, cài đặt plugin. Bạn có thể lấy nó từ kho lưu trữ WordPress hoặc bằng cách tìm kiếm trên trang plugins trên trang web của bạn.Plugins page on your site.

Tiếp theo, đi đến các mẫu khối> Thêm mẫu mới trên thanh bên WordPress của bạn.Block Patterns > Add New Pattern on your WordPress sidebar.

Bây giờ bạn sẽ có trên trang biên tập Gutenberg tiêu chuẩn. Tạo mẫu mà bạn muốn sử dụng bằng cách thêm tất cả các khối mong muốn của bạn.

Bạn cũng có thể chọn loại mẫu mà mẫu mới sẽ có. Theo mặc định, nó sẽ được gán cho một danh mục mới được đặt tên theo tên trang web của bạn (trang web thử nghiệm trên mạng trong ví dụ của chúng tôi dưới đây.)

Khi bạn hoàn thành, báo chí xuất bản.

Bây giờ bạn sẽ thấy mẫu của mình được liệt kê trên trang mẫu khối> Tất cả các mẫu. Nếu bạn muốn thêm nó vào một trang, bài đăng hoặc vị trí khác, nó cũng sẽ được liệt kê ở đó:Block Patterns > All Patterns page. If you want to add it to a page, post, or other location, it will also be listed there:

Khá dễ dàng!

Chỉnh sửa mẫu khối WordPress trong bài đăng / trang của bạn

Bây giờ bạn đã có một mẫu khối WordPress, bạn có thể muốn thực hiện một số thay đổi nhỏ cho nó. Rốt cuộc, bạn có thể có một thiết kế hoặc hương vị cụ thể cho trang web của bạn và muốn tùy chỉnh mẫu khối để phù hợp với nó.

Để chỉnh sửa mẫu, chỉ cần di chuột qua khối cụ thể mà bạn muốn thay đổi và nhấp vào nó. Bạn sẽ thấy một số cài đặt cơ bản được liệt kê. Nếu bạn nhấp vào ba dấu chấm ở phần bên phải của bảng điều khiển, bạn có thể đưa ra nhiều cài đặt hơn nữa.

Công việc tốt! Bạn có thể tùy chỉnh từng khối để phù hợp với nhu cầu cụ thể của bạn cho trang đó hoặc bài đăng.

Cách biến các khối có thể tái sử dụng thành các mẫu khối

Điều gì sẽ xảy ra nếu bạn có các khối có thể tái sử dụng và muốn biến chúng thành một mẫu? Có một plugin tiện lợi mà bạn có thể sử dụng để làm cho quá trình này dễ dàng.

Nó được gọi là các khối có thể tái sử dụng được mở rộng và miễn phí tải xuống trên kho lưu trữ WordPress.

Hãy để Lừa đi một cách ngắn gọn khi sử dụng nó.

Khi bạn đã tải xuống, cài đặt và kích hoạt plugin, hãy truy cập Blocks> Quản lý các khối có thể tái sử dụng trên thanh bên WordPress của bạn.Blocks > Manage Reusable Blocks on your WordPress sidebar.

Ở đó, bạn sẽ thấy một danh sách các khối hiện đã lưu của bạn. Để chuyển đổi một thành một mẫu, chỉ cần nhấp vào nút chuyển đổi màu xanh lớn sang nút chặn mẫu.Convert to Block Pattern button.

Bây giờ bạn sẽ thấy mẫu của bạn được liệt kê trong Trình tạo bài/trang. Nó đơn giản mà.

Khối Gutenberg - quang phổ

Cuối cùng, hãy nói ngắn gọn về một plugin hữu ích khác được phát triển bởi Brainstorm Force, nhóm đứng sau chủ đề Astra. Nó có tên là Spectra và bạn có thể tải xuống miễn phí từ kho lưu trữ WordPress.

Đây là một plugin nhỏ bổ sung thêm chức năng cho trình soạn thảo Gutenberg. Liên quan đến các khối, plugin thêm rất nhiều loại khối mới, bao gồm:

• Xếp hạng sao
• Các hình thức
• Tab
• Lottie (hoạt hình)
• Xem xét lược đồ
• Blockquote

Đó là một cách siêu dễ dàng để tối đa hóa năng suất của bạn khi làm việc với các khối.

Kết thúc hướng dẫn của chúng tôi để chặn các mẫu

Trong bài đăng này, chúng tôi đã nói về các mẫu khối WordPress Gutenberg, cách chúng hoạt động và cách bạn có thể sử dụng chúng trên trang web của riêng bạn. Chúng tôi cũng chỉ cho bạn cách tạo của riêng bạn bằng cách sử dụng plugin.

Các mẫu khối là một cách tuyệt vời để tăng năng suất, sử dụng bố cục được thiết kế chuyên nghiệp và chỉ cần tiết kiệm cho mình rất nhiều thời gian khi xây dựng một trang web WordPress.

Nếu bạn không sử dụng chúng, chúng tôi khuyên bạn nên kiểm tra chúng.

Bạn đã sử dụng các mẫu khối trên trang web của riêng bạn chưa? Chia sẻ trang web của bạn dưới đây và (nếu có thể) chia sẻ một liên kết đến các mẫu bạn đã sử dụng để những người khác cũng có thể sử dụng chúng!

Các mẫu trình soạn thảo khối trong WordPress là gì?

Làm cách nào để tạo một mẫu trong WordPress?

Làm cách nào để đăng ký một mẫu khối?

Làm thế nào để tôi nhận được nhiều mẫu hơn trên WordPress?