วิธีใช้บล็อก WordPress Vimeo Embed

วิธีใช้บล็อก WordPress Vimeo Embed


ความสามารถในการฝังวิดีโอในโพสต์บล็อก WordPress ของคุณเปิดโอกาสที่หลากหลายในการนำเสนอเนื้อหาของคุณ ใน WordPress Block Editor ผู้ใช้มีตัวเลือกในการเพิ่มการรวม Vimeo ที่ง่ายและรวดเร็วในโพสต์บล็อกของตน เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้สร้างเนื้อหาที่ต้องการรวมวิดีโอเข้ากับกลยุทธ์การตลาดเนื้อหา

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

Vimeo คืออะไร?

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

การรวม Vimeo ไม่ใช่การผสานรวมประเภทเดียวที่คุณสามารถรวมเข้ากับไซต์ WordPress ของคุณได้ ตัวอย่างเช่น คุณสามารถรวมบล็อก Twitter, วิดีโอ YouTube และ TikTok, โพสต์บน Facebook และคุณสมบัติอื่นๆ มากมาย การรวม Vimeo สามารถเพิ่มบริบทเพิ่มเติมให้กับบทความที่ให้ข้อมูลได้ อีกทางหนึ่ง คุณสามารถให้ผู้เข้าชมเว็บไซต์ของคุณรู้จักคุณได้หลายวิธี ทั้งทางข้อความและวิดีโอ

เหตุใดจึงต้องใช้บล็อก Vimeo Embed บนไซต์ WordPress ของคุณ

การรวมสื่อหลายประเภทไว้ในบทความเดียว เช่น เสียง วิดีโอ และข้อความ สามารถให้เนื้อหามากมายแก่ผู้อ่านของคุณ การฝังเนื้อหาเช่นวิดีโอสามารถดึงดูดให้ผู้อ่านติดตามคุณบนแพลตฟอร์มที่เกี่ยวข้อง

ไม่ว่าคุณจะมีเนื้อหาวิดีโอของคุณเองที่จะแบ่งปันหรือต้องการแบ่งปันวิดีโอของผู้สร้างเนื้อหารายอื่น บล็อกการฝัง Vimeo บน WordPress ทำให้ง่ายและตรงไปตรงมา คุณไม่จำเป็นต้องใช้วิดีโอของคุณเอง บล็อกการรวม Vimeo จะทำงานกับวิดีโอใด ๆ บนแพลตฟอร์มที่ได้รับการกำหนดค่าให้ดูแบบสาธารณะ - ทั้งหมดที่คุณต้องมีคือ URL

มาดูขั้นตอนที่แน่นอนที่คุณต้องดำเนินการเพื่อให้วิดีโอ Vimeo แสดงบนเว็บไซต์ WordPress ของคุณโดยใช้ตัวแก้ไขบล็อก

การใช้ Vimeo Embed Block: คำแนะนำทีละขั้นตอน

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

วิธีเพิ่มบล็อกการรวม Vimeo

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

คุณจะได้รับกล่องดรอปดาวน์ที่คุณสามารถค้นหาเครื่องมือที่คุณต้องการใช้ หากคุณพิมพ์ "vim" ในช่องค้นหา คุณจะเห็นไอคอน Vimeo ปรากฏขึ้นในกล่อง คลิกเพื่อเปิดเครื่องมือการรวม

จากนั้นเครื่องมือการรวม Vimeo จะปรากฏขึ้นบนหน้าจอของคุณ คุณจะเห็นข้อความแจ้งให้ป้อน Vimeo URL ของวิดีโอที่คุณต้องการฝัง

ไปที่วิดีโอ Vimeo ที่คุณต้องการแชร์บนไซต์ของคุณ ไปที่แถบนำทาง จากนั้นไฮไลต์และคัดลอก URL ของวิดีโอ

กลับไปที่แท็บ WordPress และวาง URL ของวิดีโอ Vimeo ลงในเครื่องมือการรวม Vimeo ของคุณ จากนั้นคลิกที่ปุ่มสีน้ำเงิน Integrate

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

เพิ่มประสิทธิภาพ Vimeo Embed ของคุณ

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

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

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

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

ไอคอนปากกาช่วยให้คุณแก้ไขหรือเปลี่ยน URL ของวิดีโอได้

สุดท้าย ให้คลิกที่ปุ่มทางด้านขวาสุดของแถบเครื่องมือการรวม Vimeo คุณจะเห็นรายการการตั้งค่าและตัวเลือกการบล็อก ซึ่งรวมถึง:

  • ซ่อนการตั้งค่าเพิ่มเติม
  • คัดลอกบล็อค
  • บล็อกซ้ำ
  • แทรกบล็อกก่อนหรือหลังบล็อกที่เลือก
  • ย้ายบล็อก
  • แก้ไขบล็อกเป็นโค้ด HTML
  • เพิ่มในรายการบล็อกที่ใช้ซ้ำได้
  • ปลาเก๋า
  • ลบบล็อค

เพิ่มสีพื้นหลังให้กับ Vimeo embed block

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

เมื่อเสร็จแล้ว คุณสามารถคลิกที่บล็อกฝังเพื่อดูสีต่างๆ ที่ด้านขวาของหน้าจอ สำหรับตัวอย่างของฉัน ฉันเลือกสีน้ำเงิน และปรากฏภายใต้การรวม Vimeo โดยที่คำบรรยายอยู่

ซอง

เมื่อคุณรู้วิธีใช้ Vimeo embed block ใน WordPress แล้ว ก็ถึงเวลาเริ่มเพิ่มวิดีโอลงในเนื้อหาของคุณแล้ว! อย่าลืมปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดมาตรฐานสำหรับการแชร์วิดีโอ โดยให้ความสนใจเป็นพิเศษกับวิดีโอคุณภาพสูงที่เข้าใจและดูได้ง่าย เมื่อเป็นไปได้ การแชร์วิดีโอที่เข้าถึงได้ซึ่งมีคำอธิบายภาพเป็นอุดมคติเพื่อให้ผู้ชมของคุณสามารถเพลิดเพลินกับเนื้อหาบนไซต์ของคุณได้มากขึ้น

คุณวางแผนที่จะแบ่งปันวิดีโอบนบล็อกหรือเว็บไซต์ของคุณหรือไม่? คุณต้องการใช้การรวม YouTube หรือ Vimeo หรือไม่ ทำไมหรือทำไมไม่? แสดงความคิดเห็นด้านล่างเพื่อแบ่งปันความคิดของคุณ

