วิธีเปิดเผยแบนเนอร์ขายตอนเที่ยงคืนอย่างแม่นยำด้วยตัวเลือกเงื่อนไขของ Divi

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

วิธีเปิดเผยแบนเนอร์ขายตอนเที่ยงคืนอย่างแม่นยำ

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

แก้ไขส่วนหัวส่วนกลาง

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

สร้างส่วนใหม่และแถว

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

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

ใน Divi Builder ให้ คลิกไอคอน + สีน้ำเงิน แล้วแทรก ส่วนปกติ ใหม่

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

เลือกโมดูลเนื้อหาของคุณ

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

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

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

เพิ่มการไล่ระดับสีพื้นหลังให้กับ Section

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

จากนั้นคุณเลือกสองสีที่คุณต้องการรวม เราใช้ #fe5a25 สำหรับ สีแรก และ #c206c9 สำหรับสีที่ สอง จากนั้น เราจะเลือก Radial เป็น Gradient Type และ Center เป็น Radial Direction ซึ่งหมายความว่าการไล่ระดับสีจะแผ่ออกไปด้านนอกเป็นวงกลมจากตรงกลางของส่วน

ทำให้ส่วนคลิกได้

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

ปรับเนื้อหาโมดูลข้อความ

ตอนนี้ก็ถึงเวลาที่จะป้อนเนื้อหาสำหรับแบนเนอร์การขายส่งเสริมการขายของคุณกำลังจะประกาศ ป้อนการ ตั้งค่าโมดูล ข้อความ ภายใต้แท็บ เนื้อหา เราจะทำให้มันเรียบง่ายด้วยหัวข้อ H2 ที่อ่านว่า Midnight Sale Begins Now และข้อความเนื้อหาที่อ่านว่า ผลิตภัณฑ์ทั้งหมดลด 50% จนถึงรุ่งเช้า

เพิ่มการจัดรูปแบบส่วนหัวและข้อความ

ถัดไป คุณจะต้องเปลี่ยนแบบอักษรและสีสำหรับหัวเรื่องและเนื้อหาของแบนเนอร์ ภายใต้ Text เราจะเลือก Bad Script เป็น Text Font Small Caps เป็น Text Font Style เราใช้ #f2ea00 เป็น สีข้อความ ฟรีสำหรับการเลือกพื้นหลัง และ 2em เป็น ขนาดข้อความ นอกจากนี้เรายังต้องการให้ Text Alignment เป็น Center

ต่อไป เรากำลังเลือกส่วนย่อย ข้อความหัวเรื่อง และคลิกแท็บ H2 ข้างใต้นั้น เราจะเลือก ตัวหนา สำหรับ น้ำหนัก แบบอักษรของหัวเรื่อง 2 และเพิ่ม #f2ea00 เป็น สีข้อความของหัวเรื่อง 2 อีกครั้ง เรากำลังเปลี่ยน ขนาดข้อความของหัวเรื่อง 2 เป็น 3rem เพื่อให้ปรับขนาดเป็นหน่วยที่สัมพันธ์กับข้อความอื่นๆ บนหน้าจอ

แก้ไขส่วนไปที่หน้าจอ

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

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

เพิ่มตรรกะแบบมีเงื่อนไข

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

เลือก Display Only if Current Date… จากดรอปดาวน์ จากนั้นเลือก Is After ในหน้าต่างใหม่ นี่คือส่วนสำคัญ: ในปฏิทิน ให้เลือก วันก่อนที่ คุณต้องการให้แบนเนอร์ปรากฏ หากคุณต้องการให้เริ่มในวันที่ 19 ตุลาคม เวลาเที่ยงคืน ให้เลือก 18 ตุลาคม เป็นต้น จากนั้นตั้ง ชั่วโมงและนาที เป็น 23:59 ในรูปแบบ 24 ชั่วโมง 00:00 น. จะเท่ากับเที่ยงคืน ดังนั้นการตั้งค่าเหล่านี้จะเปิดเผยแบนเนอร์การขายใหม่นี้ในเวลาเที่ยงคืนอย่างแม่นยำ (หรือ 1 นาทีหลัง 23:59 น. ในวันที่ที่คุณเลือก)

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

ห่อ

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

ประเภทของเหตุการณ์หมดเวลาที่คุณจะเปิดเผยโดยใช้ตัวเลือกเงื่อนไขของ Divi?

ภาพเด่นของบทความโดย wonstock / shutterstock.com