สลับเมนู

วิธีสร้างไดเรกทอรีพนักงานบน WordPress – โครงการ Beaver Themer แรกของคุณ

เผยแพร่แล้ว: 2018-03-23

ส่วนลด 25% สำหรับผลิตภัณฑ์ Beaver Builder! รีบขายสิ้นสุด... เอนเอียงมากขึ้น!

dynamic-staff-directory
  • บีเวอร์ เทอร์เมอร์

วิธีสร้างไดเรกทอรีพนักงานบน WordPress – โครงการ Beaver Themer แรกของคุณ

หนึ่งในพอดแคสต์การออกแบบเว็บไซต์ที่ฉันชอบคือรายการ ShopTalk คำถามที่มักเกิดขึ้นคือ “วิธีใดคือวิธีที่ดีที่สุดในการเรียนรู้เกี่ยวกับการออกแบบเว็บไซต์” คำตอบคือให้เลือกหัวข้อที่คุณสนใจและเริ่มสร้างบางสิ่งขึ้นมา ไม่มีอะไรมาแทนที่การเรียนรู้แบบลงมือปฏิบัติจริงได้ ในโพสต์นี้ Hashim อธิบายขั้นตอนการสร้างไดเร็กทอรีพนักงานโดยใช้ Beaver Themer และ Page Builder เป็นโปรเจ็กต์เริ่มต้นที่ยอดเยี่ยมสำหรับทุกคนที่ต้องการเรียนรู้เกี่ยวกับการใช้ Beaver Themer!

คุณได้รับเงินอย่างคุ้มค่าจาก Beaver Themer หรือไม่?

อันดับแรกฉันซื้อปลั๊กอินเพื่อควบคุมส่วนหัวและส่วนท้ายของฉัน หลังจากนั้นฉันก็ได้ลองใช้ “ส่วนของธีม” และการตั้งค่าแบบมีเงื่อนไข หลังจากนั้น ฉันรู้สึกทึ่งกับความเป็นไปได้ในการสร้างไซต์ขั้นสูงด้วย Beaver Themer ฉันกลายเป็นคนประหลาดในกลุ่ม Facebook ของ Beaver Builders โดยอ้างว่าเครื่องมือนี้มีราคาต่ำเกินไปและประเมินต่ำไป

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

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

คุณเป็นเกมเหรอ? ถ้าใช่ ให้เปิด Wordpress แล้วทำตามขั้นตอนด้านล่าง

#1. เลือกธีมที่เข้ากันได้

ธีมยอดนิยมและมีโค้ดอย่างดีหลายธีมใช้งานได้กับ Beaver Themer คุณสามารถดูรายชื่อบางส่วนได้ที่นี่

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

2. เลือกตัวสร้างประเภทโพสต์/ฟิลด์แบบกำหนดเอง

คุณลักษณะการเชื่อมต่อฟิลด์ของ Beaver Themer นั้นทรงพลังเมื่อคุณใช้เฉพาะกับฟิลด์โพสต์และเพจที่มาพร้อมกับ Wordpress ทันที แต่สิ่งต่าง ๆ จะบ้าไปแล้วเมื่อคุณใช้กับปลั๊กอินประเภทโพสต์แบบกำหนดเอง

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

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

3. ทางเลือก: เลือกส่วนขยาย

หาก Beaver ไม่มีโมดูลที่คุณต้องการทันที ให้ลองใช้ส่วนขยายของบริษัทอื่น

ส่วนขยายบางส่วนที่ฉันใช้บ่อยที่สุดนั้นฟรีในไดเร็กทอรีปลั๊กอิน Wordpress ตัวอย่างเช่น ฉันเป็นผู้ใช้งานปลั๊กอิน Beaver Cards ที่น่าทึ่งเป็นจำนวนมาก

เมื่อคุณเลือกสแตกของคุณแล้ว มาสร้างโปรเจ็กต์แรกของคุณกันดีกว่า!

โครงการ Themer Beaver แรกของคุณ: ไดเร็กทอรีพนักงานแบบไดนามิก

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

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

สร้างไดเร็กทอรีพนักงานอย่างง่าย

  1. ติดตั้ง Beaver Builder, Beaver Themer, ธีมที่เข้ากันได้, ปลั๊กอินประเภทโพสต์แบบกำหนดเอง การใช้ส่วนขยาย Beaver Builder เป็นทางเลือกสำหรับการทำโปรเจ็กต์นี้ให้เสร็จสิ้น
  2. ใช้สร้างประเภทโพสต์ที่กำหนดเองสำหรับโปรไฟล์พนักงานของคุณ หากนี่เป็นครั้งแรกของคุณ ให้ใช้หนึ่งในบทช่วยสอนต่อไปนี้ บทช่วยสอน ACF / บทช่วยสอน Pods / บทช่วยสอนชุดเครื่องมือ
  3. สร้างฟิลด์ที่กำหนดเองสำหรับ:
    1. “ชีวภาพ”
    2. "ชื่อ"
    3. “ตำแหน่งงาน”
    4. อย่าสร้างช่องสำหรับ "เฮดช็อต" ใช้ฟิลด์รูปภาพเด่นในตัวสำหรับสิ่งนั้น
  4. สร้างโปรไฟล์พนักงานสำหรับ 7 คน
  5. แท็ก 3 โพสต์เป็น “ทีมผู้บริหาร” และอีก 2 โพสต์เป็น “ทีมขาย”

