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

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

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

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

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

ด้วยปลั๊กอินนี้คุณสามารถสร้าง:

  • หน้า Landing Page ที่น่าสนใจ (หน้า Landing Page)
  • จากเพจขายของสู่ ดูเป็นมืออาชีพ
  • ไซต์ "Showcase" สำหรับธุรกิจของคุณ
  • โมดูลหน้าสำหรับการฝึกอบรมของคุณ
  • ขณะที่ระยะสั้น

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

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

ดังนั้น ...

วิธีการติดตั้งและกำหนดค่า ปลั๊กอินตัวสร้างหน้า WPBakery

ตัวสร้างหน้าเว็บ WPBakery เป็น เสียบเข้าไป premium ที่คุณสามารถซื้อได้ Codecanyon : แพลตฟอร์มการขายที่ดีที่สุดสำหรับปลั๊กอินอินเทอร์เน็ต

ตกลง. เมื่อคุณซื้อและดาวน์โหลดปลั๊กอินเลย์เอาต์นี้บน WordPress แล้วสิ่งที่คุณต้องทำคือติดตั้งและเปิดใช้งาน

จากนั้นเราจะเริ่มต้นด้วยการปรับพื้นฐานบางอย่าง โดยไปที่ตำแหน่ง "การตั้งค่า >> แต่งภาพ » บนแดชบอร์ดของคุณ

การตั้งค่าทั่วไป

การตั้งค่าทั่วไปนักแต่งเพลงภาพแท็บแรก (การตั้งค่าทั่วไป)ช่วยให้คุณสามารถเปลี่ยน:

  • เนื้อหาที่ ภาพ เขียนจะพร้อมใช้งาน คุณสามารถตรวจสอบรายการได้ (เสา) และ / หรือหน้าเว็บ (หน้า)
  • กฎที่แตกต่างกันของทางเข้า บทบาทที่แตกต่าง ด้วยตัวเลือกนี้คุณสามารถตรวจสอบ สิ่งที่มีการเปลี่ยนแปลง. บทบาทที่แตกต่างกันจะปรากฏขึ้น คุณจะต้องคลิกที่แต่ละคนเพื่อตรวจสอบองค์ประกอบที่มัน (บทบาท) จะมีการเข้าถึง คุณมีตัวเลือกในการห้ามใช้ " ภาพ นักแต่งเพลง” ให้กับผู้ใช้ที่มีบทบาทเฉพาะ
    เปิดใช้งานตัวแก้ไขบนตัวสร้างเพจ WPbakery
  • เปิดใช้งานหรือปิดใช้งานรายการ การตอบสนอง
  • กำหนดชุดย่อยสำหรับแบบอักษรของ Google

การเลือกบทบาท wpbakeryตัวเลือกการออกแบบ

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

การตั้งค่า css

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

  • " CSS ที่กำหนดเอง »เปิดโอกาสให้คุณปรับแต่งแต่ละรายการเพิ่มเติมมีเพียงนักพัฒนาเท่านั้นที่รู้ว่ามันคืออะไร
  • แท็บ« สิทธิ์การใช้งานสินค้า »ให้คุณเปิดใช้งานไฟล์ เสียบเข้าไป เพื่อรับการอัพเดตอัตโนมัติ
  • แท็บ« รหัสย่อ สินทรัพย์ เป็นหลักเกี่ยวกับนักพัฒนา

เอาล่ะ ตอนนี้เราจะสร้างหน้าเว็บที่กำหนดเองด้วย นักแต่งเพลงภาพ.

วิธีสร้างหน้าเว็บที่กำหนดเองด้วย ภาพ นักแต่งเพลง

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

แก้ไข-the-front-end-the-บรรณาธิการแบ็กเอนด์

หากคุณใช้ Gutenberg คุณจะสังเกตเห็นปุ่ม "Page Editor" ที่แถบงานด้านบน

บรรณาธิการนักแต่งเพลงภาพแผงควบคุมบรรณาธิการกูเทนเบิร์ก

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

ด้วยตัวแก้ไขสำนักงานหลัง

ในการเข้าถึงเครื่องมือแก้ไขของ " สำนักงานกลับ », ฉันเชิญคุณคลิกที่« สำนักพิมพ์ หลังสำนักงาน ' คุณสามารถกลับไปที่โปรแกรมแก้ไขภาพของ WordPress ได้ทุกเมื่อโดยคลิกที่ " โหมดคลาสสิก " แต่ฉันคิดว่ามันไม่จำเป็นดังนั้นการจัดรูปแบบหน้าเว็บปลั๊กอินนี้จึงเสร็จสมบูรณ์

เมื่ออยู่ในตัวแก้ไข Back-office คุณสามารถเลือกเค้าโครงส่วนกลางที่จะใช้กับเพจได้

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

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

ในแต่ละบรรทัดคุณสามารถทำได้ (จากซ้ายไปขวา) :

  • ย้ายสาย
  • จัดการคอลัมน์ในแถว
  • เพิ่มคอลัมน์ใหม่

อินเตอร์เฟสตัวสร้างหน้า wpbakeryตัวเลือกอื่น ๆ มีอยู่ทางด้านขวาของกล่อง ตัวเลือกเหล่านี้ช่วยให้คุณสามารถ (จากซ้ายไปขวา) เรียน

  • ลดเส้น
  • แก้ไขแถว
  • ทำซ้ำแถว
  • ลบแถว

เค้าโครง wpbackeryในตรงกลางของแต่ละคอลัมน์คุณสามารถเพิ่มรายการก่อนแก้ไขคอลัมน์หรือลบได้

ตัวเลือกส่วน wpbackeryตัวเลือกส่วน wpbackery

ทรัพยากรที่แนะนำ

