Giới thiệu

Trong bài học này, chúng ta sẽ áp dụng những kiến thức đã học bằng cách thiết lập các trang, bài viết, logo trang web và menu điều hướng.

Thiết lập các trang của bạn

Đầu tiên, hãy tạo các trang. Tôi sẽ vào mục trang, nhấp vào Thêm Trang Mới và sau đó tôi sẽ có thể thêm hoặc chọn một mẫu có sẵn từ giao diện của mình, ở đây tôi đang dùng giao diện mặc định Twenty Twenty-Four. Tôi sẽ chọn một mẫu mà tôi thấy thích và đặt tên cho nó là Trang Chủ (Home). Sau khi xuất bản, tôi sẽ quay lại mục trang và thêm trang tiếp theo. Lần này, tôi sẽ không chọn mẫu và đặt tên cho trang này là Blog. Tiếp theo, tôi sẽ tạo một trang Giới Thiệu (About) và chọn mẫu phù hợp. Cuối cùng, tôi sẽ tạo một trang Liên Hệ (Contact) mà không chọn mẫu nào. Bây giờ, tôi đã có các trang của mình.

Thiết lập trang chủ hiển thị

Tiếp theo, tôi sẽ vào Cài đặt và nhấp vào Đọc. Để trang chủ hiển thị, tôi sẽ chọn một trang tĩnh và đặt trang Trang Chủ làm trang chủ tĩnh của tôi và trang Blog làm trang bài viết của tôi. Nhớ rằng, nếu bạn chọn bài viết mới nhất cho trang chủ, bạn sẽ chỉnh sửa mẫu trang chủ blog cho trang chủ hoặc trang đầu, vì không có trang nào được tạo. Lưu ý rằng khi mở trang chủ tĩnh và mở thanh bên cài đặt, chúng ta sẽ thấy rằng trang này đã được gán vào mẫu trang hoặc mẫu trang mặc định, và trang blog hoặc trang bài viết đã được gán vào mẫu trang chủ blog và điều này không thể thay đổi. Sau đó, chúng ta cũng sẽ thấy rằng các trang khác của tôi cũng đã được gán vào mẫu trang chung hoặc mặc định, giống như trang Trang Chủ của tôi.

Thiết lập bài viết của bạn

Tiếp theo, hãy chuyển sự chú ý của chúng ta đến các bài viết. Như bạn thấy, tôi đã tạo hai bài viết cũng như danh mục và thẻ. Nhắc nhở rằng, danh mục được sử dụng để phân loại nội dung thành các chủ đề chính hoặc các phần và thẻ như là nhãn giúp đưa ra chi tiết cụ thể về nội dung. Ví dụ, tôi sẽ thêm một bài viết mới. Bài viết về New York, và tôi sẽ thêm một số nội dung mẫu. Sau đó, tôi sẽ mở thanh bên cài đặt và chọn danh mục phù hợp, trong trường hợp này là Du Lịch, và tôi sẽ thêm một thẻ mới, cụ thể là Thành Phố. Cuối cùng, tôi sẽ đặt hình ảnh đại diện hoặc hình thu nhỏ cho bài viết. Hình ảnh đại diện là hình ảnh đại diện cho bài viết của bạn, và sau khi đặt, chúng ta có thể nhấn xuất bản và sau đó xem ba bài viết của chúng ta với các danh mục và thẻ phù hợp của chúng.

Thiết lập menu điều hướng của bạn

Tiếp theo, hãy xem xét kỹ hơn menu điều hướng, điều hướng đến Giao diện và nhấp vào Trình soạn thảo. Điều này sẽ mở Trình soạn thảo trang web, và chúng ta sẽ thấy trang Trang Chủ của mình ở phía bên phải. Nếu chúng ta mở trang Trang Chủ, chúng ta sẽ thấy nội dung mẫu hoặc mẫu mà chúng ta đã thêm khi tạo trang. Và ở phía trên, chúng ta thấy mẫu tiêu đề được cung cấp bởi giao diện của chúng ta. Và nếu chúng ta thử chỉnh sửa tiêu đề này, chúng ta sẽ thấy một thông báo rằng Chỉnh sửa mẫu của bạn để chỉnh sửa khối này. Hãy nhấp vào Chỉnh sửa mẫu. Bây giờ, chúng ta có thể chỉnh sửa tiêu đề cho mẫu trang. Lưu ý rằng tiêu đề này cũng sẽ được tìm thấy trên mẫu trang chủ blog. Vì vậy, nếu chúng ta thực hiện bất kỳ thay đổi nào đối với tiêu đề này trong mẫu trang, nó cũng sẽ tự động cập nhật trong mẫu trang chủ blog. Như chúng ta thấy, chúng ta có menu điều hướng ở góc trên bên phải, và điều tuyệt vời là menu điều hướng này đã được thêm tự động khi chúng ta tạo các trang. Khi chúng ta chọn menu điều hướng và mở Chế độ xem danh sách, chúng ta sẽ thấy rằng các mục điều hướng vẫn là một phần của danh sách trang. Vì vậy, để thay đổi điều này, hãy nhấp vào Chỉnh sửa trong thanh bên cài đặt để tách danh sách trang ra để bạn có thể quản lý các mục điều hướng riêng lẻ. Sau khi tách, bạn có thể sử dụng Chế độ xem danh sách để sắp xếp lại các mục điều hướng. Hoặc bạn có thể sử dụng các mũi tên của thanh công cụ khối điều hướng để định vị lại các mục mà bạn muốn.