ตอนนี้คุณมีไดเรกทอรีที่เรียบง่ายแล้ว ลูกค้าคนใดก็ตามยินดีจ่ายค่าธรรมเนียมเอเจนซี่ของคุณเพื่อนำสิ่งนี้มาไว้บนเว็บไซต์ของตน

ตอนนี้เรามาระเบิดไคลเอนต์ของคุณและเพิ่มพลังให้กับไดเร็กทอรีนี้ด้วย Beaver Themer

สร้างไดเรกทอรีพนักงานแบบไดนามิก

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

จากนั้น ใช้การเชื่อมต่อฟิลด์เพื่อดึงและจัดวางเนื้อหาจากฟิลด์ที่คุณกำหนดเอง

ตอนนี้ ตบหลังตัวเอง โดยเวลาที่ต้องใช้ในการออกแบบสองเพจ คุณได้สร้าง เทมเพลตธีมสองเทมเพลต ที่จะใช้กับเพจที่มีอยู่ 8 หน้า และเพจจำนวนเท่าใดก็ได้ในเร็วๆ นี้!

ตกลง ตอนนี้ใช้ Beaver Themer เพื่อสร้างเทมเพลตสำหรับการเก็บถาวรหมวดหมู่ "ความเป็นผู้นำ"

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

สุดท้าย ใช้ Beaver Themer เพื่อสร้างส่วนธีมของหมวดหมู่ “การขาย”

ในเพจสำหรับพนักงานขาย ให้สร้างแถวใต้ส่วนหัวเพื่อประกาศว่าบริษัทกำลังจ้างพนักงานขายเพิ่ม

เอาล่ะ! ขณะนี้ลูกค้าของคุณมีไดเร็กทอรีพนักงานที่สวยงาม ไดนามิก และง่ายต่อการอัปเดต คุณสร้างมันโดยใช้ Beaver Themer – ไม่จำเป็นต้องใช้โค้ดที่กำหนดเองแม้แต่บรรทัดเดียว

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

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

คำถาม – Beaver Themer Stack ของคุณ

หากคุณมีประสบการณ์กับ Beaver Themer โปรดแบ่งปัน – คุณใช้อะไรในการสร้างเว็บไซต์? ธีมที่คุณต้องการ ปลั๊กอินประเภทโพสต์แบบกำหนดเอง และโปรแกรมเสริม Beaver Builder คืออะไร

เกี่ยวกับ ฮาชิม วอร์เรน

Hashim Warren เป็นนักยุทธศาสตร์การตลาดในเมืองกรีนสโบโร รัฐนอร์ทแคโรไลนา เขาช่วยให้คนรับสร้างบ้านได้งานมากขึ้นและได้งานใหญ่ขึ้นที่ Hook & Target

8 ความคิดเห็น

  1. ทำเครื่องหมาย ที่ 28 มีนาคม 2561 เวลา 03:45 น

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



  2. Tom Nguyen วันที่ 1 พฤษภาคม 2561 เวลา 20:35 น

    ฉันเห็นด้วยกับคำแนะนำของมาร์ค



  3. เมษายน Wier วันที่ 17 พฤษภาคม 2561 เวลา 17:09 น

    ฉันเห็นด้วยกับความคิดเห็นของทอม



  4. Cindy Wyckoff 30 มิถุนายน 2561 เวลา 21:34 น

    ฉันยังเห็นด้วย ฉันอยากจะดูว่าโปรเจ็กต์ที่เสร็จแล้วควรมีลักษณะอย่างไร



  5. Gerry King วันที่ 12 พฤศจิกายน 2561 เวลา 04:11 น

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



  6. Jeff Brown วันที่ 13 มกราคม 2562 เวลา 11:12 น

    ฉันสนใจที่จะสร้าง Geo Directory สำหรับธุรกิจในพื้นที่ของฉันสำหรับองค์กรศิลปะท้องถิ่น...คุณมีคำแนะนำหรือบทช่วยสอนที่ช่วยในเรื่องนั้นหรือไม่



    • Robby McCullough วันที่ 13 มกราคม 2019 เวลา 17:44 น

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



  7. Ryan วันที่ 8 พฤษภาคม 2562 เวลา 19:46 น

    ขอบคุณ Hashim ฉันได้รับแรงบันดาลใจจริงๆ ฉันใช้ Ultimate Member มาระยะหนึ่งแล้วและมันทำให้ฉันมีปัญหามากมาย ฉันรอคอยที่จะขยายทักษะ BB ของฉัน และนี่เป็นโครงการที่ดีสำหรับฉัน



จดหมายข่าวของเรา

จดหมายข่าวของเราเขียนและส่งออกเป็นการส่วนตัวประมาณเดือนละครั้ง มันไม่ได้น่ารำคาญหรือสแปมแม้แต่น้อย
เราสัญญา

เข้าร่วมจดหมายข่าว

ลองใช้ Beaver Builder วันนี้

Beaver Builder