Sử dụng công cụ soạn thảo văn bản định dạng cho nội dung

Có thể sử dụng công cụ soạn thảo văn bản định dạng của Shopify để định dạng và tạo kiểu cho nội dung hiển thị trên cửa hàng trực tuyến.

Vị trí dùng công cụ soạn thảo văn bản định dạng

Có thể sử dụng công cụ soạn thảo văn bản định dạng để thêm hoặc chỉnh sửa văn bản ở một số vị trí trên cửa hàng:

• Mô tả sản phẩm
• Mô tả bộ sưu tập
• Bài đăng trên blog
• Trang
• Chính sách của cửa hàng

Nếu sử dụng chủ đề tương thích, có thể thêm mục văn bản có định dạng vào trang hoặc mẫu bằng Trình biên tập chủ đề.

Thêm nội dung HTML bằng công cụ soạn thảo văn bản định dạng

Có thể nhập nội dung HTML cho bài đăng trên blog, trang, mô tả sản phẩm và mô tả bộ sưu tập bằng công cụ soạn thảo văn bản định dạng.

Nhấp vào nút để xem mã HTML của nội dung bên trong công cụ soạn thảo văn bản định dạng.

Ở chế độ xem HTML, có thể thực hiện nhiều thay đổi đối với nội dung trong công cụ soạn thảo văn bản định dạng. Có thể thêm hình ảnh, video hoặc bảng bằng HTML, đồng thời gỡ lỗi hoặc tinh chỉnh bố cục và kiểu nội dung.

Nhúng tiện ích phương tiện truyền thông

Nếu muốn nhúng tiện ích video hoặc âm nhạc, trước tiên cần lưu trữ tiện ích đó trên một dịch vụ như Youtube, Vimeo hoặc SoundCloud. Các dịch vụ này tạo mã nhúng, có thể sao chép và dán vào công cụ soạn thảo văn bản định dạng trong bảng điều khiển quản trị Shopify.

Các bước thực hiện:

1. Tìm mã nhúng cho phương tiện truyền thông muốn nhúng.
2. Chọn toàn bộ mã nhúng bằng cách nhấp vào mã đó và nhấn ctrl + A trên PC hoặc command + A trên máy Mac.
3. Sao chép mã nhúng bằng cách nhấn ctrl + C trên PC hoặc command + C trên máy Mac.
4. Trong bảng điều khiển quản trị Shopify, nhấp vào nút Hiển thị HTML trên công cụ soạn thảo văn bản định dạng của nội dung đang chỉnh sửa.
5. Dán mã nhúng bằng cách nhấn ctrl + V trên PC hoặc command + V trên máy Mac.
6. Nhấp vào Lưu.

Định dạng văn bản bằng công cụ soạn thảo văn bản định dạng

Với nút Định dạng, có thể nhanh chóng tạo các đoạn văn, tiêu đề hoặc trích dẫn dạng khối. Việc dùng đúng định dạng và cấp độ tiêu đề giúp người dùng và công cụ tìm kiếm đọc nội dung trang web dễ dàng hơn.

Để chọn định dạng cho văn bản, tô sáng văn bản rồi nhấp vào nút Định dạng.

Tùy chọn định dạng

• Đoạn văn

  Phần lớn nội dung văn bản trên trang web của bạn là văn bản đoạn văn. Đoạn văn thường có kích thước phông chữ 10–12 pt, nhưng một số chủ đề sử dụng kích thước phông chữ khác.

• Tiêu đề (1-6)

  Tiêu đề được dùng để sắp xếp cấu trúc nội dung. Có 6 cấp độ tiêu đề. Tiêu đề 1 là cấp độ quan trọng nhất và Tiêu đề 6 là ít quan trọng nhất.

• Trích dẫn khối

  Trích dẫn khối được dùng để hiển thị văn bản của người khác, ví dụ như câu trích dẫn hoặc đoạn trích từ sách hoặc trang web.

In đậm văn bản

Để in đậm văn bản, tô sáng văn bản và nhấp vào nút In đậm.

In nghiêng văn bản

Để in nghiêng văn bản, tô sáng văn bản và nhấp vào nút In nghiêng.

Gạch chân văn bản

Để gạch chân văn bản, tô sáng văn bản và nhấp vào nút Gạch chân.

Tạo danh sách có dấu đầu dòng

Để tạo danh sách có dấu đầu dòng, nhấp vào nút Danh sách có dấu đầu dòng.

