Kết quả học tập

Chúng ta sẽ cố gắng trả lời câu hỏi: Sự khác biệt giữa Block Editor và Site Editor là gì? Chúng ta sẽ so sánh Block Editor và Site Editor cũng như khám phá các công cụ của Site Editor. Cuối cùng, bạn sẽ cảm thấy tự tin trong việc sử dụng cả hai để tạo ra bố cục toàn diện cho trang web của mình. Bắt đầu thôi nào.

Block Editor so với Site Editor

Việc chỉnh sửa trang web cho phép bạn tự do xây dựng mọi khía cạnh của trang web WordPress, từ tiêu đề đến chân trang, bằng cách sử dụng các khối trong tính năng Site Editor. Nhưng Site Editor là gì? Nó khác gì so với Block Editor mà chúng ta đã quen thuộc? Làm thế nào để chúng ta sử dụng các mẫu trong Site Editor để tạo ra cấu trúc tổng thể?

Hãy đi qua bảng điều khiển của chúng ta để trả lời các câu hỏi này và so sánh hai công cụ này. Block Editor là nền tảng của nội dung trang web của bạn và được sử dụng để thêm nội dung vào các trang và bài viết. Hãy nhắc lại cách thêm nội dung trang và bài viết. Trong bảng điều khiển, đi tới các trang nếu bạn đang tạo một trang tĩnh hoặc đi tới các bài viết cho nội dung động, chẳng hạn như một bài viết blog. Khi bạn nhấp vào Add New, bạn tạo nội dung cho trang hoặc bài viết đó.

Site Editor cho phép chúng ta làm gì khác so với điều này? Site Editor cho phép chúng ta chỉnh sửa trang web một cách tổng thể. Các trang và bài viết chỉ được sử dụng để thêm nội dung tĩnh hoặc động bằng cách sử dụng các khối. Ngược lại, Site Editor sử dụng các khối để tạo ra giao diện và cảm giác tổng thể của trang web bằng cách sử dụng các mẫu. Nhưng nó cũng cho phép chúng ta thêm và chỉnh sửa các trang để đảm bảo trải nghiệm chỉnh sửa trang web liền mạch. Nếu bạn đã cài đặt theme khối như Twenty Twenty-Four, truy cập Site Editor qua Appearance và sau đó nhấp vào Editor.

Site Editor sẽ tải trang trước của trang web của bạn để chỉnh sửa. Ở bên trái, có thanh bên xem trang web. Công cụ này cho phép bạn chuyển đổi giữa các phần chính của trang web, điều hướng, kiểu dáng, trang, mẫu và mẫu định dạng.

Điều hướng

Hãy bắt đầu với điều hướng. Ở đây, bạn có thể nhanh chóng xem và chỉnh sửa tất cả các menu của mình. Bạn có thể đổi tên chúng, sắp xếp lại các mục menu, v.v.

Kiểu dáng

Khi bạn nhấp vào Kiểu dáng, bạn có thể thay đổi sự kết hợp kiểu dáng của theme của mình. Khi bạn nhấp vào Edit Styles, bạn có thể thay đổi toàn bộ kiểu chữ, màu sắc và bố cục của trang web. Nếu bạn nhìn xuống bên dưới, bạn cũng có tùy chọn tùy chỉnh giao diện của các khối cụ thể cho toàn bộ trang web của mình. Để xem các khối này sẽ thay đổi như thế nào nếu bạn chỉnh sửa chúng, hãy đi tới Style Book của trang web của bạn. Như đã đề cập, bạn có thể xem trước bất kỳ thay đổi nào được thực hiện ở đây.

Trang

Dưới các trang, bạn có thể tạo và chỉnh sửa các trang, giống như khi bạn đang ở trong bảng điều khiển. Tính năng này cho phép bạn ở lại Site Editor khi chỉnh sửa trang web hoặc nội dung trên một trang. Khi làm việc bên trong một trang trong Site Editor, chúng ta thêm nội dung vào khối Content.

Mẫu định dạng

Tiếp theo, chúng ta sẽ đi tới các mẫu định dạng. Dưới các mẫu định dạng, chúng ta có quyền truy cập vào một thư viện các mẫu định dạng. Chúng ta sẽ có thể tạo và quản lý các mẫu định dạng của riêng mình. Chúng ta có thể xem các mẫu định dạng do theme của chúng ta cung cấp. Sau đó, chúng ta cũng có thể tạo và quản lý các phần mẫu. Một lưu ý nhanh về các phần mẫu. Đây là các nhóm khối có thể tái sử dụng mà bạn có thể sử dụng để tạo các phần lặp lại của mẫu, như tiêu đề và chân trang.

Mẫu

Nhưng bây giờ, hãy tập trung vào các mẫu. Khi chúng ta mở các mẫu, hãy nhìn vào menu trên cùng và xem qua các yếu tố này cho phép bạn làm gì. Biểu tượng dấu cộng hoặc Inserter ở góc trên bên trái cho phép bạn thêm bất kỳ khối hoặc một mẫu khối nào vào bất kỳ mẫu nào bạn đang làm việc. Bên cạnh Inserter của bạn, bạn có các nút hoàn tác và làm lại. Tiếp theo là List View. Đây là một công cụ cực kỳ hữu ích cho phép bạn xem danh sách tất cả các khối có trên trang của bạn. Điều này rất tốt để xem cấu trúc trang của bạn và chỉnh sửa, di chuyển, và loại bỏ các khối. Ở giữa phía trên là tên của mẫu.

Khi bạn nhấp vào nút xem trước, bạn sẽ có thể xem trang web của bạn sẽ trông như thế nào với các thay đổi được áp dụng trên máy tính để bàn, máy tính bảng hoặc điện thoại di động. Sau đó, nếu bạn nhấp vào Save, bạn có thể lưu các thay đổi. Tiếp theo, tab cài đặt cho phép bạn hiển thị hoặc ẩn thanh bên cài đặt mẫu và khối. Ví dụ, bạn có thể sử dụng thanh bên cài đặt để chỉnh sửa khối thêm khi bạn chọn một khối. Bên cạnh tab cài đặt, bạn có tab kiểu dáng, một nơi khác để truy cập các cài đặt kiểu dáng của bạn. Cuối cùng, nếu bạn nhấp vào ba dấu chấm dọc, bạn sẽ có quyền truy cập vào nhiều tùy chọn hơn, chẳng hạn như chọn chế độ spotlight, v.v. Bây giờ chúng ta đã có một cái nhìn ngắn gọn về các tùy chọn menu. Hãy xem xét kỹ hơn về các mẫu.

Ở trên cùng, nó nói "Thể hiện bố cục trang web của bạn bằng các mẫu". Các mẫu sử dụng các khối để tạo ra thiết kế tổng thể của trang web của bạn bằng cách thêm tiêu đề, chân trang hoặc thậm chí là thanh bên. Chúng ta có thể thấy cả ba phần này khi chúng ta mở trang của mẫu thanh bên. Chúng ta có thể thấy cấu trúc được cung cấp bởi tiêu đề, thanh bên và chân trang. Lưu ý rằng các mẫu có thể được áp dụng cho một hoặc nhiều trang. Với điều đó trong tâm trí, giả sử chúng ta muốn thêm mẫu được áp dụng cho các trang của chúng ta, chẳng hạn. Có một vài tùy chọn được cung cấp bởi theme của chúng ta ở đây, chẳng hạn như mẫu trang mặc định hoặc trang có hình ảnh rộng. Nhưng hãy chọn trang không có tiêu đề.

Khi mẫu tải, bạn sẽ thấy một ví dụ về mẫu này trông như thế nào mà không có bất kỳ nội dung nào. Đây là nơi List View trở nên cực kỳ hữu ích. Thanh bên trái sẽ hiển thị cho bạn cách các khối tạo nên mẫu này được cấu trúc. Ở đây, bạn có thể thấy các thành phần tạo nên mẫu trang này. Tiêu đề, giống như chân trang, được đánh dấu rõ ràng khi bạn nhấp vào nó. Ở giữa, bạn sẽ thấy một khối Group chứa một khối Post Content. Điều này rất quan trọng. Khối Content là gì cho phép nội dung của trang hoặc bài viết của bạn xuất hiện trong mẫu này. Hãy nghĩ về khối này như là hộp chứa cho bất kỳ thứ gì bạn đã viết trong phần trang hoặc bài viết của bạn. Không có hộp chứa, nội dung trang của bạn sẽ không có nơi nào để hiển thị. Vì vậy, hãy nhớ, chúng ta không thêm nội dung vào các mẫu. Chúng ta chỉ sửa đổi tiêu đề và chân trang hoặc thanh bên của chúng ta.

Hãy tiếp tục và thay thế tiêu đề này bằng một mẫu tiêu đề khác đi kèm với theme của chúng ta. Chúng ta có thể cuộn qua các tùy chọn có sẵn. Sau đó, tôi sẽ tiếp tục và chọn mẫu tiêu đề trung tâm với logo. Tôi cũng sẽ chọn một trong các menu điều hướng hiện có của mình được đặt tên là Lifestyle. Sau khi được chọn, chúng ta có thể tiếp tục và lưu lại. Tuyệt vời, mẫu trang đã được lưu. Nhưng làm thế nào để chúng ta thêm mẫu này vào một trang? Chúng ta có thể quay lại bảng điều khiển chính và đi tới các trang. Sau đó, nhấp vào trang mà bạn muốn áp dụng mẫu này. Trong thanh bên phải của bạn, bạn sẽ thấy một tiêu đề mẫu. Hãy nhấp vào đó. Menu thả xuống này liệt kê tất cả các mẫu mà bạn hiện có đã lưu. Trong trường hợp này, hãy chọn Trang không có tiêu đề. Và sau đó chúng ta có thể cập nhật. Đây là trang trông như thế nào với mẫu trang mặc định. Đây là nó với mẫu trang không có tiêu đề được áp dụng. Bạn có thể lặp lại điều này cho nhiều trang như bạn muốn; điều này cũng áp dụng cho các bài viết của bạn.

Kết luận

Như bạn đã thấy, Block Editor và Site Editor hoạt động song hành với nhau. Block Editor chỉ cho phép chúng ta thêm nội dung vào các trang và bài viết. Tuy nhiên, Site Editor cho phép bạn chỉnh sửa trang web một cách tổng thể. Bạn có thể chỉnh sửa giao diện và cảm giác, sửa đổi các mẫu, và thêm nội dung vào các trang.

2.5 – Sự khác biệt giữa Block Editor và Site Editor

You must be logged in to access this course