Central Village – Bangkok Luxury Outlet – là ngôi làng mua sắm outlet quốc tế đầu tiên của Thái Lan. Central Village đã hợp tác với chúng tôi để tái hình dung câu lạc bộ trẻ em của họ, với mục tiêu tạo ra một không gian sôi động, thân thiện với gia đình giúp các khách trẻ em tham gia và nâng cao trải nghiệm nghỉ dưỡng tổng thể.

Một lớp nhảy nhu rhoncus proin thời gian và cảm giác không sự. Dignissim ngồi trước ipsum sed cursus habitant tellus. Nisl sed quis nhận được turpis sống và hiện tại. Cursus euismod mét mi dignissim ligula diam. Giá trị vel hiện tại massa rutrum dui. Dignissim libero scelerisque tăng cường mạnh mẽ và đa dạng.
Turpis condimentum pharetra trước đó. Bibendum penatibus convallis quân sự cổng chính mauris faucibus quis augue không. Semper ornare mét ut aenean. Viverra hiện tại không xây dựng consectetur velit scelerisque. Mauris id nhận được est đơn giản.

Vật liệu sử dụng

Chúng tôi hiểu tầm quan trọng của việc tạo ra các không gian an toàn, bao quát và thân thiện với môi trường. Đội ngũ của chúng tôi tuân thủ các tiêu chuẩn an toàn quốc tế và kết hợp các thực hành bền vững để phù hợp với giá trị trường học của bạn và các mục tiêu tương lai.
Dù bạn đang tìm cách nâng cấp không gian hiện có hay xây dựng điều gì đó mới, chúng tôi sẵn sàng hỗ trợ. Hãy cùng nhau tạo ra một môi trường nơi học sinh có thể phát triển, khám phá và thịnh vượng mỗi ngày.

Bạn có thể chọn thiết lập các loại trường đầu vào khác nhau tùy thuộc vào nội dung của mình. Ví dụ, một blog có thể có tiêu đề, slug, và một trường dài cho nội dung được định dạng. Những điều này có thể khác nhau đối với một thư mục sản phẩm hay một blog ảnh, nơi bạn có thể cần phải thêm một trường hình ảnh. Để chỉnh sửa các trường mà mỗi mục CMS sẽ có, hãy nhấp vào bất kỳ tiêu đề của cột nào. Điều này sẽ kích hoạt một cửa sổ mới để thêm trường mới, nơi bạn cũng có thể sắp xếp lại các trường hoặc sửa đổi hoặc xóa những trường hiện có.

Thêm Nội Dung Vào Canvas

Sau khi thiết lập nội dung, quay lại canvas. Các bộ sưu tập của bạn có thể truy cập từ menu Chèn. Mở menu Chèn, điều hướng đến phần Nội dung CMS, và kéo thả bộ sưu tập của bạn lên canvas. Điều này sẽ thêm một ngăn xếp đặc biệt với các lớp kết nối với dữ liệu của bạn. Từ đây, bạn có thể chỉnh sửa các thuộc tính hình ảnh ở bên phải, như bạn thường làm với một Ngăn xếp thông thường.

Thêm Trang Với Nội Dung

Nếu bạn muốn thêm một trang sẽ tự động được điền dữ liệu từ CMS, hãy điều hướng đến bảng điều khiển bên trái. Khi bạn ở trong thẻ Pages, nhấp vào nút + bên cạnh phần CMS. Nếu bạn thêm trang Index, một trang sẽ được thêm vào với danh sách tất cả các mục trong bộ sưu tập của bạn. Nếu bạn thêm trang Detail, bạn sẽ được trình bày với một trang có nội dung từ các mục cá nhân của bạn.

Lưu ý: Nếu bạn đã chọn thêm dữ liệu mẫu, một trang chi tiết mới gọi là /blog sẽ được thêm vào trang web của bạn, và bạn sẽ thấy ngăn xếp nội dung được thêm vào trang cho bạn.

Trang chi tiết sẽ hiển thị nội dung được kéo từ mục nhập đầu tiên của bộ sưu tập theo mặc định. Để xem trước các mục khác trong bộ sưu tập, hãy thay đổi nội dung bằng cách chọn mục khác từ menu thả xuống.

