👉การสร้างหน้า Landing Page แบบกำหนดเองใน WordPress พร้อมปลั๊กอินผลกระทบ

วิธีการเพิ่มการเข้าชมและการขายด้วยการตลาดวิดีโอ

ปลั๊กอิน Impact Page Builder เป็นปลั๊กอินการปฏิวัติที่เผยแพร่ไม่นานมานี้ ช่วยให้คุณสามารถสร้าง Customing Landing Pages ภายใน WordPress theme ของคุณจากแผง admin ของ WordPress ในคู่มือนี้เราจะแสดงวิธีการเริ่มต้นทำงานกับเครื่องสร้างผลกระทบ

เครื่องสร้างผลกระทบคืออะไร?

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

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

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

ผลกระทบทำให้ผู้ใช้สามารถสร้างเทมเพลตการออกแบบที่ไม่เหมือนใครได้ไม่ จำกัด จำนวนที่สามารถใช้กับ WordPress Pages & Posts ผลกระทบไม่ใช่ธีมซึ่งหมายความว่าปราศจากข้อ จำกัด ของธีม Impact สามารถใช้งานได้กับธีมที่ใช้งานได้ 100%

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

ตัวอย่างของปลั๊กอินผลกระทบในที่ทำงาน

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

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

การติดตั้ง Impact

ภายในไฟล์. zip ที่คุณดาวน์โหลดคุณจะพบไฟล์. zip อื่นที่มีซอฟต์แวร์ Impact นี่จะเป็นชื่อ impact.zip

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

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

หลังจากอัปโหลดเสร็จสมบูรณ์แล้วให้คลิก "เปิดใช้งานปลั๊กอิน" หากการติดตั้งสำเร็จคุณควรเห็นส่วน "ผลกระทบ" ในแถบด้านข้างของ WordPress Dashboard:

การสร้างเทมเพลตแรกของคุณ

คลิกที่ "เครื่องสร้างแม่แบบ" ภายใต้หัวเรื่องแถบด้านซ้าย "ผลงาน" คลิกปุ่ม "แสดงตัวเลือกเทมเพลต" ทางด้านซ้ายเพื่อดูกล่องตัวเลือก Builder ตัวสร้างผลกระทบ

บันทึก: กล่องป๊อปอัปนี้สามารถลากไปยังตำแหน่งใดก็ได้ในเบราเซอร์ของคุณ

เมื่อกล่องตัวเลือกตัวสร้างแม่แบบขึ้นคุณสามารถคลิกที่แต่ละหัวเรื่องย่อยเพื่อเข้าถึงตัวเลือกต่างๆ ที่นี่คุณจะพบ …

โครงสร้างแม่แบบ:

คุณสามารถปรับ Header, Footer และ Sidebar ตามความต้องการของคุณได้ที่นี่

ความกว้างและความสูง / ส่วนขอบและส่วนแพดดิ้ง:

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

ชื่อเรื่องพื้นที่:

ที่นี่คุณสามารถเลือกประเภทของชื่อเทมเพลตอัปโหลดภาพลักษณ์และปรับตำแหน่งได้ สำหรับบทแนะนำแบบพิเศษนี้ให้เพิ่มโลโก้รูปภาพลงในแม่แบบผลกระทบของคุณ คลิกปุ่ม "Browse" เพื่ออัพโหลดและเลือกรูปโลโก้

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

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

หากต้องการสร้างโฟลเดอร์ย่อยคลิกขวาที่โฟลเดอร์ "impact" ที่ด้านซ้ายของกล่องป๊อปอัปผู้อัปโหลดแล้วคลิก "New Subfolder" จากนั้นพิมพ์ชื่อและกด Enter ที่แป้นพิมพ์เพื่อสิ้นสุดขั้นตอน จากนั้นคุณสามารถดับเบิลคลิกที่โฟลเดอร์ย่อยเพื่อป้อนและอัปโหลดภาพสำหรับเทมเพลตนั้น

เมื่ออัปโหลดรูปภาพแล้วคุณจะต้องคลิกสองครั้งที่รูปภาพภายใน Image Uploader เพื่อแทรกลิงก์ที่เหมาะสมในพื้นที่ตัวเลือก Impact background ตอนนี้เปลี่ยนตัวเลือก "Title:" เป็น "Logo Image" ขณะนี้คุณควรเห็นรูปโลโก้ของคุณแสดงอยู่ในส่วนหัวของแม่แบบ

พื้นหลัง: ส่วนหัว / ส่วนหัว / ตัด:

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

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

พื้นหลัง: เนื้อหา / แถบด้านข้าง / ท้ายกระดาษ:

ส่วนนี้เหมือนกับข้างต้น แต่มีพื้นหลังที่แตกต่างกันเพื่อปรับแต่ง

ตัวเลือกชายแดน:

จากตรงนี้คุณสามารถกำหนดเส้นขอบการออกแบบหลักได้

พื้นที่ใช้งานที่ Widget:

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

บันทึก: คุณไม่จำเป็นต้องปรับ Widget Alignment หรือ Width

แม่แบบ CSS ที่กำหนดเอง:

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

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

# impact-sidebar-wrap {}

จากนั้นเพิ่มโค้ด CSS ต่อไปนี้เพื่อเพิ่มขอบสีเทาเข้ม 3 พิกเซลที่อยู่รอบ ๆ พื้นที่แถบด้านข้างของคุณ:

