Cách chỉnh sửa trang web Squarespace của bạn: Hướng dẫn trực quan nhanh

Bước 1: Truy cập chế độ chỉnh sửa - Hướng dẫn nhanh về thanh điều hướng Panel điều hướng

Cách đăng nhập và mở trình soạn thảo trang web của bạn

• Trang web - Xem và quản lý cấu trúc trang web của bạn.
• Thiết kế - Tùy chỉnh mẫu, phông chữ và bảng màu.
• Marketing - Thiết lập SEO, khuyến mãi và kết nối mạng xã hội.
• Phân tích - Theo dõi lưu lượng truy cập và dữ liệu người truy cập.
• Cài đặt - Quản lý thông tin tài khoản, tên miền, ngôn ngữ, khu vực và các tùy chọn SEO cơ bản.

Bắt đầu chỉnh sửa thời gian thực

Bước 2: Sử dụng trình soạn thảo kéo và thả Fluid Engine

Fluid Engine là gì?

Thêm hoặc nâng cấp một khu vực chỉnh sửa

• Nhấp vào nút "+" bất kỳ trên trang để thêm một khu vực mới.
• Squarespace cung cấp các mẫu khu vực nội dung sẵn (như khu vực tiêu đề, khu vực văn bản và hình ảnh, khu vực hiển thị sản phẩm, v.v.),
• Các khu vực Squarespace cũ (không dựa trên Fluid Engine) có thể được nâng cấp lên cấu trúc mới chỉ bằng một cú nhấp chuột thông qua thông báo, mang lại cho bạn nhiều kiểm soát hơn về bố cục.

Quản lý khối và điều khiển kéo

• Văn bản
• Hình ảnh
• Video
• Nút
• Biểu mẫu
• Liên kết mạng xã hội
• Lưới sản phẩm, v.v.

Điều chỉnh tương thích với thiết bị di động

Bước 3: Chỉnh sửa văn bản, hình ảnh và nút

Chỉnh sửa văn bản

• Điều chỉnh cỡ chữ, áp dụng định dạng in đậm hoặc nghiêng và thay đổi màu chữ,
• Chèn liên kết, danh sách số hoặc danh sách đánh dấu,
• Tạo trích dẫn khối hoặc làm nổi bật các cụm từ cụ thể
• Sử dụng các phím tắt bàn phím hữu ích như Ctrl + B để in đậm và Ctrl + K để thêm liên kết.

Tải lên và Chỉnh sửa hình ảnh

• Cắt và thay đổi kích thước hình ảnh để phù hợp với bố cục của bạn,
• Áp dụng bộ lọc để phù hợp với phong cách trực quan của trang web,
• Đặt điểm chú ý để phần quan trọng nhất của hình ảnh luôn được giữ ở trung tâm trên mọi thiết bị,
• Kích hoạt chức năng phóng to khi nhấp hoặc liên kết hình ảnh đến trang khác.

Chỉnh sửa nút

• Liên hệ với bạn,
• Đọc thêm nội dung,
• Truy cập trang sản phẩm,
• Gửi biểu mẫu.

Bước 4: Tùy chỉnh phong cách và cài đặt thiết kế toàn trang

Truy cập bảng Phong cách

• Chữ viết, chọn kiểu chữ, kết hợp tiêu đề với văn bản cơ bản và thiết lập thứ bậc kích thước rõ ràng.
• Màu sắc định nghĩa bảng màu nhất quán cho nền, văn bản, liên kết và nút.
• Khoảng cách, tinh chỉnh chiều cao dòng, khoảng cách đoạn văn, chiều rộng nội dung và lề trang.
• Liên kết: quyết định xem liên kết có được gạch chân hay không và thiết lập hiệu ứng khi di chuột.
• Nút, chọn giữa phong cách đầy hoặc viền, điều chỉnh bán kính góc và thêm hiệu ứng mờ nhạt.

Tùy chỉnh tiêu đề và chân trang

• Tiêu đề – tải lên logo của bạn, phong cách thanh điều hướng và chọn xem nó có giữ nguyên ở trên cùng hay không,
• Chân trang – thêm văn bản bản quyền, biểu tượng mạng xã hội và biểu mẫu đăng ký email,
• Áp dụng màu nền, mức độ trong suốt và phong cách chữ phù hợp với thiết kế tổng thể của bạn.

Kiểm tra phong cách phản hồi

Bước 5: Chỉnh sửa trên điện thoại bằng ứng dụng Squarespace

• Xem trước các trang và thực hiện các chỉnh sửa cơ bản, như cập nhật văn bản hoặc thay thế hình ảnh,
• Kiểm tra và quản lý đơn hàng (đối với các mẫu thương mại điện tử),
• Viết, chỉnh sửa và đăng bài viết blog,
• Xem phân tích trang web của bạn,
• Thực hiện các điều chỉnh phong cách đơn giản, như thay đổi màu sắc hoặc phông chữ.

Bước 6: Lưu và Phát hành Thay đổi của Bạn