ภาพเด่นผ่าน ST.art / shutterstock.com



การเชื่อมโยงแหล่งที่มา

วิธีสร้างแถบนำทางจากล่างขึ้นบนแบบเหนียวใน Divi

วิธีสร้างแถบนำทางจากล่างขึ้นบนแบบเหนียวใน Divi


ในบทช่วยสอน Divi วันนี้ เราจะแสดงให้คุณเห็นทีละขั้นตอน วิธีสร้างแถบการนำทางแบบติดหนึบใน Divi ซึ่งจะทำให้แถบการนำทางอยู่ที่ด้านล่างของหน้าในตอนแรกสำหรับเค้าโครงเดียวเหนือตลิ่ง จากนั้น เมื่อคุณผ่านส่วนเหนือแนวน้ำของหน้าแล้ว แถบนำทางจะอยู่ที่ด้านบนสุดของหน้าและคงอยู่ที่นั่นตลอดส่วนที่เหลือของหน้า คุณสามารถพูดได้ว่าหน้านั้นจะ "เข้าแทนที่" เมนูที่ด้านล่างของหน้าจอและนำเอฟเฟกต์การโต้ตอบที่ดีมาสู่เมนูหลักและเว็บไซต์ของคุณ

ขอเริ่มต้น!

การสำรวจ

เพื่อช่วยให้คุณเห็นภาพผลลัพธ์ที่เรากำลังพยายามบรรลุ มาดูผลลัพธ์สุดท้ายกันดีกว่า:

ดาวน์โหลดเค้าโครงฟรี

เพื่อให้ได้การออกแบบสำหรับบทช่วยสอนนี้ ก่อนอื่นคุณต้องดาวน์โหลดโดยใช้ปุ่มด้านล่าง ในการเข้าถึงการดาวน์โหลด คุณจะต้องสมัครรับรายชื่อผู้รับจดหมาย Divi Daily ของเราโดยใช้แบบฟอร์มด้านล่าง ในฐานะสมาชิกใหม่ คุณจะได้รับสิทธิประโยชน์ Divi มากขึ้นทุกวันจันทร์และแพ็ค Divi Layout ฟรี! หากคุณอยู่ในรายชื่อแล้ว เพียงป้อนที่อยู่อีเมลของคุณด้านล่างแล้วกดดาวน์โหลด คุณจะไม่ถูก "ลงทะเบียนใหม่" หรือรับอีเมลเพิ่มเติม

ในการนำเข้าเค้าโครงของส่วนไปยังไลบรารี Divi ของคุณ ไปที่ไลบรารี Divi

คลิกที่ปุ่มนำเข้า

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

จากนั้นคลิกที่ปุ่มนำเข้า

เมื่อเสร็จแล้ว เค้าโครงของส่วนต่างๆ จะพร้อมใช้งานใน Divi Builder

เกี่ยวกับกวดวิชา คุณจะ?

สิ่งที่คุณต้องเริ่มต้น

ขยายแถบมุม

ในการเริ่มต้น คุณจะต้องทำสิ่งต่อไปนี้:

  1. หากคุณยังไม่ได้ดำเนินการ ให้ติดตั้งและเปิดใช้งานธีม Divi
  2. สร้างหน้าใหม่ใน WordPress และใช้ Divi Builder เพื่อแก้ไขหน้าในส่วนหน้า (ตัวสร้างภาพ)
  3. เลือกตัวเลือก "สร้างตั้งแต่เริ่มต้น"

หลังจากนั้นคุณจะมีผืนผ้าใบว่างเปล่าเพื่อเริ่มออกแบบใน Divi

สร้างแถบการนำทางจากล่างขึ้นบนที่เหนียวหนึบใน Divi

ส่วนที่ 1: การสร้างส่วนและส่วนหัวเหนือตลิ่ง

สำหรับส่วนแรกของบทช่วยสอนนี้ เราจะสร้างส่วนและส่วนหัวเหนือเส้นน้ำที่จะทำหน้าที่เป็นส่วนหัวหลักของหน้าเว็บของเรา ส่วนนี้จะเต็มหน้าจอบนเดสก์ท็อปเพื่อให้แน่ใจว่าส่วนนั้นกินพื้นที่ทั้งหน้าต่าง

เพิ่มแถว

ในการเริ่มต้น ให้เพิ่มแถวลงในคอลัมน์ในส่วนเริ่มต้น

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

การตั้งค่ามาตรา

ก่อนเพิ่มโมดูล ให้เปิดการตั้งค่าส่วนและเพิ่มพื้นหลังดังนี้:

  • สีพื้นหลัง: # e9f9ff
  • ภาพพื้นหลัง: [เพิ่มรูปภาพ]

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

บนแท็บ ออกแบบ ให้อัปเดตความสูงขั้นต่ำและช่องว่างภายใน

  • ความสูงขั้นต่ำ: 100 vh (คอมพิวเตอร์เดสก์ท็อป), อัตโนมัติ (แท็บเล็ตและโทรศัพท์)
  • Padding: บน 20vh ล่าง 20vh

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

ข้อความส่วนหัว

หากต้องการสร้างข้อความส่วนหัว ให้เพิ่มโมดูลข้อความใหม่ลงในบรรทัด

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

จากนั้นอัปเดตเนื้อหาด้วยส่วนหัว H1 ต่อไปนี้:

<h1>Above the Fold</h1>

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

การตั้งค่าข้อความ

บนแท็บออกแบบของการตั้งค่าข้อความ ให้อัปเดตลักษณะฟอนต์ของหัวเรื่องดังนี้:

  • แบบอักษรของชื่อเรื่อง: Rubik
  • น้ำหนักแบบอักษรของส่วนหัว: กึ่งหนา
  • TT Header Font Style
  • การจัดแนวข้อความส่วนหัว: Center
  • ชื่อข้อความสี: # 302ea7
  • ขนาดข้อความชื่อเรื่อง: 130px (เดสก์ท็อป), 70px (แท็บเล็ต), 40px (โทรศัพท์)
  • ระยะห่างของตัวอักษรส่วนหัว: 2px
  • ความสูงของบรรทัดหัวเรื่อง: 1,3 em

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