Bạn có thể nhập để tạo mục danh sách có dấu đầu dòng đầu tiên. Để tạo các mục danh sách mới, nhấn phím enter hoặc return. Để kết thúc danh sách, nhấn phím enter hoặc return hai lần.

Tạo danh sách đánh số

Để tạo danh sách đánh số, nhấp vào nút Danh sách đánh số.

Bạn có thể nhập để tạo các mục danh sách đánh số đầu tiên. Để tạo các mục danh sách mới, nhấn phím enter hoặc return. Để kết thúc danh sách, nhấn phím enter hoặc return hai lần.

Thụt lề văn bản

Việc thụt lề đoạn văn sẽ tạo lề ở bên trái. Để thụt lề đoạn văn, nhấp vào nút Thụt lề.

Bỏ thụt lề văn bản

Việc bỏ thụt lề đoạn văn sẽ xóa các lề đã thụt. Để bỏ thụt lề hoặc "nhô lề" đoạn văn, nhấp vào nút Bỏ thụt lề.

Căn chỉnh văn bản

Để căn chỉnh văn bản, chọn văn bản, nhấp vào nút Căn chỉnh, rồi chọn Căn trái, Căn giữa hoặc Căn phải.

Thay đổi màu chữ

1. Tô sáng văn bản và nhấp vào nút Màu sắc.
2. Nhấp vào một màu hoặc nhập mã hex để đổi văn bản được tô sáng thành màu đó.

Thay đổi màu nền văn bản

1. Tô sáng văn bản và nhấp vào nút Màu sắc.
2. Nhấp vào tab Nền.
3. Nhấp vào một màu hoặc nhập mã hex để đổi nền của văn bản được tô sáng thành màu đó.

Xóa định dạng trong công cụ soạn thảo văn bản định dạng

Để xóa định dạng khỏi văn bản hoặc hình ảnh, tô sáng nội dung rồi nhấp vào nút Xóa định dạng.

Chèn bảng bằng công cụ soạn thảo văn bản định dạng

Bạn có thể chèn bảng vào bài đăng trên blog, trang, mô tả sản phẩm và mô tả bộ sưu tập bằng công cụ soạn thảo văn bản định dạng. Bạn có thể chèn văn bản, hình ảnh hoặc cả video vào bảng sau khi tạo.

Các bước thực hiện:

1. Trong công cụ soạn thảo văn bản định dạng, nhấp vào nút Chèn bảng.
2. Nhấp vào Chèn bảng để chèn bảng. Hành động này sẽ tạo một bảng có một hàng và một cột.

Sau khi tạo bảng, nhấp lại vào nút Chèn bảng để sửa đổi các hàng và cột của bảng:

• Chèn hàng lên trên: Đặt con trỏ vào một hàng và nhấp vào nút này để chèn hàng mới lên trên.
• Chèn hàng xuống dưới: Đặt con trỏ vào một hàng và nhấp vào nút này để chèn hàng mới xuống dưới.
• Chèn cột vào trước: Đặt con trỏ vào một cột và nhấp vào nút này để chèn cột mới vào trước cột đó.
• Chèn cột vào sau: Đặt con trỏ vào một cột và nhấp vào nút này để chèn cột mới vào sau cột đó.
• Xóa hàng: Đặt con trỏ vào hàng bạn muốn xóa rồi nhấp vào nút này.
• Xóa cột: Đặt con trỏ vào cột bạn muốn xóa rồi nhấp vào nút này.
• Xóa bảng: Đặt con trỏ vào bất kỳ đâu trong bảng rồi nhấp vào nút này để xóa toàn bộ bảng.

Chèn liên kết bằng công cụ soạn thảo văn bản định dạng

Bạn có thể chèn liên kết (siêu liên kết) vào bài đăng trên blog, trang, mô tả sản phẩm và mô tả bộ sưu tập bằng công cụ soạn thảo văn bản định dạng. Bạn có thể thêm liên kết chuyển hướng khách hàng đến các trang trong cửa hàng trực tuyến Shopify của mình và các trang web khác. Bạn cũng có thể thêm liên kết mở tin nhắn email hoặc gọi điện thoại để giúp khách hàng liên hệ với bạn.

Các bước thực hiện:

