การใช้เครื่องมือแก้ไข富文本สำหรับเนื้อหา

คุณสามารถใช้เครื่องมือแก้ไข富文本ของShopifyเพื่อจัดรูปแบบและกำหนดสไตล์เนื้อหาที่ปรากฏในร้านค้าออนไลน์ของคุณได้

ใช้เครื่องมือแก้ไข富文本ได้ที่ใดบ้าง

คุณสามารถใช้เครื่องมือแก้ไข富文本เพื่อเพิ่มหรือแก้ไขข้อความได้ในหลากหลายพื้นที่ในร้านคาของคุณดังนี้:

• คำอธิบายสินค้า
• คำอธิบายคอลเล็กชัน
• โพสต์บล็อก
• หน้า
• นโยบายของร้านค้า

หากคุณใช้งานธีม网欧宝体育官网入口首页上商店2.0คุณสามารถเพิ่มส่วน富文本ไปยังหน้าหรือเทมเพลตของคุณด้วยตัวแก้ไขธีมได้

เพิ่มเนื้อหาHTMLด้วยเครื่องมือแก้ไข富文本

คุณสามารถใส่เนื้อหาHTMLในโพสต์บล็อกเพจคำอธิบายสินค้าและคำอธิบายคอลเลกชันได้ด้วยเครื่องมือแก้ไข富文本

คลิกปุ่มแสดงHTMLเพื่อดูโค้ดHTMLสำหรับเนื้อหาภายในเครื่องมือแก้ไข富文本

HTMLในมุมมองคุณสามารถเปลี่ยนแปลงเนื้อหาต่างๆได้ในเครื่องมือแก้ไข富文本โดยคุณสามารถเพิ่มรูปภาพวิดีโอหรือตารางด้วยการใช้HTMLนอกจากนี้ยังสามารถแก้ไขจุดบกพร่องหรือปรับเลย์เอาท์และสไตล์เนื้อหาได้อีกด้วย

ฝังวิดเจ็ตสื่อ

หากต้องการฝังวิดเจ็ตวิดีโอหรือเพลงอย่างแรกคุณต้องโฮสต์วิดเจ็ตบนบริการอย่างYoutubeVimeoหรือ一夜ก่อนบริการเหล่านี้จะสร้างโค้ดฝังตัวที่คุณสามารถคัดลอกและวางไปยังเครื่องมือแก้ไข富文本ในShopify adminของคุณได้

ขั้นตอน:

1. ค้นหาโค้ดฝังตัวของสื่อที่คุณต้องการฝัง

2. เลือกโค้ดฝังตัวทั้งหมดโดยคลิกและกดctrl+一个สำหรับPCหรือ命令+一个สำหรับMac

3. คัดลอกโค้ดฝังตัวโดยกดctrl+CสำหรับPCหรือ命令+CสำหรับMac

4. ในShopify adminของคุณให้คลิกปุ่มแสดงHTMLบนเครื่องมือแก้ไข富文本สำหรับเนื้อหาที่คุณกำลังแก้ไข

5. วางโค้ดฝังตัวโดยกดctrl+VสำหรับPCหรือ命令+VสำหรับMac

6. คลิกที่บันทึก

จัดรูปแบบข้อความด้วยเครื่องมือแก้ไข富文本

ด้วยปุ่มการจัดรูปแบบให้คุณสามารถสร้างย่อหน้าหัวเรื่องหรือบล็อกข้อความได้การใช้การจัดรูปแบบและระดับของหัวเรื่องที่เหมาะสมช่วยให้ผู้คนและเครื่องมือค้นหาสามารถอ่านเนื้อหาเว็บไซต์ของคุณได้

หากต้องการเลือกรูปแบบข้อความให้ไฮไลท์ข้อความแล้วคลิกปุ่มการจัดรูปแบบ

ตัวเลือกการจัดรูปแบบ

• ย่อหน้า

• หัวเรื่อง(1 - 6)

• 引用

ข้อความตัวหนา

หากต้องการทำข้อความให้เป็นตัวหนาให้ไฮไลท์ข้อความจากนั้นคลิกที่ปุ่มตัวหนา

ข้อความตัวเอียง

หากต้องการทำข้อความให้เป็นตัวเอียงให้ไฮไลท์ข้อความจากนั้นคลิกที่ปุ่มตัวเอียง

ขีดเส้นใต้ข้อความ

หากต้องการขีดเส้นใต้ข้อความให้ไฮไลต์ข้อความแล้วคลิกปุ่มขีดเส้นใต้

สร้างรายการแบบหัวข้อ

หากต้องการสร้างรายการแบบหัวข้อให้คลิกปุ่มรายการแบบหัวข้อ

คุณสามารถพิมพ์เพื่อสร้างรายการสินค้าเป็นหัวข้อรายการแรกหากต้องการสร้างสินค้ารายการใหม่ให้กดปุ่ม输入หรือ返回เมื่อสร้างรายการเสร็จสิ้นให้กดปุ่ม输入หรือ返回สองครั้ง

สร้างรายการแบบระบุเลขลำดับ

หากต้องการสร้างรายการแบบตัวเลขให้คลิกปุ่มรายการแบบระบุเลขลำดับ

คุณสามารถพิมพ์เพื่อสร้างรายการสินค้าแบบระบุเลขลำดับรายการแรกหากต้องการสร้างสินค้ารายการใหม่ให้กดปุ่ม输入หรือ返回เมื่อสร้างรายการเสร็จสิ้นให้กดปุ่ม输入หรือ返回สองครั้ง

ข้อความที่ย่อหน้า

การย่อหน้าจะเว้นพื้นที่ว่างทางด้านซ้ายหากต้องการย่อหน้าให้คลิกปุ่มย่อหน้า

คืนค่าการย่อหน้าข้อความ

การยกเลิกย่อหน้าเดิมจะคืนค่าพื้นที่ว่างที่มีหากต้องการคืนค่าการย่อหน้าหรือ”ลบย่อหน้า”ให้คลิกที่ปุ่มลบย่อหน้า

จัดแนวข้อความ

หากต้องการจัดแนวข้อความให้เลือกข้อความคลิกที่ปุ่มการจัดวางจากนั้นเลือกจัดวางด้านซ้ายจัดวางตรงกลางหรือจัดวางด้านขวา

เปลี่ยนสีข้อความด้วยเครื่องมือแก้ไข富文本

ขั้นตอน:

1. ไฮไลต์ข้อความและคลิกปุ่ม”สี”

2. คลิกสีหรือป้อนรหัส十六进制เพื่อเปลี่ยนข้อความที่ไฮไลต์ให้เป็นสีนั้น

เปลี่ยนสีพื้นหลังข้อความ

ขั้นตอน:

1. ไฮไลต์ข้อความและคลิกปุ่ม”สี”

2. คลิกแท็บ”พื้นหลัง”

3. คลิกสีหรือใส่รหัส十六进制เพื่อเปลี่ยนสีพื้นหลังของข้อความที่ไฮไลต์

ล้างการจัดรูปแบบในเครื่องมือแก้ไข富文本

หากต้องการลบการจัดรูปแบบของข้อความหรือรูปภาพให้ไฮไลต์เนื้อหาแล้วคลิกปุ่มล้างการจัดรูปแบบ

แทรกตารางด้วยเครื่องมือแก้ไข富文本

คุณสามารถแทรกตารางในโพสต์บล็อกเพจคำอธิบายสินค้าและคำอธิบายคอลเล็กชันได้ด้วยเครื่องมือแก้ไข富文本อีกทั้งยังสามารถวางข้อความรูปภาพหรือแม้กระทั่งวิดีโอในตารางหลังจากสร้างแล้วได้

ขั้นตอน:

1. คลิกปุ่มแทรกตารางในเครื่องมือแก้ไข富文本

2. คลิก”แทรกตาราง“เพื่อใส่ตารางการดำเนินการนี้จะสร้างตารางที่มีแ1ถวและ1คอลัมน์

หลังจากสร้างตารางแล้วคลิกปุ่มแทรกตารางอีกครั้งเพื่อปรับแต่งแถวและคอลัมน์ของตาราง:

• แทรกแถวด้านบน:วางเคอร์เซอร์ของคุณที่แถวแล้วคลิกปุ่มเพื่อแทรกแถวใหม่ด้านบน
• แทรกแถวด้านล่าง:วางเคอร์เซอร์ของคุณที่แถวแล้วคลิกปุ่มเพื่อแทรกแถวใหม่ด้านล่าง
• แทรกคอลัมน์ก่อนหน้า:วางเคอร์เซอร์ของคุณที่คอลัมน์แล้วคลิกปุ่มนี้เพื่อแทรกคอลัมน์ใหม่ด้านหน้าคอลัมน์ดังกล่าว
• แทรกคอลัมน์ด้านหลัง:วางเคอร์เซอร์ของคุณที่คอลัมน์แล้วคลิกปุ่มนี้เพื่อแทรกคอลัมน์ใหม่ด้านหลังคอลัมน์ดังกล่าว
• ลบแถว:วางเคอร์เซอร์ในแถวที่ต้องการลบแล้วคลิกที่ปุ่มนี้
• ลบคอลัมน์:วางเคอร์เซอร์ในคอลัมน์ที่ต้องการลบแล้วคลิกที่ปุ่มนี้
• ลบตาราง:วางเคอร์เซอร์ได้ทุกที่ในตารางแล้วคลิกปุ่มนี้เพื่อลบตารางทั้งหมด”

ใส่ลิงก์ด้วยเครื่องมือแก้ไข富文本

คุณสามารถแทรกลิงก์(ไฮเปอร์ลิงก)์ในโพสต์บล็อกเพจคำอธิบายสินค้าและคำอธิบายคอลเล็กชันได้ด้วยเครื่องมือแก้ไข富文本ทั้งยังสามารถเพิ่มลิงก์ที่นำลูกค้าไปยังเพจภายในร้านค้าออนไลน์Shopifyของคุณรวมถึงเว็บไซต์อื่นๆนอกจากนี้คุณสามารถเพิ่มลิงก์ที่เปิดข้อความอีเมลหรือโทรติดต่อเพื่อช่วยให้ลูกค้าสามารถติดต่อคุณได้

ขั้นตอน:

1. ไฮไลท์ข้อความหรือรูปภาพที่ต้องการเปลี่ยนเป็นลิงก์

2. คลิกแทรกลิงก์

3. ใส่urlปลายทางสำหรับลิงก์ในช่องเชื่อมต่อไปยัง：

4. ใส่คำอธิบายลิงก์สั้นๆในช่องชื่อลิงก์

5. เลือกวิธีเปิดลิงก์ด้วยเมนูเปิดลิงก์นี้ใน：

6. คลิกแทรกลิงก์เพื่อแปลงข้อความที่ไฮไลท์เป็นลิงก์

เพิ่มลิงก์ภายในและภายนอกด้วยเครื่องมือแก้ไข富文本

ลิงก์ที่ไปยังเพจภายในร้านค้าShopifyของคุณเรียกว่าลิงก์ภายในคุณสามารถใช้URLอย่างสั้นเพื่อสร้างลิงก์ภายในได้เช่นURL/集合จะชี้ทางไปยังหน้าคอลเล็กชันของร้านค้าคุณ

หากต้องการเชื่อมต่อไปยังเพจใดเพจหนึ่งของร้านค้าออนไลน์อย่างหน้าคอลเล็กชันหรือหน้าสินค้าให้ใช้รูปแบบURL/分页类型/ page-handleเช่นหากต้องการเชื่อมต่อไปยังคอลเล็กชันที่คุณสร้างชื่อ夏天收集ให้ใช้URL/收藏/夏季系列