ส่วนที่ 2: การสร้างส่วนภายใต้ส่วนพับ

เพื่อแสดงฟังก์ชันการทำงานของแถบการนำทางที่ติดหนึบ เราจำเป็นต้องเพิ่มส่วนด้านล่างครึ่งหน้าล่างเพื่อให้เรามีที่ว่างให้เลื่อน

ในการสร้างส่วน ให้ทำซ้ำส่วนเหนือตลิ่งที่เราเพิ่งสร้างขึ้น

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

อัปเดตพื้นหลังของส่วนที่ซ้ำกัน

  • สีพื้นหลัง: # f4def1

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

จากนั้นให้ส่วนสูงขั้นต่ำมากเพื่อให้เรามีที่ว่างในการเลื่อนหน้า นี่เป็นเพียงส่วนที่จะกรอกแทนเนื้อหาจริงบนหน้า

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

จากนั้นอัปเดตเนื้อหาของโมดูลข้อความโดยแทนที่คำว่า "ด้านล่าง" ด้วย "ด้านบน"

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

ส่วนที่ 3: สร้างแถบการนำทางที่ติดหนึบ

ในการสร้างแถบการนำทางแบบติดหนึบจากล่างขึ้นบน ขั้นตอนแรกของเราคือการสร้างส่วนใหม่ที่มีหนึ่งแถวต่อหนึ่งคอลัมน์

เพิ่มส่วนใหม่และบรรทัดใหม่

เพิ่มส่วนปกติใหม่โดยตรงด้านล่างส่วนเหนือตลิ่ง

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

จากนั้นเพิ่มแถวลงในคอลัมน์ในส่วน

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

พื้นหลังของส่วนและช่องว่างภายใน

เปิดการตั้งค่าส่วนและอัปเดตสีพื้นหลัง

  • สีพื้นหลัง: # 302ea7

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

จากนั้นลบช่องว่างด้านบนและด้านล่างเพื่อให้แถบนำทางมีความสูงน้อยลง

  • เติม: 0px ด้านบน, 0px ด้านล่าง

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

เพิ่มล้นที่มองเห็นได้

เพื่อให้แน่ใจว่าเมนูแบบเลื่อนลงจะยังคงปรากฏให้เห็น ให้อัปเดตตัวเลือกการมองเห็นดังต่อไปนี้:

  • ล้นแนวนอน: มองเห็นได้
  • ล้นแนวตั้ง: มองเห็นได้

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

ให้ส่วนนี้มีตำแหน่งที่แน่นอนบนมือถือ

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

เมื่อต้องการทำสิ่งนี้ ให้กำหนดตำแหน่งที่แน่นอนของส่วนนี้บนแท็บเล็ตและโทรศัพท์

  • ตำแหน่ง: ญาติ (คอมพิวเตอร์เดสก์ท็อป), แอบโซลูท (แท็บเล็ตและโทรศัพท์)

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

เพิ่มตำแหน่งติดหนึบสำหรับเดสก์ท็อปและมือถือ

ในการเพิ่มตำแหน่งติดหนึบในส่วนแถบนำทาง ให้อัปเดตสิ่งต่อไปนี้:

  • ตำแหน่งติดหนึบ: ติดบนและล่าง (เดสก์ท็อป), ติดบน (แท็บเล็ตและโทรศัพท์)

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

อัพเดทการเติมแถว

เมื่อส่วนติดหนึบเสร็จแล้ว ให้เปิดการตั้งค่าแถวภายในส่วนและอัปเดตการเติมดังนี้:

  • Padding: 10 พิกเซลที่ด้านบน, 10 พิกเซลที่ด้านล่าง

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

สร้างเมนูนำทาง

ด้วยส่วนและแถวในตำแหน่งที่เราพร้อมที่จะสร้างเมนูการนำทาง

เริ่มต้นด้วยการเพิ่มโมดูลเมนูในแถวในคอลัมน์

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

เนื้อหาเมนู

อัพเดทเนื้อหาเมนูดังนี้:

  • เลือกเมนูจากรายการดรอปดาวน์
  • เพิ่มรูปภาพโลโก้ (ฉันใช้รูปภาพขนาด 122px x 52px)
  • ลบสีพื้นหลังเริ่มต้น

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

บนแท็บ ออกแบบ ให้อัปเดตการตั้งค่าข้อความและไอคอนของเมนูต่อไปนี้:

  • สีลิงก์ที่ใช้งานอยู่: #fff
  • แบบอักษรของเมนู: Rubik
  • รูปแบบตัวอักษรของเมนู: TT
  • สีข้อความของเมนู: #fff
  • ขนาดข้อความเมนู: 16px
  • การจัดตำแหน่งข้อความ: right
  • สีบรรทัดเมนูแบบเลื่อนลง: # e19dff
  • สีข้อความเมนูมือถือ: # 302ea7
  • สีไอคอนรถเข็นช็อปปิ้ง: #fff
  • ค้นหาไอคอนสี: #fff
  • สีไอคอนเมนูแฮมเบอร์เกอร์: #fff

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

การใช้เส้นขอบเพื่อชดเชยตำแหน่งที่แน่นอนของแถบการนำทางบนมือถือ

เนื่องจากส่วนของแถบนำทางมีตำแหน่งที่แน่นอนบนมือถือ แถบจะตั้งอยู่เหนือ (และตัดออก) ส่วนบนของหน้า เพื่อแก้ปัญหานี้ เราต้องออฟเซ็ตส่วนบนโดยใช้เส้นขอบบนที่มีความสูงเท่ากับแถบนำทาง / ส่วน

ตรวจสอบความสูงของส่วนแถบนำทางบนมือถือ

หากต้องการกำหนดความสูงของแถบนำทางบนอุปกรณ์เคลื่อนที่ ให้เปิดหน้าเว็บเวอร์ชันใช้งานจริงในหน้าต่างเบราว์เซอร์ใหม่ จากนั้น คุณสามารถลดความกว้างของเบราว์เซอร์ให้ต่ำกว่า 980px เพื่อดูเมนูมือถือ คลิกขวาที่ส่วนที่มีเมนูและเลือกตัวเลือกตรวจสอบรายการจากเมนูบริบทของเบราว์เซอร์ คุณควรเห็นกล่องเครื่องมือใต้ส่วนที่แสดงขนาด (รวมความสูง) ของส่วน สำหรับตัวอย่างนี้ ความสูงของส่วนแถบนำทางคือ 72px

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

เพิ่มออฟเซ็ตขอบด้านบนให้กับส่วนเหนือส่วนพับ

ตอนนี้เราได้กำหนดความสูงของส่วนแล้ว ให้เปิดการตั้งค่าสำหรับส่วนบน (ครึ่งหน้าบน)

ภายใต้แท็บ Design ให้เพิ่มเส้นขอบบนทั้งบนแท็บเล็ตและโทรศัพท์ดังต่อไปนี้:

  • ความกว้างขอบด้านบน: 72px (แท็บเล็ตและโทรศัพท์)
  • สีขอบบน: # 302ea7

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

แถบนำทาง Divi เหนียวจากล่างขึ้นบน

ผลสุดท้าย

ค้นพบผลลัพธ์สุดท้าย!

คิดสุดท้าย

การสร้างแถบการนำทางแบบติดหนึบจากล่างขึ้นบนสามารถทำได้ง่ายโดยใช้ตำแหน่งในตัวของ Divi และตัวเลือกที่ติดหนึบ กุญแจสำคัญคือการกำหนดให้ส่วนเหนือตลิ่งมีความสูง 100vh จากนั้นเพิ่มส่วนแถบนำทางด้านล่างที่ติดกับด้านล่างและด้านบนของเบราว์เซอร์ หวังว่านี่จะช่วยเพิ่มความโดดเด่นและมีส่วนร่วมเหนือเส้นน้ำในเว็บไซต์ของคุณ

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

ฉันหวังว่าจะได้ยินจากคุณในความคิดเห็น

เพื่อสุขภาพของคุณ!



การเชื่อมโยงแหล่งที่มา

วิธีทำให้ธุรกิจของคุณเติบโตด้วยการแข่งขันโซเชียลมีเดีย

วิธีทำให้ธุรกิจของคุณเติบโตด้วยการแข่งขันโซเชียลมีเดีย


คุณต้องการพัฒนาการรับรู้ถึงแบรนด์ของคุณและพัฒนาสถานะของคุณบนเครือข่ายสังคมหรือไม่? การจัดการแข่งขันบนโซเชียลเน็ตเวิร์กเป็นวิธีหนึ่งในการยกระดับแพลตฟอร์มออนไลน์ของคุณ การนำเสนอผลิตภัณฑ์ บริการ หรือรายการส่งเสริมการขายสามารถช่วยให้แบรนด์ของคุณได้รับความสนใจมากขึ้นบนโซเชียลมีเดีย นอกเหนือจากการเพิ่มปริมาณการเข้าชมเว็บไซต์ของคุณ

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

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

ปฏิบัติตามกฎของแพลตฟอร์มโซเชียลมีเดียสำหรับการแข่งขัน

ก่อนที่คุณจะดำน้ำและสร้างการแข่งขันโซเชียลมีเดียของคุณเอง สิ่งสำคัญคือต้องเข้าใจกฎของแต่ละแพลตฟอร์มสำหรับการแข่งขันและการแจกของรางวัล เป็นความรับผิดชอบของคุณที่จะต้องปฏิบัติตามกฎเหล่านี้และแจ้งเงื่อนไขการแข่งขันของคุณกับทุกคนที่โต้ตอบกับโพสต์ของคุณ คุณจะต้องสร้างกฎและแนวทางสำหรับการแข่งขันของคุณก่อนที่จะโพสต์

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

ประโยชน์ของการแข่งขันโซเชียลมีเดีย

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

ดึงดูดสมาชิกใหม่

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

ดึงดูดสมาชิกปัจจุบันอีกครั้ง

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

เพิ่มการลงทะเบียนทางอีเมล

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

เพิ่มการมีส่วนร่วมของคุณ

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

  • แสดงความคิดเห็นเกี่ยวกับของขวัญของคุณ
  • แบ่งปันโพสต์ของคุณในเรื่องราวของพวกเขา
  • แท็กทุกที่ที่พวกเขาแชร์เนื้อหาเกี่ยวกับการแข่งขัน (เช่น หากพวกเขาแชร์โพสต์ของคุณในฟีดหรือเรื่องราว)
  • ใส่แฮชแท็กที่กำหนดเองที่คุณสร้างไว้ล่วงหน้าเพื่อให้คุณสามารถค้นหาโพสต์ของพวกเขาได้ในภายหลัง
  • แท็กเพื่อนในคำตอบของพวกเขา
  • ติดตามโปรไฟล์ของคุณ

เพิ่มการรับรู้แบรนด์

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

วิธีจัดการแข่งขันโซเชียลมีเดียอย่างมีประสิทธิภาพ

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

ใส่รูปภาพหรือวิดีโอที่สะดุดตา

เลือกรูปภาพหรือวิดีโอที่สะดุดตาเพื่อประกาศการแข่งขันหรือของแจก นี่อาจเป็นรูปภาพของผลิตภัณฑ์หรือของขวัญที่คุณนำเสนอ หรืออาจเป็นภาพกราฟิกที่มีข้อความสั้น ๆ เช่น "แจกของรางวัล!" ตราบใดที่ภาพตรงกับแบรนด์ของคุณ คุณจะมีความยืดหยุ่นในการเลือกนำเสนอ

ตรวจสอบให้แน่ใจว่าสำเนาของคุณสื่อถึงกฎเกณฑ์ เงื่อนไข และราคาอย่างชัดเจน

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

ระบุรายละเอียด เช่น ตำแหน่งของผู้ชนะควรอยู่ที่ใด (เช่น การแข่งขันของคุณอยู่ที่สหรัฐอเมริกาเท่านั้นหรือระหว่างประเทศ?) คุณจะต้องรวมข้อจำกัดความรับผิดชอบที่จำเป็นโดยแพลตฟอร์มที่คุณกำลังใช้งานของแถม (ข้อมูลนี้จะอยู่ในข้อกำหนดและเงื่อนไขของแพลตฟอร์ม)

ใส่แฮชแท็กที่เกี่ยวข้อง

บางแพลตฟอร์ม เช่น Instagram และ Twitter ทำงานได้ดีกับแฮชแท็ก การใช้แฮชแท็กที่เกี่ยวข้องร่วมกันจะช่วยเพิ่มการเข้าถึงเนื้อหาของคุณในวันปกติ ใช้ปรัชญาแฮชแท็กเดียวกันกับของแถมของคุณ ยกเว้นแท็กจะเน้นที่ของแถม นอกจากนี้ คุณสามารถสร้างแฮชแท็กที่มีตราสินค้าของคุณเองสำหรับการแข่งขันที่ผู้เข้าร่วมสามารถรวมไว้ในโพสต์ที่พวกเขาอาจแบ่งปัน (โปรดตรวจสอบก่อนที่จะใช้เพื่อให้แน่ใจว่าไม่มีใครอยู่แล้ว)

ร่วมมือกับผู้มีอิทธิพล

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

ใช้แอปประกวดโซเชียลมีเดีย

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

จับตาดูการวิเคราะห์ของคุณ

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

5 ไอเดียการประกวดโซเชียลมีเดีย

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

  1. กดไลค์ กดติดตาม แชร์. ขอให้ผู้เข้าร่วมชอบโพสต์ของคุณ ติดตามโปรไฟล์ของคุณ (หากยังไม่ได้ทำ) และแบ่งปันของแจกกับเพื่อนของพวกเขา พวกเขาสามารถทำได้โดยการแท็กเพื่อนในความคิดเห็น แบ่งปันเรื่องราวของพวกเขา หรือทั้งสองอย่าง คุณสามารถรวมตัวเลือกนี้กับรูปแบบการแข่งขันได้เกือบทุกแบบ
  2. แคปชั่นนี้. ขอให้ผู้เข้าร่วมแนะนำคำบรรยายภาพหรือวิดีโอ คำบรรยายอาจดูมีอารมณ์ขัน ดังนั้นขอให้สนุก!
  3. เผยแพร่และแท็กเรา. หากคุณตัดสินใจจัดการประกวดภาพถ่ายหรือวิดีโอ คุณสามารถขอให้ผู้เข้าร่วมโพสต์เนื้อหาการแข่งขันที่เกี่ยวข้องในบัญชีของพวกเขา แล้วระบุตัวตนของคุณ พวกเขาควรรวมแฮชแท็กที่เกี่ยวข้องทั้งหมดด้วย
  4. เดา. เกมทายผลเป็นวิธีที่ยอดเยี่ยมและง่ายในการจัดการแข่งขันโซเชียลมีเดีย ขอให้ผู้ติดตามเดาตัวเลข ตัวอักษร ชื่อ หรือข้อมูลอื่นๆ ที่เกี่ยวข้องกับแบรนด์ของคุณ (เช่น ชื่อผลิตภัณฑ์ ตัวละคร ฯลฯ) จากนั้นแสดงความคิดเห็นพร้อมคำตอบ
  5. แบ่งปันเรื่องราวของคุณ. ขอให้ผู้ติดตามของคุณแบ่งปันเรื่องราวที่น่าสนใจเกี่ยวกับแบรนด์ของคุณ อย่าลืมติดแท็กเพื่อให้คุณสามารถค้นหาผลงานของพวกเขาได้!

ซอง

การแข่งขันโซเชียลมีเดียเป็นกลยุทธ์ที่ยอดเยี่ยมในการดึงดูดผู้ติดตามและแนะนำแบรนด์ของคุณให้รู้จักกับผู้ชมกลุ่มใหม่ อย่าลืมตรวจสอบกฎของแพลตฟอร์มบนแพลตฟอร์มโซเชียลมีเดียที่คุณเลือกก่อนเริ่ม ขอให้สนุก!

คุณเคยจัดงานแจกของรางวัลหรือการประกวดโซเชียลมีเดียหรือไม่? คุณกำลังพิจาณาอยู่หรือเปล่า? แจ้งให้เราทราบในความคิดเห็น.

ภาพเด่นผ่าน LanKogal / shutterstock.com



การเชื่อมโยงแหล่งที่มา

รับฟรี Security Services Layout Pack สำหรับ Divi

รับฟรี Security Services Layout Pack สำหรับ Divi


สวัสดี Divi Nation! ขอขอบคุณที่ร่วมงานกับเราในงวดถัดไปของโครงการริเริ่มการออกแบบ Divi รายสัปดาห์ โดยเราจะมอบชุดเค้าโครง Divi ใหม่ให้คุณฟรีจากทีมออกแบบของเราทุกสัปดาห์

คราวนี้ Kenny และทีมของเขาได้สร้าง Security Services Layout Pack ที่ยอดเยี่ยม ที่จะช่วยให้คุณสร้างเว็บไซต์ Security Services ถัดไปและทำงานได้ทันที!

การออกแบบหน้า Landing Page

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

การออกแบบหน้าแรก

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

เกี่ยวกับการออกแบบเพจ

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

ออกแบบหน้าติดต่อ

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

การออกแบบหน้าบล็อก

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

การออกแบบหน้าบริการ

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

การออกแบบหน้าบริการ

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

ดูการสาธิตเลย์เอาต์สด

คุณสมบัติหลัก

หากคุณต้องการสร้างเว็บไซต์สำหรับบริการรักษาความปลอดภัยของคุณ คุณอาจต้องการลองใช้ Divi Security Services Layout Pack มันปรับแต่งได้สูงและมีการออกแบบหน้าเพจที่น่าทึ่งพร้อมรูปภาพและไอคอนที่สวยงามที่คุณสามารถใช้ได้โดยไม่มีข้อจำกัดใดๆ!

การสาธิตสด

คลิกที่ลิงค์ด้านล่างเพื่อดูการสาธิตสดสำหรับแต่ละเลย์เอาต์ที่รวมอยู่ในแพ็ค

  1. หน้า Landing Page บริการรักษาความปลอดภัย (สาธิตสด)
  2. หน้าแรกบริการรักษาความปลอดภัย (สาธิตสด)
  3. เกี่ยวกับหน้าบริการรักษาความปลอดภัย (สาธิตสด)
  4. หน้าติดต่อบริการรักษาความปลอดภัย (สาธิตสด)
  5. หน้าบล็อกบริการรักษาความปลอดภัย (สาธิตสด)
  6. หน้าบริการรักษาความปลอดภัย (สาธิตสด)
  7. หน้าบริการรักษาความปลอดภัย (สาธิตสด)

เข้าถึงเค้าโครงนี้เลย
โดยตรงจาก Divi Builder ของคุณ