1. Tô sáng văn bản hoặc hình ảnh bạn muốn chuyển thành liên kết.
2. Nhấp vào Chèn liên kết.
3. Nhập URL đích cho liên kết vào trường Liên kết tới :
   • Để liên kết với một trang web bên ngoài cửa hàng Shopify, hãy nhập https:// kèm theo địa chỉ trang web, ví dụ như https://www.example.com.
   • Để liên kết với một trang trong cửa hàng trực tuyến Shopify của bạn, hãy nhập URL ngắn, ví dụ như /collections/summer-collection.
   • Để tạo liên kết mở tin nhắn email, hãy nhập mailto: kèm theo địa chỉ email, ví dụ như mailto:example@example.com.
   • Để tạo liên kết gọi điện thoại, hãy nhập tel:, kèm theo số điện thoại, ví dụ như tel:+0-123-456-7890.
4. Nhập mô tả ngắn cho liên kết trong hộp Tiêu đề liên kết.
5. Chọn cách mở liên kết bằng menu Mở liên kết này trong :
   • cùng một cửa sổ: Liên kết sẽ mở trong tab hoặc cửa sổ trình duyệt hiện tại của người dùng.
   • một cửa sổ mới: Liên kết sẽ mở trong tab hoặc cửa sổ trình duyệt mới.
6. Nhấp vào Chèn liên kết để chuyển đổi văn bản được tô sáng thành liên kết.

Thêm liên kết nội bộ và bên ngoài bằng công cụ soạn thảo văn bản định dạng

Liên kết đến các trang trong cửa hàng Shopify được gọi là liên kết nội bộ. Bạn có thể sử dụng URL rút gọn để tạo liên kết nội bộ. Ví dụ: URL /collections sẽ trỏ đến trang bộ sưu tập của cửa hàng.

Để liên kết đến trang cụ thể trên cửa hàng trực tuyến, chẳng hạn như trang bộ sưu tập hoặc trang sản phẩm, hãy sử dụng định dạng URL /page-type/page-handle. Ví dụ: để liên kết đến bộ sưu tập bạn đã tạo có tên Bộ sưu tập mùa hè, hãy sử dụng URL /collections/summer-collection.

Liên kết đến các trang web bên ngoài cửa hàng Shopify được gọi là liên kết ngoài. Liên kết ngoài cần được nhập đầy đủ và bắt đầu bằng http://.

Liên kết đến tệp trong nội dung trang

Sau khi tải tệp lên, bạn có thể liên kết tệp đó với nội dung trong công cụ soạn thảo văn bản định dạng để có thể tải xuống từ phần mô tả sản phẩm hoặc bộ sưu tập, trang web hoặc bài đăng trên blog.

Các bước thực hiện:

Chèn hình ảnh bằng công cụ soạn thảo văn bản định dạng

Có ba cách để chèn hình ảnh bằng công cụ soạn thảo văn bản định dạng. Bạn có thể:

• tải hình ảnh lên
• chọn từ hình ảnh sản phẩm
• sử dụng URL hình ảnh công khai.

Tải hình ảnh lên

Các bước thực hiện:

1. Trong công cụ soạn thảo văn bản định dạng, nhấp vào nút Chèn hình ảnh.

2. Trong hộp thoại Chèn hình ảnh, nhấp vào tab Hình ảnh đã tải lên.

3. Nhấp vào Tải tệp lên.

4. Chọn tệp hình ảnh WebP, HEIC, SVG, GIF, JPEG hoặc PNG từ máy tính.

5. Nhấp vào hình ảnh đã tải lên để chọn.

6. Trong menu Kích thước, chọn kích thước hiển thị của hình ảnh. Bạn có thể chọn Gốc để chèn hình ảnh mà không thay đổi kích thước hiển thị.

7. Nhấp vào Chèn hình ảnh để thêm hình ảnh vào công cụ soạn thảo văn bản định dạng.

Chọn từ hình ảnh sản phẩm

Các bước thực hiện:

1. Trong công cụ soạn thảo văn bản định dạng, nhấp vào nút Chèn hình ảnh.

2. Trong hộp thoại Chèn hình ảnh, nhấp vào tab Hình ảnh sản phẩm.

3. Nhấp vào hình ảnh mà bạn muốn chèn. Nếu không tìm thấy phương tiện truyền thông của sản phẩm mà bạn muốn chèn, bạn có thể sử dụng các nút mũi tên để duyệt qua các trang khác.