Để thêm Đánh số trang, hãy chọn Danh sách Bộ sưu tập của bạn, nhấp vào Đánh số trang, chọn một trong hai tùy chọn, sau đó chọn số lượng mục để tải. Đánh số trang cũng hoạt động với các Giới hạn và Điểm bắt đầu hiện có. Cả Spinner và Nút đều hoàn toàn có thể tùy chỉnh, và bạn có thể chọn bất kỳ Biến thể nào cho trạng thái Đang tải của chúng. Bản thân Spinner chỉ là một lớp với hiệu ứng conic gradient và vòng lặp, do đó bạn có toàn quyền kiểm soát. Thêm Đánh số trang giúp các blog và nhật ký thay đổi của bạn tải nhanh hơn nhiều, đặc biệt là khi chúng chứa hàng tá mục.

• Cuộn vô cực với thành phần Spinner tùy chỉnh

• Nút Tải thêm với thành phần Nút tùy chỉnh

• Thưởng thức việc định vị tự do của cả hai thành phần

• Thiết kế trạng thái Đang tải và Đã ẩn của riêng bạn

• Làm cho các trang CMS của bạn tải nhanh hơn nhiều

Lọc

Chúng tôi đã thêm khả năng lọc danh sách bộ sưu tập của bạn trong CMS. Điều này cho phép bạn giữ nội dung của mình trong một bộ sưu tập duy nhất, nhưng tùy chỉnh cách bộ sưu tập đó được trình bày trên từng trang web của bạn. Ví dụ: nếu bạn đang tạo tài liệu cho ứng dụng của mình, bạn có thể muốn lọc các bài viết theo chủ đề trên trang chủ của mình. Hoặc khi tạo một blog, bạn có thể muốn lọc các bài đăng trên blog của mình theo thể loại.

Bản cập nhật chất lượng này mang đến những cải tiến cho bảng vẽ và bảng điều khiển lớp. Chúng tôi đã cập nhật biểu tượng Thành phần trong toàn bộ ứng dụng để phân biệt nó với Lưới. Ngoài ra, chúng tôi đã làm cho Điểm ngắt chính và Biến thể trở nên nổi bật hơn trong bảng bên trái, giúp bạn dễ dàng nhận thấy nếu bạn đang chỉnh sửa chính hay một trường hợp khác. Các điểm ngắt giờ đây cũng sẽ hiển thị các phạm vi trong bảng điều khiển lớp. Xem thêm các cập nhật ở dưới.

Từ tháng Một

Tháng trước, chúng tôi đã thêm hỗ trợ cho việc tự động nhuộm màu và các tùy chọn bố cục mới cho các thành phần, cùng nhiều sửa chữa và cải tiến khác. Nếu bạn đặt màu Nền cho Trang của mình, điều này cũng sẽ nhuộm màu các trình duyệt như Safari và đảm bảo rằng bạn không gặp phải nền trắng trơn khi cuộn quá trên bất kỳ thiết bị di động nào. Ngoài ra, chúng tôi đã thêm hỗ trợ cho kích thước Tối thiểu Tối đa cho tất cả các thành phần Thông minh và Mã, giúp đơn giản hóa nhiều bố cục và mô hình phổ biến. Xem toàn bộ thay đổi bên dưới.

• Chúng tôi tự động đặt nền thân trang, dựa trên màu nền của Trang của bạn

• Bây giờ bạn có thể ghi đè nền thân trang và tùy chỉnh theo từng điểm ngắt

• Chúng tôi hiện hỗ trợ kích thước Tối thiểu Tối đa cho tất cả các Thành phần Thông minh và Mã

• Chúng tôi hiện nhất quán hiển thị gợi ý Tối Thiểu Tối Đa trong bảng thuộc tính

• Bây giờ bạn có thể sử dụng tất cả các tùy chọn căn chỉnh cho các lớp với Vị trí đặt thành Cố Định

• Chúng tôi thông báo cho bạn nếu độ cao của một lớp cha thay đổi do chỉnh sửa bố cục

• Chúng tôi đã cải thiện các kiểm soát Radius và Padding, không còn đặt lại giá trị