Tiếp theo, tôi đã quyết định thêm các liên kết xã hội vào menu điều hướng của mình. Vì vậy, khi tôi nhấp vào Trình chèn của khối Điều hướng, tôi sẽ chèn một khối Biểu tượng Xã hội và sau đó chọn các nền tảng mạng xã hội phù hợp. Trong trường hợp này, X và Instagram. Và đừng quên thêm các URL tương ứng. Khi bạn chọn khối Điều hướng, bạn có thể nhấp vào ba dấu chấm dọc trong thanh bên cài đặt của bạn để tạo menu mới hoặc chọn một trong các menu hiện có của bạn. Khi bạn chọn Cài đặt, bạn sẽ có thể thay đổi căn chỉnh hoặc định hướng của menu điều hướng của mình. Dưới đó, bạn cũng có thể chọn menu hamburger sẽ xuất hiện khi trang web của bạn được xem trên thiết bị nhỏ hơn. Khi bạn nhấp vào Kiểu, bạn có nhiều tùy chọn để tạo kiểu thêm cho menu điều hướng của mình.

Thiết lập logo trang web của bạn

Tiếp theo, hãy nói về khối Logo Trang Web. Như bạn thấy, mẫu tiêu đề được cung cấp bởi giao diện của tôi bao gồm một khối Logo Trang Web. Nhấp vào khối Logo Trang Web để thêm hình ảnh mới từ thư viện media của bạn hoặc tải trực tiếp từ máy tính của bạn. Tôi sẽ tải lên một logo mà tôi đã thêm vào máy tính của mình. Và sau đó tôi sẽ phóng to nó một chút.

Thêm menu điều hướng của bạn vào chân trang

Tiếp theo, tôi cũng muốn thêm menu điều hướng của mình vào chân trang. Vì vậy, khi chúng ta cuộn xuống, chúng ta sẽ thấy rằng có một số nội dung mẫu dưới các liên kết nhanh, đây là một phần của mẫu chân trang mặc định đi kèm với giao diện của tôi. Vì vậy, khi tôi mở Chế độ xem danh sách và chọn khối Điều hướng, tôi có thể nhấp vào ba dấu chấm dọc trong thanh bên cài đặt của tôi và sau đó chọn menu điều hướng phù hợp.

Chọn kiểu

Bây giờ, các menu điều hướng của tôi đã có trong tiêu đề và chân trang. Như đã đề cập trước đó, nếu chúng ta điều hướng đến mẫu trang chủ blog, là mẫu cho trang bài viết của tôi, chúng ta sẽ thấy rằng tiêu đề và chân trang là giống nhau. Sau khi chúng ta đã có tất cả các yếu tố này, chúng ta muốn quyết định một kiểu tổng thể cho trang web của mình. Vì vậy, khi chúng ta điều hướng đến Kiểu, bạn có thể tùy chỉnh kiểu chữ, màu sắc và bố cục của trang web của bạn. Hoặc nếu bạn nhấp vào Duyệt qua Kiểu, bạn sẽ thấy một cái nhìn toàn cảnh của tất cả các kết hợp kiểu khác nhau đi kèm với giao diện của bạn. Tôi sẽ chọn kiểu Rust làm ví dụ.

Thêm nội dung

Bây giờ chúng ta đã có các trang, bài viết, menu điều hướng, logo trang web và kiểu dáng, chúng ta có thể thêm nội dung vào các trang của mình và chỉnh sửa một số mẫu đã thêm. Và đối với một trang như trang Liên Hệ của chúng ta không có mẫu, chúng ta có thể bắt đầu xây dựng từ đầu. Để chỉnh sửa cách chúng ta muốn các bài viết hiển thị, chúng ta cần điều hướng đến mẫu trang chủ blog. Khi chúng ta mở mẫu trang chủ blog, chúng ta có thể tùy chỉnh trang blog của mình cũng như khối Vòng lặp Truy vấn để quyết định cách chúng ta muốn các bài viết blog hoặc nội dung động hiển thị.

Thực hành

Đi đến WordPress Playground và hoàn thành các nhiệm vụ sau để kiểm tra kiến thức của bạn.

1. Tạo 4 trang: Trang Chủ, Blog, Giới Thiệu, Liên Hệ

2. Đặt một trang chủ tĩnh và trang bài viết, và gán trang Trang Chủ và Blog bạn đã tạo.

3. Tạo một bài viết và thêm hình ảnh đại diện cho bài viết. Nếu bạn không có hình ảnh nào trên máy tính của mình, bạn có thể sử dụng https://unsplash.com/ để tìm kiếm hình ảnh miễn phí. Bạn có thể sử dụng cùng ví dụ như trong video.

4. Thêm một danh mục và một thẻ và áp dụng nó vào bài viết. Bạn có thể sử dụng cùng ví dụ như trong video.

5. Đi đến Trình soạn thảo trang web và mở mẫu trang. Thêm logo trang web vào Tiêu đề của mẫu trang. Các trang bạn đã thêm sẽ tự động xuất hiện trong menu điều hướng của bạn.

6. Thêm khối Biểu tượng Xã hội và các liên kết đến X và Instagram vào menu điều hướng của bạn, như trong ví dụ đã hiển thị. Bạn có thể thêm bất kỳ nội dung mẫu nào vào phần URL.

4.1 – Thiết lập các trang, bài viết, logo trang web và menu điều hướng

You must be logged in to access this course