4. Trong menu Kích thước, chọn kích thước hiển thị của hình ảnh. Bạn có thể chọn Gốc để chèn hình ảnh mà không thay đổi kích thước hiển thị.

5. Nhấp vào Chèn hình ảnh để thêm hình ảnh sản phẩm vào công cụ soạn thảo văn bản định dạng.

Sử dụng URL hình ảnh

Để chèn hình ảnh bằng URL công khai:

1. Trong công cụ soạn thảo văn bản định dạng, nhấp vào nút Chèn hình ảnh.
2. Trong hộp thoại Chèn hình ảnh, nhấp vào tab URL.
3. Nhập URL có thể truy cập công khai của tệp hình ảnh.
4. Nhấp vào Chèn hình ảnh để chèn hình ảnh vào công cụ soạn thảo văn bản định dạng ở kích thước gốc.

Di chuyển và đổi kích thước hình ảnh trong công cụ soạn thảo văn bản định dạng

Sau khi thêm hình ảnh vào phần mô tả sản phẩm hoặc bộ sưu tập, trang web hay blog, bạn có thể di chuyển hình ảnh đến vị trí khác trong nội dung.

Các bước thực hiện:

1. Trong trang quản trị Shopify, nhấp vào sản phẩm, bộ sưu tập, trang web hoặc bài đăng trên blog có chứa hình ảnh bạn muốn di chuyển hay đổi kích thước.
2. Trong công cụ soạn thảo văn bản định dạng, nhấp vào hình ảnh.
3. Thực hiện một trong các thao tác sau:
   • Để di chuyển hình ảnh, nhấp và kéo hình ảnh đến vị trí khác trong trường Nội dung.
   • Để đổi kích thước hình ảnh, nhấp và kéo một trong các góc.
4. Nhấp vào Lưu.

Chỉnh sửa hình ảnh trong công cụ soạn thảo văn bản định dạng

Bạn có thể thay đổi kích thước, cách ngắt dòng văn bản và căn lề của hình ảnh trong công cụ soạn thảo văn bản định dạng. Ngoài ra, bạn cũng có thể chỉnh sửa URL hình ảnh, hoặc thêm hay chỉnh sửa văn bản thay thế cho hình ảnh.

Các bước thực hiện:

1. Nhấp đúp vào hình ảnh trong công cụ soạn thảo văn bản định dạng để mở hộp thoại Chỉnh sửa hình ảnh.
2. Sử dụng các tùy chọn kích thước và căn lề để chỉnh sửa hình ảnh:
   • Để thay đổi kích thước hình ảnh, chọn một tùy chọn kích thước.
   • Để cải thiện SEO và khả năng tiếp cận của cửa hàng trực tuyến, hãy thêm hoặc chỉnh sửa văn bản thay thế cho hình ảnh.
   • Để thêm khoảng cách, hãy nhập số điểm ảnh trống bạn muốn ở mỗi bên.
   • Để thay đổi căn chỉnh hình ảnh, hãy chọn các biểu tượng căn trái, căn giữa hoặc căn phải.
   • Để văn bản bao quanh hình ảnh, hãy chọn Wrap text around image.
3. Nhấp vào Edit image (Chỉnh sửa hình ảnh) để lưu thay đổi.

Chèn video bằng công cụ soạn thảo văn bản định dạng

Bạn có thể chèn hoặc nhúng video vào bài đăng trên blog, trang, mô tả sản phẩm và mô tả bộ sưu tập bằng công cụ soạn thảo văn bản định dạng.

Nếu muốn nhúng video đã tạo, trước tiên, bạn cần tải video đó lên trang web phát video trực tuyến như YouTube hoặc Vimeo.

YouTube không cho phép bạn tắt các video liên quan, nhưng bạn có thể chỉ định rằng các video liên quan phải từ cùng một kênh với video vừa phát.

Các bước thực hiện:

1. Sao chép URL của video bằng cách nhấn ctrl + C trên PC hoặc command + C trên máy Mac.

2. Truy cập Embed Responsively. Embed Responsively là công cụ cung cấp cho bạn mã nhúng tốt hơn cho video.