• Nhập số chia thành bốn phần không còn hiển thị bậc điều chỉnh, vì vậy giá trị dài hơn vừa vặn

• Chúng tôi đã cải thiện Hiệu ứng Xuất hiện sử dụng Chuyển đổi Quy Mô với Lò Xo

Chuẩn bị tệp CSV của bạn

Đảm bảo tệp của bạn được xuất dưới dạng tệp “CSV”, cũng được biết đến là tệp “Giá trị Phân tách Bằng Dấu phẩy”. Nếu bạn gặp bất kỳ sự cố nào, hãy xác minh rằng tệp của bạn được mã hóa UTF-8 và nhỏ hơn 5mb. Nếu tệp của bạn lớn hơn, hãy thử xóa các cột mà bạn có thể không cần. Xem thêm thông tin bên dưới về các trường cụ thể.

Mẹo: Bạn không cần phải nhập tất cả các cột từ tệp CSV của mình. Chỉ những trường được thiết lập trong bộ sưu tập CMS của bạn trong bước tiếp theo mới được nhập.

Các Trường Văn Bản Đa Dạng

Nội dung văn bản định dạng cần được định dạng dưới dạng HTML. Nhiều thẻ được hỗ trợ như đoạn văn và tiêu đề (<p>, <h1>, <h2>), định dạng (<em>, <i>, <strong>), liên kết (<a>), danh sách (<ol>, <ul>, <li>) và hình ảnh (<img>). Hình ảnh từ URL sẽ được tải tự động từ nguồn gốc của chúng và được nhập vào Framer.

Các Trường Hình Ảnh

Hình ảnh trong nội dung CSV của bạn phải là URL đến một hình ảnh. Chúng sẽ được tải về và nhập vào Framer. Các đường dẫn tương đối không được hỗ trợ.

Các Trường Ngày

Định dạng khuyến nghị là theo tiêu chuẩn ISO8601, ví dụ: 2023-12-17T14:42:00. Cũng hỗ trợ giá trị viết tắt của năm-tháng-ngày, ví dụ: 1982-12-01. Các chuỗi định dạng dài có thể hoạt động nhưng sẽ phụ thuộc vào trình duyệt của bạn, ví dụ: Thứ Ba ngày 12 tháng 5 năm 2020 18:50:21 GMT-0500 (Giờ Tiết Kiệm Ánh Sáng Trung Tâm). Tất cả dữ liệu thời gian, bao gồm thông tin múi giờ, sẽ bị loại khỏi ngày.

Các Trường Màu Sắc

Một màu được định dạng dưới dạng mã RGB thập lục phân CSS, rgb, hls hoặc hlv, hoặc một màu được đặt tên. Tất cả các biến thể với giá trị alpha cũng được hỗ trợ. Ví dụ: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), xanh da trời, xanh đậm, rebeccapurple.

Các Trường Chuyển Đổi

Một giá trị boolean. Y, yes, TRUE, 1 sẽ được hiểu là chuyển đổi là "Có", tất cả các giá trị khác sẽ là "Không".

Chuẩn bị Bộ sưu tập CMS của bạn

Dưới đây là danh sách kiểm tra để chuẩn bị bộ sưu tập CMS của bạn cho việc nhập dữ liệu.

1. Xác minh mỗi trường/cột trong tệp CSV của bạn có một trường khớp trong bộ sưu tập CMS của bạn với cùng tên.

2. Bao gồm một trường duy nhất cho mỗi mục, thường được gọi là "Slug"

3. Xác minh rằng các loại dữ liệu của bạn khớp nhau (ví dụ: một trường Ngày CMS cho một trường ngày trong dữ liệu của bạn)

Mẹo: Framer sử dụng trường Slug của bạn để nhận diện mỗi mục, và sẽ sử dụng nó để cập nhật mục đó với các lần nhập dữ liệu lặp lại.

Nhập tệp CSV của bạn

Bạn có thể tìm thấy chức năng Nhập bằng cách đi vào CMS trong dự án của mình, và nhấp vào "Nhập" trong thanh công cụ. Từ đó, bạn có thể chọn tệp CSV để nhập. Bạn cũng có thể kéo & thả tệp CSV của mình trực tiếp vào giao diện bộ sưu tập CMS.

