สร้างภาพพื้นหลังที่ตอบสนอง & เพิ่มเติมใน Elementor

Rifat Jun 17, 2022

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

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

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

การควบคุมภาพพื้นหลังที่ตอบสนอง

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

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

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

เรามั่นใจว่าหลายคนคงชอบฟังก์ชั่นใหม่นี้เพราะว่านี่เป็นปัญหาใหญ่สำหรับคนจำนวนมาก

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

กำหนดขนาดภาพพื้นหลังเอง & ตำแหน่ง

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

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

ตำแหน่งพื้นหลังที่กำหนดเองช่วยให้คุณเลือกพิกัดแกน X และ Y ที่แน่นอนของภาพพื้นหลังได้ ด้วยเหตุนี้ คุณจึงสามารถจัดแนวฉากหลังของเพจได้อย่างแม่นยำ

ขนาดฉากหลังที่กำหนดเองก็สามารถทำได้เช่นกัน ตั้งค่าความกว้างของภาพฉากหลังเป็นค่าพิกเซลที่แม่นยำ

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

การควบคุมชายแดนที่ตอบสนอง

นอกจากนี้ คุณยังสามารถปรับแต่งรัศมีเส้นขอบและความกว้างสำหรับแต่ละอุปกรณ์แยกจากกัน นอกเหนือไปจากภาพฉากหลัง

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

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

ไม่มี "พรมแดนกำพร้า" บนอุปกรณ์มือถืออีกต่อไป!

เซฟโหมดสำหรับการแก้ไขปัญหา

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

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

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

เซฟโหมดคือคำตอบ!

เมื่อ Windows ออกมาในครั้งแรก มีฟีเจอร์เซฟโหมดที่สามารถใช้เพื่อแก้ไขปัญหาต่างๆ Elementor พัฒนาโซลูชันที่คล้ายกันด้วยตัวมันเอง

เมื่อใดก็ตามที่คุณพบหน้าที่ปฏิเสธที่จะโหลด คุณจะสามารถเปิดใช้งาน 'Safe Mode' ได้โดยคลิกที่ปุ่ม

Elementor และ WordPress ได้รับการคุ้มครองใน "Safe Mode" จากธีมหรือปลั๊กอินที่อาจทำให้เกิดปัญหา

ปัญหาการโหลดมากกว่า 80% สามารถแก้ไขได้ชั่วคราวในเซฟโหมด

เมื่อคุณเข้าสู่ Safe Mode ทุกอย่างจะโหลดอย่างถูกต้องหรือไม่?

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

ฉันเปิดเซฟโหมดแล้ว แต่ยังโหลดไม่ได้

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

"โหมดปลอดภัยจะส่งผลต่อเว็บไซต์ของฉัน?"

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

ปลั๊กอินและธีมไม่ได้เปิดใช้งานตลอดกระบวนการโหลดตัวแก้ไข Elementor

ผู้ใช้ Elementor จะได้รับประโยชน์อย่างมากจาก Safe Mode ในแง่ของประสบการณ์ที่เสถียร ไร้รอยต่อ และปราศจากข้อผิดพลาด

อ่านเพิ่มเติม แท็ก & Widget

แท็ก อ่านเพิ่มเติมของ WordPress เป็นหนึ่งในสิ่งแรกที่ elementor ได้รับจากคำขอคุณลักษณะ

นี่เป็นคำของ่ายๆ แต่ในที่สุดเครื่องมือสร้างเพจก็สามารถนำไปใช้ได้

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

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

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

คำพูดสุดท้าย

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

Divi WordPress Theme