สมัครสมาชิกช่อง Youtube ของเรา

ตั้งแต่เวอร์ชัน 3.0.99 ของ Divi คุณสามารถค้นหาและนำเข้าเลย์เอาต์ใดๆ ที่รวมอยู่ในแพ็กนี้ (รวมถึงแพ็กเลย์เอาต์ที่สร้างไว้ล่วงหน้าของ Divi ทั้งหมด) ได้โดยตรงจาก Divi Builder พวกเขากำลังรอคุณอยู่

เมื่อเพิ่มหน้าใหม่จากแดชบอร์ด WordPress ให้ปรับใช้ Visual Builder คุณจะได้รับแจ้งพร้อม XNUMX ตัวเลือกเกี่ยวกับวิธีที่คุณต้องการเริ่มสร้างเพจของคุณ เลือกตัวเลือก "เลือกรูปแบบที่กำหนดไว้ล่วงหน้า"

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

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

คุณยังสามารถเข้าถึงเลย์เอาต์ใหม่ได้ทุกเมื่อใน Visual Builder โดยคลิกไอคอน "โหลดจากไลบรารี" ในแถบการตั้งค่าเพจ (ดูเหมือนเครื่องหมายบวก) ในหน้าต่างป๊อปอัป โหลดจากไลบรารี คุณสามารถเลือกเลย์เอาต์ใหม่ที่คุณต้องการใช้

ต้องมีการตรวจสอบสิทธิ์

ก่อนที่คุณจะสามารถดาวน์โหลดเลย์เอาต์ที่กำหนดไว้ล่วงหน้าจากไลบรารี Divi คุณต้องตรวจสอบสิทธิ์การสมัครใช้งานธีมที่สง่างามก่อน หากคุณเปิดใช้งานการอัปเดตสำหรับ Divi ภายใต้ .แล้ว Divi> ตัวเลือกธีม> อัปเดตคุณได้ตรวจสอบสิทธิ์การสมัครของคุณแล้ว และจะสามารถเข้าถึงเลย์เอาต์ได้โดยไม่มีปัญหา มิฉะนั้น เมื่อคุณคลิกเพื่อนำเข้าเลย์เอาต์ไปยังเพจของคุณ คุณจะได้รับแจ้งให้ป้อนชื่อผู้ใช้และรหัส API สมาชิกสำหรับธีมที่สง่างาม

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

ไม่มีข้อ จำกัด ด้านใบอนุญาต

แพ็คเลย์เอาต์บริการรักษาความปลอดภัย

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

ดาวน์โหลดแอสเซทรูปภาพความละเอียดเต็ม

ชุดรูปแบบใหม่ทุกสัปดาห์!

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



การเชื่อมโยงแหล่งที่มา

วิธีใช้บล็อกตัวคั่น WordPress

วิธีใช้บล็อกตัวคั่น WordPress


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

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

ขอเริ่มต้น!

วิธีเพิ่มตัวคั่นในโพสต์หรือเพจของคุณ

การเพิ่มบล็อก WordPress ลงในเนื้อหาของคุณเป็นกระบวนการที่ง่ายและรวดเร็ว ในการเริ่มต้น ให้ไปที่หน้าหรือโพสต์ที่คุณต้องการแทรกตัวคั่น

คลิกที่ เพิ่มบล็อก ปุ่ม (1) จากนั้นค้นหา "ตัวคั่น" ในช่องข้อความ (2) นี่จะเป็นตัวเลือกแรก (3):

คุณยังสามารถแทรกบล็อกนี้โดยพิมพ์ "/ ตัวคั่น" ในตัวแก้ไขของบล็อกย่อหน้าใดก็ได้ เมื่อคุณกด เข้าสู่ ที่สำคัญ บล็อกจะถูกแทรกโดยอัตโนมัติ

การตั้งค่าและตัวเลือกบล็อกตัวคั่น

บล็อก WordPress แต่ละบล็อกมาพร้อมกับการตั้งค่าและการควบคุมที่เกี่ยวข้อง ตัวอย่างเช่น เครื่องสกัด บล็อกมาพร้อมกับวิธีการกำหนดค่าสองสามวิธีในตัวแก้ไข

เมื่อคุณแทรกบล็อกลงในบทความแล้ว เมนูแถบเครื่องมือจะปรากฏขึ้น:

เมนูของแถบเครื่องมือของบล็อกตัวคั่น

มาดูกันว่าแต่ละตัวเลือกหมายถึงอะไร:

  1. แปลง ช่วยให้คุณสามารถแปลงบล็อกเป็นกลุ่มหรือคอลัมน์
  2. เป็นเส้นตรง สามารถใช้เปลี่ยนการจัดแนวเส้นเป็น ขวา, ศูนย์หรือ ซ้าย.
  3. ตัวเลือกเพิ่มเติม มีการตั้งค่าเพิ่มเติมจำนวนหนึ่ง.

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

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

ตัวเลือกสไตล์บล็อก

คุณยังสามารถตั้งค่า สไตล์เริ่มต้น ในเมนูแบบเลื่อนลง

ภายใต้ สี คุณสามารถเปลี่ยนสีของเส้นคั่นได้:

บล็อกตัวเลือกสี

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

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

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

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

อย่างไรก็ตาม เรามีคำแนะนำบางประการที่คุณอาจต้องการพิจารณาเพื่อใช้องค์ประกอบนี้อย่างมีประสิทธิภาพมากขึ้น ตัวอย่างเช่น สิ่งสำคัญคือต้องจำไว้ว่าให้ใช้ตัวคั่นเท่าที่จำเป็น

หากคุณมีบล็อกโพสต์ยาวๆ แนวทางปฏิบัติที่ดีที่สุดคือเพิ่มบรรทัดทุกสองสามย่อหน้าให้มากที่สุด การใช้บ่อยเกินไปอาจกลายเป็นสิ่งรบกวนสมาธิมากกว่าวิธีแบ่งข้อความอย่างราบรื่น

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

คำถามที่พบบ่อยเกี่ยวกับตัวแบ่งบล็อก

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

จะหาบล็อกตัวคั่นใน WordPress ได้ที่ไหน

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

ในช่องค้นหา ให้พิมพ์ "separator" แล้วคลิกตัวเลือกแรก หรือคุณสามารถค้นหาได้โดยพิมพ์ "/ separator" ในช่องย่อหน้า จากนั้นกด your เข้าสู่ กุญแจ.