Mẹo: Nhập dữ liệu hỗ trợ các hành động Hoàn tác / Làm lại. Nếu bạn không hài lòng với việc nhập, bạn có thể đơn giản hoàn tác thay đổi bằng CMD+Z trên MacOS hoặc CTRL + Z trên Windows. Làm lại sẽ không chạy lại việc nhập, mà sẽ áp dụng ngay lập tức các thay đổi cho bộ sưu tập.

Cập nhật hoặc Nhập lại

Để cập nhật nội dung của bạn, bạn có thể nhập lại vào cùng bộ sưu tập. Nếu bất kỳ mục nào trong lần nhập mới có trường slug khớp với một trong các mục trong bộ sưu tập của bạn, bạn sẽ có thể cập nhật nó hoặc bỏ qua nhập lại.

Chọn Chủ Đề Hấp Dẫn

Sử dụng công cụ phân tích để hiểu dữ liệu nhân khẩu học và hành vi người dùng. Tùy chỉnh nội dung của bạn để đáp ứng nhu cầu và sở thích của khán giả, giải quyết các vấn đề cụ thể của họ. Thực hiện nghiên cứu từ khóa với các công cụ như Google Keyword Planner hay SEMrush. Phân tích xu hướng ngành và đối thủ cạnh tranh để chọn các chủ đề có liên quan và xu hướng nhằm cải thiện SEO. Sử dụng công cụ phân tích tiêu đề như Headline Analyzer của CoSchedule. Tạo tiêu đề rõ ràng, cụ thể và chứa các từ khóa có thứ hạng cao. Sử dụng các từ mạnh để tăng tỷ lệ nhấp chuột.

Sắp Xếp Nội Dung Của Bạn

Thực hiện cấu trúc rõ ràng bằng cách sử dụng thẻ HTML cho tiêu đề (H1, H2, H3) và danh sách (<ul>, <ol>). Điều này cải thiện khả năng đọc và SEO. Tận dụng CSS để định dạng, cải thiện trải nghiệm người dùng. Chèn hình ảnh chất lượng cao, đồ họa thông tin, biểu đồ và đồ thị. Dùng Framer để tạo hình ảnh và tối ưu hóa chúng với văn bản thay thế cho SEO. Đảm bảo chúng đáp ứng trên di động. Đặt từ khóa tự nhiên trong nội dung, đặc biệt là trong tiêu đề và tiêu đề phụ. Tối ưu hóa mô tả meta, văn bản thay thế hình ảnh, và sử dụng liên kết nội bộ và ngoại bộ.

Phân Trang và SEO

Xem xét thêm phân trang cho danh sách nội dung phong phú, cải thiện hiệu suất bằng cách giảm thời gian tải và nâng cao trải nghiệm người dùng bằng cách làm cho lượng nội dung lớn trở nên dễ đọc và dễ điều hướng hơn. Ngoài ra, phân trang còn có lợi cho SEO bằng cách tạo điều kiện cho việc crawling của công cụ tìm kiếm dễ dàng hơn và giảm tỷ lệ thoát. Bằng cách chọn một danh sách nội dung từ blog, bạn có thể nhấp vào biểu tượng thêm màu xanh ở dưới để thêm cuộn vô hạn hoặc nút tải thêm. Nếu bạn thêm phân trang với cuộn vô hạn, cố gắng tránh bố cục định vị như trục xoay và chân trang phía dưới nội dung đang tải. Điều này sẽ giúp tối thiểu hóa thay đổi bố cục, do đó không gây hại đến SEO.

Theo Dõi Hiệu Suất

Sử dụng công cụ phân tích tích hợp của Framer để theo dõi các chỉ số hiệu suất và điều chỉnh chiến lược nội dung dựa trên thông tin dữ liệu. Bằng cách kết hợp các thực hành tốt nhất này với các kỹ thuật kỹ thuật tốt, bạn có thể tạo ra một blog không chỉ thu hút và thông báo mà còn hoạt động tốt trong xếp hạng tìm kiếm và sự tương tác của người dùng. Chúc viết blog vui vẻ!