3. Trên Embed Responsively, hãy nhấp để chọn trang web video nơi chứa video của bạn.
4. Dán URL video bạn đã sao chép vào hộp Page URL (URL trang) trên Embed Responsively bằng cách nhấn ctrl + V trên PC hoặc command + V trên máy Mac.
5. Nhấp vào Embed (Nhúng). Embed Responsively sẽ tạo mã nhúng cho bạn.
6. Nếu video là từ YouTube và bạn chỉ muốn hiển thị các video liên quan từ cùng một kênh YouTube, hãy tìm URL của video trong mã nhúng. Sao chép và dán ?rel=0 vào cuối, bên trong dấu ngoặc kép.
7. Sao chép tất cả mã bên trong hộp Embed code (Mã nhúng).
8. Trong bảng điều khiển quản trị Shopify, nhấp vào nút Insert video (Chèn video) trong công cụ soạn thảo văn bản định dạng.
9. Dán mã nhúng vào hộp trong hộp thoại Insert video (Chèn video).
10. Nhấp vào Insert video (Chèn video).
11. Nhấp vào Lưu khi hoàn tất để lưu các thay đổi đối với mục bạn đang chỉnh sửa.

Chèn tệp âm thanh bằng công cụ soạn thảo văn bản định dạng

Bạn có thể sử dụng công cụ soạn thảo văn bản định dạng để chèn hoặc nhúng các tệp âm thanh vào bài đăng trên blog, trang, mô tả sản phẩm và mô tả bộ sưu tập.

Các bước thực hiện:

1. Trong trang quản trị Shopify, đi tới Nội dung > Tệp.

2. Nhấp vào Tải tệp lên để tải lên tệp âm thanh bạn muốn chèn hoặc nhúng vào cửa hàng.

3. Trong mục Cửa hàng trực tuyến, hãy mở công cụ soạn thảo văn bản định dạng cho trang hoặc bài đăng trên blog mà bạn muốn chèn tệp âm thanh.

4. Sao chép <div id="player"><audio controls="controls">, sau đó dán mã vào công cụ soạn thảo văn bản định dạng để nhúng trình phát âm thanh vào trang.

5. Sao chép mã sau:

• <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

6. Dán mã này vào công cụ soạn thảo văn bản định dạng sau mã cho trình phát âm thanh, rồi thay thế https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 bằng URL bạn đã tạo cho tệp âm thanh khi tải lên Shopify. Bạn có thể tìm thấy URL tệp âm thanh của mình bất kỳ lúc nào trên trang Tệp.
7. Nhấp vào Lưu.
8. Nhấp vào Xem để đảm bảo tệp âm thanh của bạn phát chính xác.

Thêm hoặc xóa bình luận nội bộ trong công cụ soạn thảo văn bản định dạng

Bạn có thể sử dụng các thẻ bình luận <!-- và --> cho văn bản nội bộ mà bạn không muốn đăng lên cửa hàng.

Các bước thực hiện:

1. Trong công cụ soạn thảo văn bản định dạng, nhấp vào nút Hiển thị HTML.
2. Để thêm bình luận nội bộ, hãy đặt văn bản bạn muốn ẩn vào giữa <!-- và -->. Ví dụ: <!--yourtext-->.
3. Nhấp vào Lưu.

Các thẻ HTML được đặt trong thẻ bình luận sẽ được lưu dưới dạng văn bản nội bộ. Để các thẻ HTML đó hoạt động bình thường, bạn cần xóa các thẻ bình luận <!-- và --> xung quanh chúng.

Tìm hiểu về công cụ soạn thảo văn bản định dạng

Công cụ soạn thảo văn bản định dạng được tích hợp với TinyMCE, một mạng phân phối nội dung (CDN) của bên thứ ba. Việc tích hợp này có một số tác động quan trọng:

• Giới hạn nội dung: Có giới hạn cứng là 64 KB đối với nội dung được nhập vào công cụ soạn thảo văn bản định dạng. Giới hạn này áp dụng cho Trang, Bài đăng trên blog và các tập lệnh bổ sung.
• Làm sạch HTML: TinyMCE cung cấp logic lọc nội dung giúp tự động sửa định dạng HTML để ngăn ngừa lỗi cửa hàng và rủi ro bảo mật. Mặc dù bạn có thể chỉnh sửa HTML thủ công về dạng ban đầu, nhưng bạn nên làm việc với những thay đổi tự động này để tránh các sự cố tiềm ẩn.

Khắc phục sự cố công cụ soạn thảo văn bản định dạng

Nếu bạn gặp sự cố với công cụ soạn thảo văn bản định dạng, hãy xem lại các bước khắc phục sự cố và các sự cố thường gặp sau đây.

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>

mailto:email@example.com