บล็อกแบ่งและบล็อกตัวแบ่งต่างกันอย่างไร

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

อย่างไรก็ตาม สเปเซอร์ บล็อกเพียงแค่เพิ่มพื้นที่สีขาวหรือเชิงลบ NS เครื่องสกัด บล็อกเพิ่มเส้นที่มองเห็นได้

ฉันจะใช้บล็อกตัวคั่นใน WordPress ได้ที่ไหน

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

สรุป

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

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

คุณมีคำถามเกี่ยวกับการใช้ เครื่องสกัด บล็อกใน WordPress? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!

ภาพเด่นผ่าน 0beron / shutterstock



การเชื่อมโยงแหล่งที่มา

วิธีผสมสำเนาในการเลื่อนด้วยการตั้งค่าตำแหน่งของ Divi และเอฟเฟกต์การเลื่อน

วิธีผสมสำเนาในการเลื่อนด้วยการตั้งค่าตำแหน่งของ Divi และเอฟเฟกต์การเลื่อน


วิธีที่คุณใช้คุณสมบัติในตัวของ Divi อย่างสร้างสรรค์สามารถสร้างความแตกต่างในการออกแบบเพจของคุณได้ ตัวอย่างเช่น เอฟเฟกต์การเลื่อนของ Divi ช่วยให้คุณสร้างการโต้ตอบการเลื่อนที่สวยงามได้ วันนี้ เรากำลังเพิ่มบทช่วยสอนอื่นในรายการสิ่งที่คุณทำได้ด้วยเอฟเฟกต์การเลื่อนในตัวของ Divi โดยเฉพาะอย่างยิ่ง เราจะแสดงวิธีผสานการเลื่อนสำเนา เมื่อมองแวบแรก สำเนาจะอยู่ใต้รูปภาพประกอบ อย่างไรก็ตาม ทันทีที่คุณเลื่อนไปยังจุดใดจุดหนึ่ง สำเนาจะปรากฏเหนือรูปภาพผลิตภัณฑ์และเริ่มกลมกลืนกับรูปภาพ สิ่งนี้นำไปสู่เอฟเฟกต์ที่สะดุดตาซึ่งดูเหมือนง่าย คุณยังสามารถดาวน์โหลดไฟล์ Layout JSON ได้ฟรี!

Let 's go

การสำรวจ

ก่อนที่เราจะดำดิ่งสู่บทช่วยสอน มาดูผลลัพท์ของหน้าจอขนาดต่างๆ กันก่อน

สำนัก

ตอบสนอง

เลื่อนผสมสำเนา

ดาวน์โหลดเค้าโครงฟรี

หากต้องการใช้เลย์เอาต์ฟรี คุณจะต้องดาวน์โหลดก่อนโดยใช้ปุ่มด้านล่าง ในการเข้าถึงการดาวน์โหลด คุณจะต้องสมัครรับรายชื่อผู้รับจดหมาย Divi Daily ของเราโดยใช้แบบฟอร์มด้านล่าง ในฐานะสมาชิกใหม่ คุณจะได้รับสิทธิประโยชน์ Divi มากขึ้นทุกวันจันทร์และแพ็ค Divi Layout ฟรี! หากคุณอยู่ในรายชื่อแล้ว เพียงป้อนที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลด คุณจะไม่ถูก "ลงทะเบียนใหม่" หรือรับอีเมลเพิ่มเติม

มาเริ่มสร้างใหม่กันเถอะ!

เพิ่มส่วนตัวยึดตำแหน่ง 2x

เพิ่มหัวข้อใหม่

เริ่มต้นด้วยการเพิ่มส่วนตัวยึดตำแหน่งในหน้าที่คุณกำลังทำงานอยู่

เลื่อนผสมสำเนา

ปรับขนาด

เปิดการตั้งค่าส่วนและเปลี่ยนความสูงในการตั้งค่าการปรับขนาด

เลื่อนผสมสำเนา

ส่วนโคลน

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

เลื่อนผสมสำเนา

เพิ่มส่วนใหม่ระหว่างส่วนตัวยึดตำแหน่ง

เมื่อส่วนตัวยึดอยู่ในตำแหน่งแล้ว ให้เพิ่มส่วนใหม่ระหว่างส่วนของตัวยึด

เลื่อนผสมสำเนา

สีพื้นหลัง

เปิดการตั้งค่าส่วนและใช้สีพื้นหลังสีขาว

  • สีพื้นหลัง: #ffffff

เลื่อนผสมสำเนา

การเว้นวรรค

สลับไปที่แท็บการออกแบบส่วนและเปลี่ยนค่าการเติมด้านบนและด้านล่างตามลำดับ:

  • ช่องว่างภายในด้านบน: 10vh
  • ช่องว่างภายใน: 10vh

เลื่อนผสมสำเนา

แอดไลน์#1

โครงสร้างคอลัมน์

ดำเนินการต่อโดยเพิ่มแถวใหม่ในส่วนโดยใช้โครงสร้างคอลัมน์ต่อไปนี้:

เลื่อนผสมสำเนา

ปรับขนาด

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

  • ความกว้าง: 100%
  • ความกว้างสูงสุด: 100%

เลื่อนผสมสำเนา

เพิ่มโมดูลข้อความในคอลัมน์

เพิ่มสำเนา

โมดูลเดียวที่เราต้องการสำหรับบรรทัดนี้คือโมดูลข้อความ เพิ่มสำเนาที่คุณเลือก

เลื่อนผสมสำเนา

การตั้งค่าข้อความ

สลับไปที่แท็บการออกแบบโมดูลและเปลี่ยนการตั้งค่าข้อความตามลำดับ:

  • แบบอักษรของข้อความ: มอนต์เซอร์รัต
  • น้ำหนักแบบอักษรของข้อความ: Ultra Bold
  • รูปแบบตัวอักษรของข้อความ: ตัวพิมพ์ใหญ่
  • สีข้อความ: # fff2ea
  • ขนาดตัวอักษร: 11vw
  • ความสูงของบรรทัดข้อความ: 1 em
  • การจัดตำแหน่งข้อความ: Center

เลื่อนผสมสำเนา

แอดไลน์#2

โครงสร้างคอลัมน์