• Nhấp vào Hoàn tất ở góc trên bên phải của trình soạn thảo.
• Chọn Lưu để lưu thay đổi, Hủy để hủy bỏ, hoặc Phát hành để hiển thị chúng ngay lập tức.
• Tất cả các cập nhật đã phát hành sẽ có hiệu lực ngay lập tức - không cần bước triển khai bổ sung.
• Squarespace tự động lưu các phiên bản nháp, vì vậy bạn có thể quay lại hoặc so sánh các chỉnh sửa trước đây nếu cần.

Khắc phục sự cố: Sửa các vấn đề chỉnh sửa phổ biến trên Squarespace

1. Các khối không thể di chuyển hoặc đặt đúng vị trí

• Bạn vẫn đang sử dụng mẫu 7.0 cũ mà không có Fluid Engine.
• Một khối bị khóa đang giới hạn vị trí.
• Các khối quá gần nhau, không còn không gian thả.
• Kích thước trình duyệt của bạn đang ảnh hưởng đến khu vực kéo.

• Nâng cấp khu vực sang Fluid Engine thông qua thanh công cụ khu vực.
• Tránh chỉnh sửa bên trong các phần tử được lồng sâu (như hộp thẻ).
• Điều chỉnh kích thước trình duyệt về khoảng 90% để có thêm không gian.
• Làm mới trang hoặc thử trình duyệt khác.

2. Thay đổi phông chữ không hiển thị

• Bạn chỉ cập nhật phông chữ của một khối duy nhất, không phải kiểu toàn cục.
• CSS tùy chỉnh với important đang ghi đè lên các kiểu.
• Các quy tắc kiểu cũ không đồng bộ.
• Phông chữ bị chặn bởi các giới hạn mạng.

• Cập nhật phông chữ dưới Thiết kế > Phong cách trang > Phông chữ (Cơ bản và Tiêu đề).
• Kiểm tra CSS tùy chỉnh để tìm các quy tắc xung đột.
• Xóa bộ nhớ đệm hoặc xem trước trong chế độ ẩn danh.
• Kiểm tra xem việc tải phông chữ có bị chặn bởi mạng của bạn hay không.

3. Bố cục trông bị hỏng (đặc biệt là trên điện thoại)

• Khoảng cách hoặc căn chỉnh không nhất quán.
• Bố cục trên máy tính để bàn và điện thoại không đồng bộ.
• Các khối chồng chéo quá mức.

• Chuyển sang chế độ xem di động và kiểm tra từng phần.
• Sử dụng Chặn lưới trong Fluid Engine để khôi phục khoảng cách.
• Xây dựng lại các phần có vấn đề thay vì sửa chữa từng phần.
• Đặt giới hạn kích thước tối thiểu/tối đa để ngăn tràn.

4. Các chỉnh sửa không lưu được

• Mở rộng trình duyệt chặn các tập lệnh trang web.
• Kết nối internet yếu hoặc không ổn định.
• Chỉnh sửa cùng một trang trong nhiều tab.

• Chỉnh sửa trong chế độ ẩn danh để tránh mở rộng.
• Đảm bảo có kết nối internet ổn định.
• Chỉ chỉnh sửa trong một tab trình duyệt tại một thời điểm.
• Kiểm tra Cài đặt > Nâng cao > Trạng thái trang web không được đặt thành "Cá nhân."

Wegic: Đội ngũ website AI của bạn

Wegic là gì?

• Tạo cấu trúc trang web ngay lập tức phù hợp với thương hiệu và mục tiêu của bạn.
• Tự động tạo nội dung trang, bố cục và điều hướng trực quan.
• Đề xuất và bảo mật tên miền có sẵn.
• Hiển thị bản xem trước thời gian thực về thiết kế trực quan của trang web của bạn.
• Phát hành trực tiếp ngay lập tức, và không cần thiết lập máy chủ hay lo lắng về DNS.
• Liên tục tối ưu nội dung và cấu trúc của bạn để tăng tương tác và SEO.

Tại sao chọn Wegic?

• Không cần lập trình. Ngay cả người mới bắt đầu cũng có thể tạo một trang web chuyên nghiệp chỉ bằng cách trò chuyện với Wegic.
• Hoàn toàn tùy chỉnh. Khác với các công cụ mẫu cứng nhắc, AI của Wegic thích ứng với giọng điệu thương hiệu, phong cách ngành và nhu cầu chức năng của bạn.
• Tiết kiệm thời gian. Điều từng mất hàng tuần nay chỉ mất vài phút, mà không làm giảm chất lượng.
• Luôn cải thiện. Wegic giúp trang web của bạn phát triển liên tục với các cập nhật nội dung và cải tiến thiết kế dựa trên AI.

Kết luận

• Tạo một trang web tùy chỉnh hoàn toàn, sẵn sàng cho thương hiệu trong vài phút.
• Đăng tải nó ngay lập tức - không có mẫu, không có lập trình, không có thiết lập kỹ thuật.
• Giữ cho nó hoạt động với các cập nhật và tối ưu hóa liên tục dựa trên AI.