Trang bài đăng blog là một trang web hiển thị một bài đăng blog duy nhất. Nó có thể được sử dụng để quảng bá sản phẩm hoặc dịch vụ hoặc cho nhiều mục đích khác.
Với Concept , chủ đề Shopify dành cho OS 2.0 , bạn có khả năng thêmnhiều phần khác nhau trên mỗi trang. Điều này có nghĩa là bạn hoàn toàn có thể tùy chỉnh giao diện của trang 404 bằng cách thêm bất kỳ phần nào bạn muốn. Chỉ cần nhấp vào nút Thêm phần và chọn các phần bạn muốn xuất hiện trên trang của mình.
Bằng cách này, bạn có thể tạo một trang bài đăng blog hấp dẫn về mặt trực quan để thu hút khách truy cập và cung cấp thông tin.
A. Bài đăng blog mặc định
1. Phần banner bài đăng trên blog
| Sự miêu tả | ||
|---|---|---|
| Biểu ngữ bài đăng trên blog | ||
| Cho phép tiêu đề trong suốt | Cài đặt này chỉ được áp dụng khi phần này là phần đầu tiên. | |
| Hiển thị hình ảnh nổi bật | Hiển thị hình ảnh đặc trưng cho bài viết trên blog. Để có kết quả tốt nhất, hãy sử dụng hình ảnh có tỷ lệ khung hình 16:9. Tìm hiểu thêm . | |
| Hình ảnh | Chọn/Tải lên hình ảnh phần. Mặc định là hình ảnh nổi bật. | |
| Chiều cao máy tính để bàn | Xác định chiều cao của hình ảnh khi xem trên máy tính để bàn:
| |
| Vị trí nội dung trên máy tính để bàn | Đặt vị trí của nội dung trên màn hình: | |
| Căn chỉnh nội dung trên máy tính để bàn | Đặt căn chỉnh nội dung trên màn hình: | |
| Bố cục di động | ||
| Chiều cao di động | Xác định chiều cao của hình ảnh khi xem trên thiết bị di động:
| |
| Vị trí nội dung di động | Đặt vị trí của nội dung trên trình duyệt di động: | |
| Căn chỉnh nội dung di động | Đặt căn chỉnh nội dung trên trình duyệt di động: | |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Bạn có thể điều chỉnh phần đệm trên cùng và phần đệm dưới cùng từ 0px đến 120px với bước tăng 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Làm cho phần có chiều rộng đầy đủ | Làm cho vùng chứa có chiều rộng đầy đủ. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| Kích hoạt hiệu ứng thị sai | Bật hiệu ứng thị sai để tạo ảo giác về chiều sâu trong hình ảnh hoặc cảnh hai chiều. Hướng thị sai có thể chọn một trong 3 phương án sau: | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 1.1 Tiêu đề bài đăng trên blog
- 1.2 Đường dẫn
- 1.3 Khoảng trống
1.1 Cài đặt cho khối tiêu đề bài viết Blog.
| Sự miêu tả | ||
|---|---|---|
| Tiêu đề bài đăng trên blog | ||
| Kích thước tiêu đề | Kích thước của tiêu đề: | |
| Hiển thị thẻ | Hiển thị các thẻ từ bài đăng trên blog của quản trị viên kèm theo hình ảnh. | |
| Hiển thị ngày | Hiển thị ngày xuất bản bài đăng trên blog. | |
| Hiển thị số lượng bình luận | Hiển thị tổng số bình luận được công bố. | |
| Hiển thị tác giả | Hiển thị tác giả của bài viết trên blog. | |
1.2 Cài đặt cho khối Breadcrumb.
Nội dung này được lấy từ bài viết blog của bạn tại Edit blog post .
1.3 Cài đặt cho khối không gian trống.
| Sự miêu tả | ||
|---|---|---|
| Không gian trống | ||
| Chiều cao máy tính để bàn | Xác định chiều cao của khoảng trống khi xem trên màn hình. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 40px. | |
| Chiều cao di động | Xác định chiều cao của khoảng trống khi xem trên thiết bị di động. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 28px. | |
2. Bài đăng trên blog
| Sự miêu tả | ||
|---|---|---|
| Phần | ||
| Bạn có thể điều chỉnh phần đệm trên cùng và phần đệm dưới cùng từ 0px đến 120px với bước tăng 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 2.1 Chia sẻ
- 2.2 Các bài viết blog tiếp theo và chứng minh
- 2.3 Bình luận
- 2.4 Chất lỏng tùy chỉnh
- 2.5 Khoảng trống
2.1 Cài đặt cho khối Chia sẻ.
| Sự miêu tả | ||
|---|---|---|
| Chia sẻ | ||
| Chữ | Thêm văn bản cho khối. Nếu bạn đưa liên kết vào bài đăng trên mạng xã hội, hình ảnh nổi bật của trang sẽ được hiển thị dưới dạng hình ảnh xem trước. Tìm hiểu thêm . Tiêu đề và mô tả cửa hàng được đính kèm với hình ảnh xem trước. Tìm hiểu thêm . | |
| Hiển thị số lượng bình luận | Hiển thị tổng số bình luận được công bố. | |
2.2 Cài đặt cho khối bài đăng blog tiếp theo và trước đó.
- Ngày hiển thị - Hiển thị ngày xuất bản bài đăng trên blog.
- Hiển thị số lượng bình luận - Hiển thị tổng số bình luận được công bố.
- Hiển thị tác giả - Hiển thị tác giả của bài viết trên blog.
2.3 Cài đặt cho khối Nhận xét.
- Hiển thị hình đại diện bình luận - Cho phép hiển thị hình đại diện bình luận.
2.4 Cài đặt cho khối chất lỏng tùy chỉnh.
Bạn có thể thêm mã Liquid của riêng mình để tạo khối tùy chỉnh.
2.5 Cài đặt cho khối không gian trống.
| Sự miêu tả | ||
|---|---|---|
| Không gian trống | ||
| Chiều cao máy tính để bàn | Xác định chiều cao của khoảng trống khi xem trên màn hình. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 40px. | |
| Chiều cao di động | Xác định chiều cao của khoảng trống khi xem trên thiết bị di động. Có thể từ 0px đến 120px, tăng số học là 4px. Mặc định là 28px. | |
3. Phần bài đăng trên blog
| Sự miêu tả | ||
|---|---|---|
| Bài đăng trên blog | ||
| Blog | Chọn blog mà bạn muốn hiển thị các bài đăng trên blog. Nếu không có blog nào được chọn, blog đầu tiên theo thứ tự bảng chữ cái trên trang Blog của bạn sẽ được sử dụng. | |
| Số lượng bài viết blog để hiển thị | Số lượng bài viết blog mà bạn muốn hiển thị trong phần này, từ 0 đến 12. | |
| Số cột trên màn hình | Tùy chỉnh số lượng cột hiển thị trên màn hình từ 1 đến 5. | |
| Bật băng chuyền trên máy tính để bàn | Hiển thị băng chuyền các bài đăng blog từ bộ sưu tập trên trình duyệt trên máy tính để bàn. | |
| Bật nút "Xem tất cả" | Hiển thị nút Xem tất cả liên kết đến trang blog nếu blog có nhiều bài đăng hơn giới hạn được chỉ định. | |
| Bố cục di động | ||
| Số cột trên thiết bị di động | Tùy chỉnh số lượng cột hiển thị trên trình duyệt di động: 1 cột hoặc 2 cột . | |
| Bật thao tác vuốt trên thiết bị di động | Đặt hiển thị trên thiết bị di động thành một hàng bằng thao tác vuốt ngang. | |
| Thẻ bài đăng trên blog | ||
| Tỷ lệ hình ảnh | Tỷ lệ hình ảnh cho hình ảnh bài đăng trên blog:
| |
| Hiển thị thẻ | Hiển thị các thẻ từ bài đăng trên blog của quản trị viên kèm theo hình ảnh. | |
| Hiển thị ngày | Hiển thị ngày xuất bản bài đăng trên blog. | |
| Hiển thị số lượng bình luận | Hiển thị tổng số bình luận được công bố. | |
| Hiển thị tác giả | Hiển thị tác giả của bài viết trên blog. | |
| Hiển thị ngoại trừ | Hiển thị đoạn trích của bài viết trên blog. Thay đổi đoạn trích bằng cách chỉnh sửa các bài đăng trên blog của bạn.Tìm hiểu thêm . | |
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Bạn có thể điều chỉnh phần đệm trên cùng và phần đệm dưới cùng từ 0px đến 120px với bước tăng 4px. | ||
| Hiển thị phần chia | Hiển thị một đường chia dòng phía trên phần này | |
| Làm cho phần có chiều rộng đầy đủ | Làm cho vùng chứa có chiều rộng đầy đủ. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Phần này không hỗ trợ thêm khối.
Chúng tôi hy vọng bài viết này hữu ích. Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ.