เพิ่มแถวอื่นในส่วนโดยใช้โครงสร้างคอลัมน์ต่อไปนี้:

เลื่อนผสมสำเนา

ปรับขนาด

โดยไม่ต้องเพิ่มโมดูลใด ๆ ให้เปิดการตั้งค่าแถวและเปลี่ยนการตั้งค่าการปรับขนาดดังนี้:

  • ใช้ความกว้างของรางน้ำแบบกำหนดเอง: ใช่
  • ความกว้างของรางน้ำ: 2
  • ความกว้าง: 90%
  • การจัดแนวเส้น: Center

เลื่อนผสมสำเนา

เพิ่มโมดูลรูปภาพลงในคอลัมน์

อัพโหลดภาพ

เพิ่มโมดูลรูปภาพในคอลัมน์แถว อัปโหลดรูปภาพที่คุณเลือก

เลื่อนผสมสำเนา

การวางแนว

สลับไปที่แท็บการออกแบบโมดูลและเปลี่ยนการจัดแนวรูปภาพตามลำดับ:

เลื่อนผสมสำเนา

ปรับขนาด

จากนั้นไปที่การตั้งค่าการปรับขนาดและบังคับให้โมดูลเต็มความกว้าง

เลื่อนผสมสำเนา

เพิ่มโมดูลปุ่มในคอลัมน์

เพิ่มสำเนา

โมดูลถัดไปและโมดูลสุดท้ายที่เราจะเพิ่มลงในคอลัมน์คือโมดูลปุ่ม ใช้สำเนาที่คุณเลือก

เลื่อนผสมสำเนา

การจัดตำแหน่งปุ่ม

ไปที่แท็บออกแบบแล้วเปลี่ยนการจัดตำแหน่งปุ่ม

เลื่อนผสมสำเนา

การตั้งค่าปุ่ม

จากนั้นจัดรูปแบบปุ่มดังนี้:

  • ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม: ใช่
  • ขนาดข้อความของปุ่ม: 16px
  • สีข้อความของปุ่ม: # 000000
  • สีพื้นหลังของปุ่ม: #ffffff
  • ความกว้างของเส้นขอบของปุ่ม: 0px
  • ระยะห่างระหว่างตัวอักษรของปุ่ม: 2px
  • แบบอักษรของปุ่ม: มอนต์เซอร์รัต
  • น้ำหนักแบบอักษรของปุ่ม: ตัวหนา
  • รูปแบบตัวอักษรของปุ่ม: ตัวพิมพ์ใหญ่

เลื่อนผสมสำเนา

การเว้นวรรค

ใช้ค่าช่องว่างภายในที่กำหนดเองในการตั้งค่าการเว้นวรรค

  • ช่องว่างภายในด้านบน: 20px
  • ช่องว่างภายในด้านล่าง: 20px
  • ช่องว่างภายในด้านซ้าย: 5%
  • ช่องว่างภายในด้านขวา: 5%

เลื่อนผสมสำเนา

เพิ่มตำแหน่งที่แน่นอนให้กับบรรทัด 1

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

  • ตำแหน่ง: Absolute
  • ที่ตั้ง: Center

เลื่อนผสมสำเนา

โคลนแถว n ° 1 และวางสำเนาไว้ใต้แถว n ° 2

เพื่อให้โมดูลข้อความปรากฏเหนือรูปภาพ เราจำเป็นต้องมีแถวอื่นที่มีค่าดัชนี z สูงกว่า โคลนแถวแรกและวางสำเนาไว้ใต้แถวที่สอง

เลื่อนผสมสำเนา

ใช้เอฟเฟกต์กับแถว 3

เพิ่มดัชนี Z

เปิดแถวที่ซ้ำกันและเปลี่ยนดัชนี z ในแท็บขั้นสูง

เลื่อนผสมสำเนา

เปลี่ยนสีข้อความ

เปิดโมดูลข้อความในแถวและเปลี่ยนสีข้อความ

เลื่อนผสมสำเนา

ใช้โหมดผสมผสานกับเส้น

จากนั้นเปิดการตั้งค่าแถวและเปลี่ยนโหมดผสมผสานในการตั้งค่าตัวกรอง

เลื่อนผสมสำเนา

ใช้เอฟเฟกต์การเลื่อนบนโมดูลข้อความในแถว # 3

เพิ่มเอฟเฟกต์เฟดอินและเฟดออก

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

  • เปิดใช้งานเฟดอินและเฟดออก: ใช่
    • ความทึบเริ่มต้น: 0%
    • ความทึบปานกลาง: 0% (ถึง 26%)
    • ความทึบขั้นสุดท้าย: 100% (ที่ 28%)
  • ทริกเกอร์เอฟเฟกต์การเคลื่อนไหว: กลางองค์ประกอบ

เลื่อนผสมสำเนา

การสำรวจ

ตอนนี้เราได้ทำตามขั้นตอนทั้งหมดแล้วเรามาดูขั้นสุดท้ายกันว่าจะมีหน้าตาเป็นอย่างไรในขนาดหน้าจอต่างๆ

สำนัก

เลื่อนผสมสำเนา

ตอบสนอง

เลื่อนผสมสำเนา

คิดสุดท้าย

ในบทความนี้ เราได้แสดงวิธีการสร้างสรรค์ด้วยเอฟเฟกต์การเลื่อนในตัวของ Divi โดยเฉพาะอย่างยิ่ง เราได้แสดงให้คุณเห็นถึงวิธีการสับเปลี่ยนสำเนาการเลื่อน ตอนแรกสำเนาดูเหมือนจะอยู่ใต้ภาพ หลังจากเลื่อน สำเนาจะปรากฏเหนือรูปภาพและรวมเข้ากับรูปภาพ คุณยังสามารถดาวน์โหลดไฟล์ JSON ได้ฟรี! หากคุณมีคำถามหรือข้อเสนอแนะโปรดแสดงความคิดเห็นในส่วนความคิดเห็นด้านล่าง

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Divi และรับการแจกของรางวัล Divi เพิ่มเติม อย่าลืมสมัครรับจดหมายข่าวทางอีเมลและช่อง YouTube ของเรา เพื่อที่คุณจะได้เป็นหนึ่งในคนกลุ่มแรกๆ ที่รู้จักและรับประโยชน์จากเนื้อหาฟรีนี้เสมอ



การเชื่อมโยงแหล่งที่มา