Hướng dẫn wordpress block - khối wordpress
|
Gutenberg đã khiến rất nhiều anh em Blogger hay những ai đang sử dụng Wordpress cảm thấy khó chịu khi chuyển sang phiên bản mới này. Show
Thứ nhất, khối chỉnh sửa mới có khó sử dụng không? Ý tôi là, bạn không biết tất cả những thứ bạn yêu thích, bạn đã đi đâu. Bây giờ, bạn có thể mất nhiều thời gian hơn để tạo một bài báo, phải không? Có thể thêm một liên kết (liên kết hoặc cách khác) là một chút khó khăn và bạn có thể đã gặp sự cố khi thêm hình ảnh bên trong văn bản cạnh tranh của mình. Có thể bạn đã thử thêm nhiều cột hơn và mọi thứ không diễn ra như mong đợi. Nếu đó không phải là trường hợp, có thể bạn không thể dễ dàng thêm tệp PDF của tôi hoặc bạn thấy thông báo lỗi Cập nhật lỗi không nghiêm trọng. Chà, đừng lo lắng nữa; Tài khoản của bạn đã được đặt cách đây không lâu, nhưng giờ đây, Gutenberg tài năng coi đó như một hộp khôi phục để sử dụng. Đến cuối bài viết hôm nay, tôi nghĩ bạn cũng sẽ nghĩ khác về Gutenberg. Trình biên tập Gutenberg là gìNếu bạn đang sử dụng WordPress 5.0 trở lên, bạn đã bắt đầu chỉnh sửa WordPress mới và sáng bóng, ngôn ngữ nổi tiếng là Gutenberg. Và giống như nhiều người dùng khác, bạn muốn sử dụng mạng chỉnh sửa, nhưng bạn thực hiện dự án vì Gutenberg rất phức tạp. Hoặc có thể bạn gặp Gutenberg lần đầu tiên, nhiều thứ không như ý. Rốt cuộc, các nhà phát triển đã làm cho các chủ đề và plugin tương thích với khối chỉnh sửa. Về mặt chức năng, Classic Editor và Gutenberg làm điều tương tự; bạn biết đấy, cả hai công cụ đều giúp bạn tạo nội dung mà không cần viết mã. Tuy nhiên, chúng tôi đã quá quen với việc chỉnh sửa cũ nên chúng tôi thấy công việc phù hợp với giao diện người dùng Gutenberg mới hơi lạ, nếu không muốn nói là hoàn toàn khó hiểu. Ít nhất thì đó là điều mà Tài nghĩ. Chính xác thì Gutenberg là gì?Gutenberg là trình soạn thảo WordPress mặc định mới. Nó không giống như một trình soạn thảo văn bản / hình ảnh truyền thống; Gutenberg sử dụng các khối nội dung giống như nhiều trình tạo trang hiện đại. Nó có nhiều tính năng trực quan hơn Modified Classic, nghĩa là bạn có thể tạo nội dung đa phương tiện một cách nhanh chóng. Giờ đây, bạn có thể nhanh chóng sắp xếp các khu vực cho dù bạn đang làm việc với các bài đăng hoặc trang WordPress. Và với một số tiện ích bổ sung, Gutenberg có thể cạnh tranh thuận lợi với các nhà xây dựng trang WordPress lâu đời như Brizy, Elementor và Divi. Hạn chế duy nhất là các trình tạo trang thường cung cấp nhiều tính năng hơn vì họ chủ yếu là các trình tạo trang! Đồng thời, Gutenberg vẫn còn khá trẻ và bạn chỉ có thể chờ đợi khối chỉnh sửa phát triển nhảy vọt. Trong bài viết hôm nay, chúng ta sẽ có một khoảng thời gian vui vẻ khi tạo một bài đăng trên WordPress với trình chỉnh sửa Gutenberg. Tài khoản hướng tới việc bao gồm tất cả các chi tiết và tính năng nhỏ để bạn có thể sử dụng Gutenberg để tạo nội dung như một người chuyên nghiệp. Bạn đã sẵn sàng chưa? Nếu vậy, hãy tạo bài đăng WordPress đó. Cách tạo một bài đăng WordPress với GutenbergNếu bạn đang chạy một trang web WordPress, bạn có thể tạo nhiều bài đăng hơn trang. Trong phần sau, Accounts tạo một bài đăng WordPress trong Gutenberg từ đầu. Tai hy vọng bạn sẽ có nhiều niềm vui như Tai đã làm khi thử nghiệm Gutenberg. Tuy nhiên, điều hướng đến Đăng -> Thêm Mới làm Tài được đánh dấu trong ảnh chụp màn hình bên dưới. Điều này sẽ hướng bạn đến trình soạn thảo Gutenberg được hiển thị bên dưới. Thêm một tiêu đềBạn không thể viết một bài báo mà không có một tiêu đề vững chắc. Điều tốt là Gutenberg giúp bạn dễ dàng thêm tiêu đề. Đầu tiên bạn nhìn thấy là Tiêu đề ở đầu tài liệu như Chi tiết trong hình trên. Để đặt tiêu đề cho bài đăng của bạn, vui lòng nhập tiêu đề đó vào bên trong khối. Đơn giản như A, B, C. Cần chỉnh sửa chỉnh sửa permalink Bạn có thể dễ dàng làm điều đó trong tiêu đề khối bằng cách vào nút Chỉnh sửa như hình dưới đây. Sau khi bạn thêm tiêu đề, hãy nhấn phím ENTER để bắt đầu một dòng mới. Ồ vâng, Gutenberg duy trì điều hướng tùy chỉnh mà bạn yêu thích trong các sửa đổi WordPress cổ điển. Thêm một đoạn mớiNhấp vào ENTER sẽ tạo một khối Đoạn văn mới, như được hiển thị ở trên. Trước khi bạn nhập bất kỳ văn bản nào, khối sẽ hiển thị cho bạn một số tùy chọn. Xem hình ảnh đang được đánh số bên dưới để biết thêm chi tiết. Ghi chú. Bạn có thể:
Đối với phần minh họa mục tiêu, Tài sẽ dành phần đầu tiên cho phần giới thiệu phần. Khi bạn thêm một số văn bản, một thanh công cụ sẽ xuất hiện với định dạng như hình dưới đây. Nhờ thanh công cụ định dạng, bạn có thể:
Bạn có thể điều chỉnh thêm văn bản bằng các tùy chọn có sẵn trong tab Chặn được tìm thấy trong thanh menu như được hiển thị bên dưới.
Tab Tài liệu trong Thanh bênCó một tab khác trong thanh bên menu; Tab tài liệu như hình bên dưới. Đây, chú thích cho hình ảnh trên:
Như bạn thấy, bạn có rất nhiều lựa chọn để thiết kế một khối đoạn văn (và toàn bộ bài viết) theo bất kỳ cách nào bạn muốn. Các widget, các khối khác nhau đi kèm với các cài đặt khác nhau khi Tài khoản được tìm hiểu trong một phút. Sau khi bắt đầu đoạn văn, nhấn phím ENTER vài lần để tạo một dòng mới (hoặc khối đoạn văn). Bây giờ chúng ta hãy thêm một hình ảnh bên dưới phần đầu tiên. Thêm hình ảnh trong GutenbergHọ nói rằng bức ảnh nói lên một ngàn lời nói, và một bài đăng trên blog mà không có hình ảnh là điều tốt, thật đáng buồn. Để thêm hình ảnh vào bài đăng WordPress của bạn bằng Gutenberg, bạn có một số tùy chọn. Khi bạn nhấn phím ENTER vài phút trước, bạn đã kích hoạt một khối văn bản mới. Thấy Gutenberg đang phát trực tiếp, bạn có thể thêm hình ảnh bằng cách nhìn vào biểu tượng dấu cộng (+), hình ảnh hoặc bìa khi Tai nổi bật trong hình ảnh bên dưới. Một số lưu ý:
Hãy tiếp tục và sử dụng bất kỳ biểu tượng dấu cộng (+) nào. Tiếp theo, đến tab Hình ảnh, như hình dưới đây. Thẻ nhớ vào tab Hình ảnh sẽ tải xuống khối Hình ảnh được hiển thị trong ảnh chụp màn hình bên dưới. Phương tiện cài đặt thông thường … và hình ảnh thiết lập khối. Hôm nay bạn có học được gì không? Tài khoản cũng hy vọng như vậy. Tiếp tục bất kỳ. Sau khi thêm hình ảnh của bạn, Gutenberg thêm một đoạn mới ngay bên dưới nó. Bạn có thể thêm bất cứ thứ gì bạn muốn, nhưng đối với hình minh họa mục tiêu, Tai đã thêm một số văn bản và sau đó là một nút bên dưới đó. Cách thêm tệp có thể tải xuống, ví dụ: PDF, hình ảnh, video, v.v.Gutenberg giúp bạn dễ dàng thêm các tệp có thể tải xuống vào các bài đăng hoặc trang WordPress của mình. Trong khối Đoạn văn mới, làm sáng biểu tượng dấu cộng (+), điều hướng đến khối chung và nhấp vào tab Tệp khi Tài nguyên đánh dấu bên dưới. Thao tác này sẽ khởi chạy khối sau: Chặn tệp từ, bạn có thể tải lên tệp mới hoặc thêm tệp từ phương tiện thư viện của bạn. Sau khi thêm tệp của bạn, Gutenberg sẽ tự động thêm nút Tải xuống dễ thương như hình bên dưới. Bạn có thể chơi xung quanh với các tùy chọn. Hạn chế, bạn có thể chỉnh sửa / xóa tiêu đề Danh sách kiểm tra PDF miễn phí của Gutenberg PDF cũng như nút Tải xuống. Bạn có thể thêm một lớp CSS vào khối và định dạng nó theo bất kỳ cách nào bạn muốn. Thêm một trích dẫn trong GutenbergTiếp theo, hãy thêm một câu trích dẫn vì chúng hấp dẫn, lôi cuốn và đưa bạn về nhà. Ở một dòng mới, bạn tìm đến dấu cộng (+), tìm đến khối chung và bấm vào tab Trích dẫn như hình bên dưới. Điều này sẽ thêm một khối trích dẫn trong bài đăng của bạn khi Tài nhấn mạnh trong video bên dưới. Lưu báo giá khối cài đặt trong thanh bên phải ở trên? Để thêm báo giá của bạn, hãy nhập khối bên trong. Đây là kết quả của tôi. Thêm phương tiện truyền thông nhúng trong GutenbergGutenberg đi kèm với một số khối để nhúng video và các phương tiện khác từ hơn 30 trang web như YouTube, Vimeo, Facebook, SoundCloud, WordPress, Slideshare, v.v. Để nhúng nội dung, hãy nhấp vào biểu tượng dấu cộng (+), điều hướng đến Nhúng và chọn trang web. Có hạn, Tài muốn có YouTube, như hình bên dưới. Tiếp theo, sao chép-dán URL video YouTube và chuyển đến nút Nhúng như thể hiện trong hình dưới đây. Ngay sau khi bạn nhấn Nhúng, Gutenberg sẽ tự động liên kết đến video khi Nhấn mạnh ở bên dưới. Cách thêm nút trong GutenbergBạn không gặp khó khăn khi thêm khối vào thời điểm này. Chỉ là dấu cộng (+) và chọn khối của bạn. Nó không thể dễ dàng hơn thế. Vì vậy, làm thế nào để chúng tôi thêm một nút? In một dòng (hoặc khối) mới, tới biểu tượng (+), hướng của phần cục bộ và lên đến nút Tab như hiển thị bên dưới. Điều này sẽ dẫn bạn đến nút chặn như Tài khoản được nêu chi tiết bên dưới. Như bạn có thể thấy từ hình trên, bạn có thể chỉnh sửa văn bản nút và thêm liên kết. Ngoài ra, bạn có thể tùy chỉnh nút thông qua thanh menu bên phải màn hình. Nhân tiện, nếu bạn sử dụng các kết hợp màu sắc khó đọc trên các nút của mình, Gutenberg sẽ cho bạn biết nhanh chóng. Tốt như thế nào? Cách thêm cột trong GutenbergVới một nút đẹp, hãy thêm một số cột. Tài khoản sẽ thêm hai cột, vì vậy hãy theo dõi cẩn thận. Đây là những gì cần làm. Thêm vào biểu tượng điểm đánh dấu (+), hướng của bố cục và Tab của Cột như trong hình dưới đây. Gutenberg thêm hai cột theo mặc định. Xem hình bên dưới và nhớ rằng Tai đã thêm nội dung vào các cột. Không tệ cho một vài giây làm việc. Nhưng có thể bạn không muốn tạo cột. Có lẽ bạn muốn hiển thị một hình ảnh bên cạnh một số văn bản. Có một khối cho điều đó? Vâng vâng! Cách thêm hình ảnh bên cạnh văn bản trong GutenbergBạn đang muốn thêm một hình ảnh bên cạnh một số văn bản? Nếu vậy, bạn sẽ thích những điều sau đây. Bình thường, điểm đánh dấu hiện tại (+), hướng của bố cục và Sự thuận tiện & Văn bản được hiển thị bên dưới. Bạn sẽ thấy Media & Text Block, như hình dưới đây. Tiếp theo, tải lên ảnh / video / phương tiện của bạn hoặc thêm thư viện phương tiện. Sau đó, thêm văn bản của bạn bên cạnh phương tiện, như thể hiện trong hình ảnh bên dưới. Các tài khoản đã chơi xung quanh khối Phương tiện & Văn bản, và các tài khoản đã được cung cấp những điều sau đây. Bạn phiền; Tài khoản cũng cố gắng nhấn một nút trong đó Nhìn rất sai chuyên nghiệp? Bạn chắc chắn rằng bạn có thể làm được điều mà bạn có thể đạt được với việc chỉnh sửa Gutenberg. Khối Gutenberg của bên thứ baCác nhà phát triển WordPress rất quan tâm đến việc làm cho các chủ đề và plugin tương thích với trình soạn thảo Gutenberg. Một vài ví dụ bao gồm WooCommerce, Jetpack và Yoast SEO. Hạn chế, bạn có thể thêm khối WooCommerce vào các bài đăng WordPress của mình. Đầu tiên, bạn phải cài đặt và kích hoạt WooCommerce. Tiếp theo, trong một dòng mới, bên cạnh biểu tượng dấu cộng (+), điều hướng đến WooCommerce và chọn bất kỳ khối nào bạn muốn như hình dưới đây. Bạn có biết ý nghĩa của nó? Nó có nghĩa là bạn có thể tạo đa phương tiện và các bài đăng và trang tuyệt vời trong vài phút. Các khối đáng chú ý khácTài đã có hơn 2.000 từ và nếu Tài tiếp tục, Tài sẽ viết toàn bộ Sách điện tử. Lời cầu nguyện của Tài là bây giờ bạn có thể sử dụng Gutenberg mà không có bất kỳ trục trặc nào. Đây là một danh sách các khối có sẵn khác.
Ngoài ra : Tạo một trang WordPress tương tự như tạo một bài đăng tiết kiệm cho một vài phút khác biệt, vì vậy Tài sẽ không đi sâu vào vấn đề đó ngày hôm nay. ra : Tạo một trang WordPress tương tự như tạo một bài đăng tiết kiệm cho một vài phút khác biệt, vì vậy Tài sẽ không đi sâu vào vấn đề đó ngày hôm nay. Phím tắt Gutenberg & Phím tắt nhanhGutenberg đi kèm với một số hack và phím tắt giúp việc này trở nên dễ dàng hơn. Hạn chế, nếu bạn nhập “/” vào một đoạn văn bản, nó sẽ hiển thị danh sách các khối. Tạp chí, bạn có thể chọn một khối cụ thể bằng cách gõ tiêu đề của khối sau dấu gạch chéo ngược (/), ví dụ nhập vào ảnh / ảnh sẽ hiển thị khối ảnh trong số liên kết khối ảnh khác. Xem hình ảnh bên dưới để biết thêm chi tiết. Phím tắt trên bàn phím: Để xem tất cả các phím tắt khả dụng, nhấn SHIFT + ALT + H trong Windows và OPT + CTRL + H trong Mac. Để xem tất cả các phím tắt khả dụng, nhấn SHIFT + ALT + H trong Windows và OPT + CTRL + H trong Mac. Ở đầu tài liệu, bạn có thể xem cấu trúc của tài liệu bằng biểu tượng (i), như được hiển thị bên dưới. Xinh đẹp. Trơn trượt. Ồ, và nhân viên, lỗi cập nhật không thành công. Giữa bạn và tôi, Gutenberg là một phần nội dung biên tập tuyệt vời. Miễn là bạn sẵn sàng tìm hiểu điều này; bạn có thể xem thêm từ trình chỉnh sửa WordPress trong tương lai. Gutenberg vẫn phù hợp với trẻ em và bạn có thể mong đợi nó sẽ phát triển về khả năng sử dụng và chức năng. Nó sẽ là một trọng số chất lượng để tính toán trong những ngày tới. Những người xây dựng trang nên cẩn thận hơn, nếu không họ sẽ hết việc Tai hy vọng hướng dẫn từng bước về trình soạn thảo Gutenberg đã giúp bạn đưa mọi thứ vào đúng vị trí. Bây giờ bạn có thể sử dụng khối chỉnh sửa để tạo nội dung như một người chuyên nghiệp. Vui lòng chia sẻ mối quan tâm, suy nghĩ và câu hỏi của bạn trong phần nhận xét bên dưới nếu bạn cũng đang gặp sự cố khi chỉnh sửa Gutenberg. Hướng dẫn sử dụng Gutenberg – Block EditorNếu bạn đã sẵn sàng sử dụng Gutenberg mới. Sau đó, đây sẽ là một phần dành cho bạn. Tôi sẽ chỉ cho bạn cách sử dụng trình chỉnh sửa khối mới. Giúp bạn tận dụng các tính năng mới trong WordPress 5.0 Khám phá nhanh giao diện trình chỉnh sửa khốiTrước khi bắt đầu thêm các khối, chúng ta hãy xem giao diện mới với Hawk! 
Thêm Block mớiClick và biểu tưởng [mks_icon icon=”fa-plus-circle” color=”#000000″ type=”fa”], và chọn loại nội dung bạn muốn Tôi sẽ giới thiệu đến bạn một vài block cơ bản, được sử dụng nhiều nhất. Như ở trên bạn có thấy chữ Most Used:Most Used: Gồm các dạng như:
Gutenberg có rất nhiều các block, và được chia thành từng phần:
Từ khóa: block editor plugin soạn thảo văn bản trong wordpress block editor wordpress block trong wordpress Cover block wordpress WordPress add block Embed wordpress gutenberg – block editor |
