วิธีเพิ่ม GIF ลงใน WordPress

เผยแพร่แล้ว: 2023-02-12

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

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

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

วิธีเพิ่ม GIF ลงใน WordPress ใน 5 ขั้นตอนง่ายๆ

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

ขั้นตอนที่ 1: ปรับแต่ง GIF ของคุณให้เหมาะสม

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

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

ขั้นตอนที่ 2: เพิ่มบล็อกรูปภาพในเพจของคุณ

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

หรือคุณสามารถป้อน “/Image” ในพื้นที่ว่าง:

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

ขั้นตอนที่ 3: อัปโหลดไฟล์ GIF ของคุณ

ตอนนี้คุณมีสามตัวเลือกในการวาง GIF บนเพจของคุณ เราจะพูดถึง Media Library ในภายหลัง สำหรับตอนนี้ เลือก อัปโหลด :

ด้วยตัวเลือกนี้ คุณสามารถอัปโหลดไฟล์ GIF ใหม่ลงในโพสต์ของคุณได้โดยตรง

ขั้นตอนที่ 4: ปรับการตั้งค่าขนาดภาพ

เมื่อคุณวาง GIF ในเนื้อหาของคุณแล้ว คุณจะต้องไปที่ด้านขวามือของหน้าต่างแก้ไขแล้วเลื่อนลงไปที่ Image Size โดยค่าเริ่มต้น มีแนวโน้มว่าจะตั้งค่าเป็น ขนาดใหญ่ เพื่อรักษาภาพเคลื่อนไหวของ GIF คุณจะต้องเลือก ขนาดเต็ม แทน :

การตั้งค่า GIF เป็น ขนาดเต็ม จะช่วยให้แน่ใจว่าจะไม่แสดงเป็นภาพนิ่ง

ขั้นตอนที่ 5: แทรก GIF ของคุณจากไลบรารีสื่อ (ไม่บังคับ)

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

เมื่ออยู่ใน ไลบรารีสื่อ คุณสามารถเลือก GIF ที่คุณต้องการแทรกลงในเนื้อหาของคุณ:

จากนั้น คุณสามารถปรับการตั้งค่าของ GIF ตามตัวอย่างก่อนหน้า เพื่อให้แน่ใจว่าจะแสดงในขนาดเต็ม

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

วิธีแก้ปัญหา GIF ทั่วไป

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

1. ฉันสามารถใช้ GIPHY GIF บนเว็บไซต์ของฉันได้หรือไม่

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

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

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

2. ฉันสามารถคัดลอกและวาง GIF ลงใน WordPress ได้หรือไม่

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

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

3. ทำไม GIF ของฉันหยุดเคลื่อนไหว

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

นอกจากนี้ โค้ดของเว็บไซต์หรือเบราว์เซอร์ของคุณอาจรบกวนการแสดง GIF คุณสามารถลองดู GIF ในเบราว์เซอร์อื่นหรือบนอุปกรณ์อื่นเพื่อดูว่าเป็นกรณีนี้หรือไม่

4. ฉันจะแก้ไขภาพเคลื่อนไหว GIF ได้อย่างไร

การหาสาเหตุของปัญหา GIF เป็นขั้นตอนแรกในการแก้ไขการทำงานผิดปกติใดๆ ตรวจสอบเสมอเพื่อให้แน่ใจว่าไฟล์ GIF ของคุณตั้งค่าเป็น ขนาดเต็ม ใน WordPress

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

ปรับแต่งประสบการณ์เว็บไซต์ของคุณด้วย WP Engine

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

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