border: 3px solid # 666;

คุณควรเห็นเส้นขอบปรากฏในหน้าต่างแสดงตัวอย่างของแม่แบบตามที่คุณเพิ่มโค้ด CSS

บันทึก: หากคุณวางโค้ด CSS ลงในสเปซบาร์เพื่อให้การเปลี่ยนแปลงมีผลในหน้าต่างแสดงตัวอย่างของคุณ

การบันทึกแม่แบบของคุณ

ขณะนี้เราได้ปรับแต่งเทมเพลตของเราแล้วเราจำเป็นต้องบันทึก

ไปที่ส่วน "บันทึกเทมเพลตเป็น" พิมพ์เทมเพลตแรกในช่องข้อความ "รหัสเทมเพลต" แล้วคลิกปุ่ม "บันทึกเทมเพลต":

ตะขอกระแทก

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

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

Copyright © 2010 Impact Page Builder

ในช่องด้านบน "Save Hook Box" เลือก "first-template" ในเมนูแบบเลื่อนลงเมนูแรกและ in_footer ในเมนูแบบเลื่อนลงเมนูที่สอง ตอนนี้คลิก "Save Hook Box" เพื่อบันทึกเนื้อหาและตำแหน่งของคุณ

เมนูการนำทางที่กำหนดเอง

WordPress มีคุณลักษณะ Custom Navigation Menu ที่มีประสิทธิภาพ เป็นคุณลักษณะที่คุณจะใช้เพื่อเพิ่มเมนูนำทางลงในแม่แบบหน้าผลกระทบของคุณ ดังนั้นเราจะมาสร้างเมนูตอนนี้เพื่อให้เราสามารถเพิ่มลงในเทมเพลตของคุณ

ภายใต้ส่วน "ลักษณะที่ปรากฏ" ในแถบด้านซ้ายคลิก "เมนู"

ในฟิลด์ "ชื่อเมนู" ซึ่งระบุว่า "ป้อนชื่อเมนูที่นี่" พิมพ์ "First Nav" จากนั้นคลิกปุ่ม "Create Menu"

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

ถัดจากลิงก์ "Custom Links" ใน //impactpagebuilder.com ในช่อง URL และ "Impact" ในฟิลด์ "Label" จากนั้นคลิกปุ่ม "เพิ่มในเมนู"

เมื่อคุณเพิ่มหน้าเว็บลงในเมนูที่กำหนดเองแล้วคลิกปุ่ม "บันทึกเมนู" ทางด้านขวา

เพิ่มวิดเจ็ตเมนูที่กำหนดเอง:

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

คลิกที่ "Widgets" ใต้ส่วน "Appearance" ในแถบด้านข้างซ้าย

ในส่วน Appearance » Widgets ให้ไปข้างหน้าและเพิ่ม Widget ในพื้นที่ Widget ของ Sidebar ของเทมเพลต ค้นหาตำแหน่งที่ตั้ง "Widget" แถบด้านข้าง "เทมเพลตแรก" ค้นหาวิดเจ็ต "ปฏิทิน" ใต้ "วิดเจ็ตที่พร้อมใช้งาน" แล้วลากไปที่บริเวณวิดเจ็ตแถบข้างนี้แล้วคลิกปุ่ม "บันทึก"

การกำหนดแม่แบบผลกระทบต่อหน้าหรือโพสต์

คุณสามารถใช้แม่แบบผลกระทบกับทั้งโพสต์และเพจ

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

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

บันทึก: คุณสามารถเพิ่มส่วนหัวและท้ายกระดาษสำหรับแต่ละเพจได้หากต้องการ

คลิกปุ่ม "เผยแพร่" เพื่อเผยแพร่หน้า WordPress / Impact ของคุณ

ที่ด้านบนคุณควรเห็นแบนเนอร์สีเหลืองที่ระบุว่า "เผยแพร่หน้าแล้ว ดูหน้า ". คลิกลิงก์ "ดูหน้าเว็บ" เพื่อดูหน้าผลกระทบแบบสดของคุณ ควรมีลักษณะดังนี้:

ขอแสดงความยินดี!

คุณเพิ่งสร้างเทมเพลตของเพจ Custom Impact Custom ขึ้นมาและเผยแพร่บนเว็บไซต์ WordPress ของคุณแล้ว นี่เป็นเพียงตัวอย่างเดียวท้องฟ้าเป็นข้อ จำกัด ของคุณเพราะคุณสามารถสร้างหน้า Landing Page ที่ต่างกันตามที่คุณต้องการด้วยปลั๊กอินนี้ ธีมหลักของคุณอาจเป็นสิ่งหนึ่งและมี 15 หน้า Landing Page ที่แตกต่างกันไปเพื่อโปรโมต 15 ผลิตภัณฑ์ต่างๆ นี่คือปลั๊กอินที่ยอดเยี่ยมสำหรับทุกคนที่เข้าร่วมการตลาดแบบพันธมิตร สร้างหน้าผลงานทันทีในขณะนี้

Impact แจ้งให้เราทราบว่ามีส่วนลด 20% เมื่อคุณใช้คูปอง "wpbeginner"

ดูวิดีโอ: โพสต์ข้อมูลที่ได้รับ (การตลาดออนไลน์)

Like this post? Please share to your friends:
ใส่ความเห็น

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: