富文本(富文本)

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

富文本(ful)

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

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

富文本

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

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

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

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

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

ขั้นตอน:

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

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

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

  4. 总而言之,我是Shopify管理员แสดงHTMLบนเครื่องมือแก้ไข富文本สำหรับเนื้อหาที่คุณกำลังแก้ไข

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

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

富文本

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

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

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

  • ย่อหน้า

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

  • 引用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

富文本(Rich Text)

ขั้นตอน:

  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วิธีโดยคุณสามารถ:

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

ขั้นตอน:

  1. คลิกปุ่มแทรกรูปภาพ富文本

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

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

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

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

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

  7. คลิกแทรกรูปภาพ富文本

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

ขั้นตอน:

  1. คลิกปุ่มแทรกรูปภาพ富文本

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

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

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

  5. คลิกแทรกรูปภาพ富文本(Rich Text

URLใช้รูปภาพ

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

  1. คลิกปุ่มแทรกรูปภาพ富文本

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

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

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

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

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

ขั้นตอน:

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

  2. 富文本(Rich Text

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

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

富文本

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

ขั้นตอน:

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

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

富文本(富文本

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

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

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

ขั้นตอน:

  1. URLคัดลอกของวิดีโอโดยกดปุ่มctrl+CPC机命令+CบนMac

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

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

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

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

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

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

  8. Shopify admin (Shopifyใส่วิดีโอ富文本

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

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

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

富文本(富文本)

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

ขั้นตอน:

  1. 总而言之,我是Shopify管理员การตั้งค่าจากนั้นคลิกไฟล์

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

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

  4. คัดลอก

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

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

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

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

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

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

ขั้นตอน:

  1. คลิกปุ่มแสดงHTML富文本

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

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

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

พร้อมเริ่มต้นการขายด้วยShopifyแล้วหรือยัง

ทดลองใช้งานฟรี