ลิงก์ไปยังเว็บไซต์ที่อยู่นอกร้านค้าShopifyของคุณเรียกว่าลิงก์ภายนอกโดยต้องใส่ลิงก์ภายนอกแบบสมบูรณ์และต้องเริ่มต้นด้วยhttp://

ลิงก์ไปยังไฟล์ในเนื้อหาเพจ

หลังจากอัปโหลดไฟล์คุณสามารถเชื่อมไฟล์ดังกล่าวไปยังเนื้อหาในเครื่องมือแก้ไข富文本เพื่อเปิดใช้งานไฟล์สำหรับการดาวน์โหลดจากคำอธิบายสินค้าหรือคอลเลกชันเว็บเพจหรือโพสต์บล็อกได้

ขั้นตอน:

1. คัดลอกurlไฟล์ที่คุณต้องการเชื่อมถึง

2. ในShopify adminของคุณคลิกที่สินค้าคอลเลกชั่นเว็บเพจหรือโพสต์บล็อกที่คุณต้องการเพิ่มไฟล์

3. ในเครื่องมือแก้ไข富文本ให้ใส่หรือเลือกข้อความลิงก์

4. เลือกข้อความลิงก์

5. คลิกแทรกลิงก์

6. วางurlไฟล์ที่คุณต้องการเชื่อมถึงในช่องเชื่อมต่อไปยัง

หมายเหตุ:urlต้องขึ้นต้นด้วยhttp://cdn.shopify.com/หากคุณเห็นhttp://static.shopify.comให้แทนที่ด้วยhttp://cdn.shopify.com

1. คลิกแทรกลิงก์ในเครื่องมือแก้ไข富文本ข้อความลิงก์จะแสดงเป็นสีฟ้าพร้อมขีดเส้นใต้

แทรกรูปภาพด้วยเครื่องมือแก้ไข富文本

วิธีแทรกรูปภาพโดยใช้เครื่องมือแก้ไข富文本มี3วิธีโดยคุณสามารถ:

• อัปโหลดรูปภาพ
• เลือกจากรูปภาพสินค้าของคุณ
• ใช้urlรูปภาพสาธารณะ

อัปโหลดรูปภาพ

ขั้นตอน:

1. คลิกปุ่มแทรกรูปภาพในเครื่องมือแก้ไข富文本

2. ในกล่องโต้ตอบแทรกรูปภาพให้คลิกที่แท็บรูปภาพที่อัปโหลดแล้ว

3. คลิกที่อัปโหลดไฟล์

4. เลือกไฟล์รูปภาพJPEGหรือPNGจากคอมพิวเตอร์ของคุณ

5. คลิกรูปภาพที่อัปโหลดเพื่อเลือก

6. จากเมนูขนาดสำหรับแทรกให้เลือกขนาดที่ต้องการแสดงภาพคุณสามารถเลือกขนาดดั้งเดิมเพื่อแทรกรูปภาพโดยไม่ต้องเปลี่ยนแปลงขนาดแสดงรูปภาพได้

7. คลิกแทรกรูปภาพเพื่อวางรูปภาพในเครื่องมือแก้ไข富文本

เลือกจากรูปภาพสินค้า

ขั้นตอน:

1. คลิกปุ่มแทรกรูปภาพในเครื่องมือแก้ไข富文本

2. ในกล่องโต้ตอบแทรกรูปภาพให้คลิกที่แท็บรูปภาพสินค้า

3. คลิกรูปภาพที่ต้องการแทรก

4. จากเมนูขนาดสำหรับแทรกให้เลือกขนาดที่ต้องการแสดงภาพคุณสามารถเลือกขนาดดั้งเดิมเพื่อแทรกรูปภาพโดยไม่ต้องเปลี่ยนแปลงขนาดแสดงรูปภาพได้

5. คลิกแทรกรูปภาพเพื่อวางรูปภาพสินค้าในเครื่องมือแก้ไข富文本

ใช้urlรูปภาพ

วิธีแทรกรูปภาพโดยใช้urlสาธารณะ:

1. คลิกปุ่มแทรกรูปภาพในเครื่องมือแก้ไข富文本

2. ในกล่องโต้ตอบแทรกรูปภาพให้คลิกที่แท็บURL

3. URLใส่ของไฟล์รูปภาพของคุณที่สามารถเข้าถึงโดยสาธารณะ

4. คลิกแทรกรูปภาพเพื่อแทรกรูปภาพในเครื่องมือแก้ไข富文本ด้วยขนาดดั้งเดิม

ย้ายหรือปรับขนาดรูปภาพด้วยเครื่องมือแก้ไข富文本

หลังจากที่คุณเพิ่มรูปภาพไปยังคำอธิบายสินค้าหรือคอลเลกชันเว็บเพจหรือบล็อกคุณสามารถย้ายไปที่ทำแหน่งที่ตั้งอื่นในเนื้อหาได้

ขั้นตอน:

1. ในส่วนShopify adminของคุณคลิกที่สินค้าคอลเลกชันเว็บเพจหรือโพสต์บล็อกที่มีรูปภาพที่คุณต้องการย้ายหรือปรับขนาด

2. คลิกที่รูปภาพในเครื่องมือแก้ไข富文本

3. เลือกดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้:

4. คลิกที่บันทึก

แก้ไขรูปภาพด้วยเครื่องมือแก้ไข富文本

คุณสามารถเปลี่ยนการกำหนดขนาดการตัดข้อความและการจัดแนวรูปภาพได้ในเครื่องมือแก้ไข富文本นอกจากนี้ยังสามารถแก้ไขURLรูปภาพเพิ่มหรือแก้ไขข้อความกำกับภาพได้

ขั้นตอน:

1. ดับเบิ้ลคลิกที่รูปภาพในเครื่องมือแก้ไข富文本เพื่อเปิดกล่องโต้ตอบแก้ไขรูปภาพ

2. ใช้ตัวเลือกการกำหนดขนาดและการจัดวางเพื่อแก้ไขรูปภาพได้ดังนี้:

   • หากต้องการเปลี่ยนขนาดของรูปภาพให้เลือกที่ตัวเลือกขนาด
   • หากต้องการเปลี่ยนurlรูปภาพของรูปภาพ
   • หากต้องการปรับปรุงSEOของร้านค้าออนไลน์รวมถึงการเข้าถึงให้ดีขึ้นให้เพิ่มหรือแก้ไขข้อความกำกับภาพ
   • หากต้องการเพิ่มระยะห่างให้ใส่เลขพิกเซลของพื้นที่ที่ต้องการในแต่ละด้าน
   • หากต้องการเปลี่ยนการจัดวางของรูปภาพให้เลือกจากไอคอนการจัดวางที่ระบุซ้ายกลางหรือขวา
   • หากต้องการเพิ่มการตัดข้อความให้ทำเครื่องหมายเลือกตัดข้อความรอบรูปภาพ

3. คลิกที่แก้ไขรูปภาพเพื่อบันทึกการเปลี่ยนแปลง

ใส่วิดีโอด้วยเครื่องมือแก้ไข富文本

คุณสามารถใส่หรือฝังวิดีโอในโพสต์ของบล็อกเพจคำอธิบายสินค้าและคำอธิบายคอลเล็กชันได้โดยใช้เครื่องมือแก้ไข富文本

หากต้องการฝังวิดีโอที่คุณสร้างอันดับแรกคุณต้องอัปโหลดวิดีโอดังกล่าวไปยังเว็บไซต์วิดีโอสตรีมมิ่งอย่างYouTubeหรือVimeoก่อน

YouTubeไม่อนุญาตให้คุณปิดใช้งานวิดีโอที่เกี่ยวข้องแต่คุณสามารถระบุได้ว่าวิดีโอที่เกี่ยวข้องควรมาจากช่องทางเดียวกับวิดีโอที่เพิ่งเล่น

ขั้นตอน:

1. คัดลอกurlของวิดีโอโดยกดปุ่มctrl+CบนPCหรือ命令+CบนMac

2. เยี่ยมชม嵌入感动地嵌入感动地คือเครื่องมือที่มอบโค้ดฝังตัวที่ปรับปรุงแล้วสำหรับวิดีโอให้แก่คุณ

3. ใน嵌入感动地ให้คลิกเลือกเว็บไซต์วิดีโอที่มีวิดีโอของคุณอยู่

4. วางurlวิดีโอที่คุณคัดลอกลงในกล่องURLของเพจบน嵌入响应โดยกดปุ่มctrl+VสำหรับPCหรือ命令+VสำหรับMac

5. คลิกฝังแล้ว嵌入感动地จะสร้างโค้ดฝังตัวให้แก่คุณ

6. หากวิดีโอมาจากYouTubeและคุณต้องการแสดงเฉพาะวิดีโอที่เกี่ยวข้องจากช่องYouTubeเดียวกันให้หาURLของวิดีโอในโค้ดฝังตัวคัดลอก? rel = 0แล้ววางไว้ที่ส่วนท้ายภายในเครื่องหมายคำพูด

7. คัดลอกโค้ดทั้งหมดในกล่องโค้ดฝังตัว

8. ในส่วนShopify adminคลิกที่ปุ่มใส่วิดีโอในเครื่องมือแก้ไข富文本

9. วางโค้ดฝังตัวลงในช่องของกล่องโต้ตอบที่ระบุว่าใส่วิดีโอ

10. คลิกที่ใส่วิดีโอ

11. คลิกบันทึกเมื่อเสร็จสิ้นเพื่อบันทึกการเปลี่ยนแปลงในส่วนที่คุณแก้ไข

ใส่ไฟล์เสียงด้วยเครื่องมือแก้ไข富文本

คุณสามารถใช้เครื่องมือแก้ไข富文本เพื่อใส่หรือฝังไฟล์เสียงในโพสต์ของบล็อกเพจคำอธิบายสินค้าและคำอธิบายคอลเลกชันได้

ขั้นตอน:

1. จากShopify adminของคุณให้คลิกการตั้งค่าจากนั้นคลิกไฟล์

2. คลิกอัปโหลดไฟล์เพื่ออัปโหลดไฟล์เสียงที่ต้องการใส่หรือฝังไปยังร้านค้าของคุณ

3. จากส่วนร้านค้าออนไลน์เปิดเครื่องมือแก้ไข富文本สำหรับเพจหรือโพสต์บล็อกที่คุณต้องการใส่ไฟล์เสียง

4. คัดลอก

   แล้ววางโค้ดในเครื่องมือแก้ไข富文本เพื่อฝังเครื่องเล่นเสียงลงในเพจของคุณ

5. คัดลอกโค้ดต่อไปนี้:

6. คลิกที่บันทึก

7. คลิกดูเพื่อตรวจสอบให้แน่ใจว่าไฟล์เสียงของคุณเล่นได้อย่างสมบูรณ์

เพิ่มหรือย้ายความคิดเห็นภายในในเครื่องมือแก้ไข富文本

คุณสามารถใช้แท็กความคิดเห็น<！--และ-->สำหรับข้อความภายในที่คุณไม่ต้องการเผยแพร่ในร้านค้าของคุณได้

ขั้นตอน:

1. คลิกปุ่มแสดงHTMLในเครื่องมือแก้ไข富文本

2. หากต้องการเพิ่มความคิดเห็นภายในให้แนบข้อความที่คุณต้องการซ่อนภายใน<！--และ-->ตัวอย่างเช่น:<！--yourtext-->

3. คลิกที่บันทึก

HTMLแท็กที่แนบไว้ในแท็กความคิดเห็นจะถูกบันทึกเป็นข้อความภายในหากต้องการให้แท็กHTMLทำงานเป็นปกติคุณต้องย้ายแท็กความคิดเห็นออก<！--และ-->รอบๆ