ต่อไปนี้เป็นส่วนขยายของผู้แต่งภาพที่เราขอแนะนำ:

1 - วิธีจัดการคอลัมน์

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

แน่นอนว่า 11 มีเทมเพลตคอลัมน์ที่แตกต่างกัน แต่คุณสามารถสร้างได้มากเท่าที่คุณต้องการโดยคลิกที่ลิงค์ "กำหนดเอง" ด้านล่างรายการของคอลัมน์

ตัวอย่างเช่นหากต้องการแสดงส่วนของหน้าเว็บที่มีคอลัมน์ 2 ที่ความกว้างเท่ากันคุณจะต้องเลือก (หรือเพิ่ม) "1 / 2 + 1 / 2". 

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

ส่วนเค้าโครง wpbakery

องค์ประกอบต่างๆสามารถย้ายไปยังคอลัมน์ใดก็ได้

ย้ายกล่องข้อความ wpbakery wordpressด้วยการโฮเวอร์เหนือแต่ละองค์ประกอบคุณจะสามารถเข้าถึงตัวเลือกโดยเฉพาะอย่างยิ่งปุ่มที่อนุญาตให้:

  • ย้าย ธาตุ
  • เปลี่ยนแปลง ธาตุ
  • ซ้ำ ธาตุ
  • Supprimer ธาตุ

ตัวเลือกที่องค์ประกอบ

2 - วิธีเพิ่มองค์ประกอบ

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

เพิ่มองค์ประกอบ wpbakery
เมื่อคอลัมน์ว่างเปล่า (ne มี ไม่มีเนื้อหา)เธอมีปุ่ม "+" ข้างใน.
 หากต้องการเพิ่มวิดีโอให้คลิกปุ่มนี้และเลือกองค์ประกอบวิดีโอ

เพิ่ม-a-วิดีโอ

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

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

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

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

การตั้งค่าบล็อกข้อความที่น่าสนใจที่สุดกับสิ่งนี้ เสียบเข้าไปคือคุณจะสามารถสร้างได้ แถบด้านข้าง หากธีมของคุณไม่เป็นเช่นนั้น โดยคลิกที่ปุ่มเพิ่ม (" + ")และเลือกองค์ประกอบ " ความคิดเห็น WP เมื่อเร็ว ๆ นี้ '" Facebook กดไลก์ และสุดท้าย« หมวดหมู่ Wp '

ตอนนี้สร้างแม่แบบคอลัมน์ที่กำหนดเองนี้ 1 / 3 2 + / 3 »หรืออื่น ๆ และเพิ่มองค์ประกอบ แถบด้านข้าง ในคอลัมน์ทางซ้ายหรือทางขวา ไม่สำคัญเพราะทั้งหมดขึ้นอยู่กับความกว้างที่คุณต้องการให้แถบด้านข้างของคุณสร้างขึ้นภายใต้ส่วนขยายเค้าโครงนี้มากกว่าใน Visual Composer

การกำหนดค่าคอลัมน์ wpbakery

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

3 - วิธีบันทึกและนำแม่แบบหน้ามาใช้ซ้ำ

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

หากต้องการบันทึกเทมเพลตให้คลิกที่ไอคอนเทมเพลต ในหน้าต่างที่จะปรากฏขึ้นให้ป้อนชื่อรุ่นของคุณใน " บันทึกเค้าโครงปัจจุบันเป็นแม่แบบ », จากนั้นคลิกที่« บันทึกเทมเพลต '

สำคัญ: คุณต้องทำสิ่งนี้บนหน้าที่คุณต้องการบันทึกเป็นเทมเพลตและไม่ได้อยู่ในหน้าเปล่า

ลงทะเบียนรุ่น wpbakery

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

โมเดลของฉัน wpbakeryสิ่งที่คุณต้องทำในกรณีนี้คือสร้างเพจใหม่จากนั้นไปที่เทมเพลตและเลือกเทมเพลตที่คุณต้องการให้เพจของคุณ

ด้วยตัวแก้ไขส่วนหน้า

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

คุณสามารถเปลี่ยนจากตัวเลือกหนึ่งไปเป็นอีกตัวเลือกหนึ่งได้ตลอดเวลา (ด้านหลังสำนักงาน Office หรือขอบ).

ตัวแก้ไขส่วนหน้าไม่ได้แตกต่างจากตัวแก้ไขส่วนหลังตรงที่มีแถบ ผู้ใช้งาน เหมือนกัน แต่ตัวเลือกทั้งหมดในโปรแกรมแก้ไขส่วนหลังจะเหมือนกับในตัวแก้ไขส่วนหน้า

แถบเครื่องมือ wpbakeryอย่างไรก็ตามมีการเพิ่มปุ่มใหม่ห้าปุ่มซึ่งรวมถึง:

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

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

ตัวเลือกที่องค์ประกอบของด้านหน้าสำนักงาน

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

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

ฉันหวังว่าบทช่วยสอนนี้เป็นภาษาฝรั่งเศสทั้งหมดจะช่วยให้คุณทำตามขั้นตอนแรกด้วยไฟล์ เสียบเข้าไป « แต่งภาพ ' ถ้าคุณมีปัญหาเรา (หรือความช่วยเหลือ) ยินดีที่จะช่วยเหลือคุณ อย่าลืม: หน้าเว็บที่สวยงามแปลงลูกค้าอยากรู้อยากเห็นมากขึ้น

ส่วนขยายที่แนะนำ

ต่อไปนี้เป็นส่วนขยายของผู้แต่งภาพที่เราขอแนะนำ:

ค้นพบปลั๊กอินเพิ่มเติม CodeCanyon

แบ่งปันการกวดวิชานี้กับผู้ที่อยู่ในความต้องการ