ส่วนโปรไฟล์

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

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

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

---

ในบทความนี้:

1. ส่วนโปรไฟล์คืออะไร?
2. เพิ่มส่วนโปรไฟล์
3. เพิ่มและแก้ไขรายการ
4. การจัดลำดับรายการ
5. การลบรายการ
6. การจัดการองค์ประกอบ
7. การเปลี่ยนเค้าโครงของส่วน
8. ตัวเลือกสไตล์

---

ส่วนโปรไฟล์

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

---

เพิ่มส่วนโปรไฟล์

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

• ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
• เลือกกระเป๋า ข้อมูลส่วนตัวและลิงก์ที่เกี่ยวข้อง (1) หมวดหมู่และคลิกที่ บริษัท แท็บ (2) ที่คุณสามารถเลือกได้ เค้าโครงที่แตกต่างกัน ของ บริษัท (3) มาตรา

---

เพิ่มและแก้ไขรายการ

เพิ่มรายการ

เมื่อคุณเพิ่มส่วนนี้แล้ว:

• คลิกที่ แก้ไขรายการรูปภาพ (1) ปุ่มเพื่อเปิดแผงรายการ

• คลิกที่ เพิ่มรายการ (2) ปุ่มเพื่อเพิ่มรายการใหม่
• คุณสามารถเลือกที่จะ Dทำซ้ำหรือลบ (3) รายการ

---

แก้ไขรายการ

คลิกที่รายการที่คุณต้องการแก้ไข มันจะเปิดตัวเลือกการแก้ไขรายการเฉพาะ

จากที่นี่ คุณสามารถ:

• อัพโหลด/ลบรูปภาพหลักและรอง (1)
  คุณสามารถอัปโหลดไฟล์ ภาพรอง พร้อมกับ รูปภาพหลัก สำหรับแต่ละรายการ เมื่อผู้ใช้เลื่อนเมาส์ไปเหนือรายการ รูปภาพรองจะปรากฏขึ้นแทนที่รูปภาพหลัก นอกจากนี้ คุณยังสามารถตั้งค่า ภาพเน้นสีซึ่งจะแสดงเมื่อวางเมาส์เหนือภาพ
• เพิ่ม ชื่อหนังสือ (2),คำบรรยาย (3)และคำอธิบาย (4) ของรายการ
• คุณอาจไม่พบตัวเลือกของคำบรรยายและคำอธิบายในรายการเฉพาะ ทั้งนี้ขึ้นอยู่กับเค้าโครงที่คุณเลือก
  ก่อนเพิ่มคำอธิบาย ให้ตรวจสอบ นี้ บทความ

5. การดำเนินการเมื่อคลิก

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

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

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

7. ปุ่มและไอคอน: ใส่แบบไหนก็ได้ ลิงค์ ลงในรายการ คุณสามารถเพิ่มปุ่ม/ลิงก์รูปภาพ/ไอคอนโซเชียล/ลิงก์ข้อความได้ อ่านเพิ่ม.

8. การกำหนดรูปแบบการ์ดใหม่

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

อ่านเพิ่ม เกี่ยวกับตัวเลือกการ์ดในส่วนไดนามิก

9. การกำหนดรูปแบบรูปร่าง

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

10. บันทึก: หลังจากปรับแต่งแล้วให้บันทึกการเปลี่ยนแปลง

---

ดูการดำเนินการแก้ไขรายการรูปภาพ:

---

ลำดับรายการ

• คุณสามารถลากและวางรายการเพื่อเปลี่ยนลำดับได้อย่างง่ายดาย

ดูการจัดลำดับการทำงานของรายการรูปภาพ: 

---

ลบรายการ

เมื่อคุณเพิ่มรายการแล้ว คุณสามารถแก้ไขและลบได้

• คลิกที่ ลบ ไอคอนถัดจากรายการรูปภาพ
• ทีนีคลิกที่ ลบ ปุ่มในป๊อปอัพยืนยัน
• ในที่สุด ประหยัด การเปลี่ยนแปลงของคุณ

ดูการดำเนินการลบรายการรูปภาพ: 

---

---

จัดการองค์ประกอบของส่วนโปรไฟล์

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

• คลิกที่ แก้ไขรายการรูปภาพ (1) ปุ่ม

• เลือกกระเป๋า องค์ประกอบ (2) แท็บ
• หลังจากทำการเปลี่ยนแปลงแล้วให้กด ลด (3) ปุ่ม

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

1. แสดงหัวข้อข่าว: เปิดใช้งานหรือปิดใช้งานการมองเห็นหัวข้อข่าวสำหรับส่วนรายการรูปภาพ
2. แสดงปุ่ม: ควบคุมว่าจะแสดงปุ่มในระดับส่วนหรือไม่

รายการ ตัวเลือก

1. แสดงภาพ: สลับการมองเห็นของรูปภาพ
2. แสดงชื่อเรื่อง: ควบคุมว่าจะแสดงชื่อเรื่องหรือไม่
3. แสดงคำบรรยาย: เปิดหรือปิดคำบรรยาย
4. แสดงคำอธิบาย:จัดการการมองเห็นคำอธิบายรายการ
5. แสดงปุ่ม:ตัดสินใจว่าควรแสดงปุ่มสำหรับรายการแต่ละรายการหรือไม่

---

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

• คลิกที่ แก้ไขรายการรูปภาพ (1) ปุ่ม

• เลือกกระเป๋า แบบ (2) แท็บ
• เลือก เค้าโครงสำหรับส่วนของคุณและ ลด (3) การเปลี่ยนแปลง

 

---

จัดรูปแบบส่วนของคุณ

• คลิกที่ แก้ไขรายการรูปภาพ (1) ปุ่ม

• เลือกกระเป๋า สไตล์ (2) แถบ
• เปลี่ยนสไตล์สำหรับองค์ประกอบส่วนและ บันทึก (3) การเปลี่ยนแปลงของคุณ

---

คุณจะมีตัวเลือกสไตล์มากมายสำหรับส่วนนี้: 

1. แสดงตัวเลือก
2. จอแสดงผลมือถือ
3. การวางแนว
4. ขนาดข้อความ
5. การเว้นวรรค
6. หัวเรื่องมาตรา
7. ตัวเลือกรูปภาพ
8. หน้ากากรูปทรง
9. ตัวเลือกการโฮเวอร์รูปภาพ
10. ขอบภาพ
11. ตัวเลือกการ์ด
12. ตัวเลือกเงา
13. ปุ่ม & ลิงค์

---

แสดง 

1. เลือกที่จะ แสดงรายการ in แถวและคอลัมน์ or ม้าหมุน 
   • หากคุณเลือกไฟล์ แถวและคอลัมน์ ตัวเลือก รายการจะถูกจัดเรียงเป็นแถวและคอลัมน์ ในกรณีนี้ คุณต้องระบุจำนวนแถวและคอลัมน์
   • หากคุณเลือกไฟล์ ม้าหมุน ตัวเลือก รายการจะถูกนำเสนอเป็นสไลด์โชว์ รู้มากกว่านั้น.
2. ตั้ง จำนวนคอลัมน์ สำหรับรายการรูปภาพ คุณสามารถเลือกได้ตั้งแต่ 1 ถึง 10 คอลัมน์
3. ระบุ ช่องว่างระหว่างคอลัมน์ ของรายการ
4. ระบุ ช่องว่างระหว่างแถว ของรายการ

หากเลือกตัวเลือกแบบหมุนในขั้นตอนที่ 1 คุณจะเห็นตัวเลือกเพิ่มเติมต่อไปนี้:

1. เปิดใช้งานการเลื่อนอย่างราบรื่น:เปิดใช้งานการเลื่อนรายการอย่างต่อเนื่องภายในแถบเลื่อนเพื่อประสบการณ์ที่ราบรื่นและดึงดูดสายตา
2. ออโต้สไลด์:หมุนสไลด์โดยอัตโนมัติโดยไม่ต้องมีการโต้ตอบจากผู้ใช้
3. แสดงความคืบหน้าการเล่นอัตโนมัติ:แสดงตัวบ่งชี้ความคืบหน้าในขณะที่การเล่นอัตโนมัติกำลังใช้งานอยู่เพื่อให้มองเห็นได้ชัดเจนยิ่งขึ้น
4. การหน่วงเวลาการเล่นอัตโนมัติ: กำหนดช่วงเวลาระหว่างการเปลี่ยนสไลด์แต่ละครั้งเมื่อเปิดใช้งานการเล่นอัตโนมัติ
5. ห่วงม้าหมุน:ช่วยให้สามารถเล่นสไลด์ซ้ำได้อย่างต่อเนื่อง ดังนั้นแถบเลื่อนจะเริ่มต้นใหม่โดยราบรื่นหลังจากสไลด์สุดท้าย
6. การควบคุมม้าหมุน: เลือก การควบคุมการนำทางคุณสามารถเลือกได้ระหว่างไม่มีการควบคุม, ลูกศร – ตรงกลางด้านล่าง/ขวาบน/ขวาล่าง, เชฟรอน, จุด และเลื่อนแนวนอน
7. ขอบเฟด: ใช้เอฟเฟกต์การเฟดแบบละเอียดอ่อนกับขอบของภาพหมุน ช่วยเพิ่มประสบการณ์ของผู้ใช้โดยผสมผสานภาพอย่างนุ่มนวลในขณะที่เข้าหรือออกจากมุมมอง

---

จอแสดงผลมือถือ

1. กำหนดจำนวน คอลัมน์กริด สำหรับอุปกรณ์เคลื่อนที่ คุณสามารถตั้งค่าได้สูงสุด 3 คอลัมน์
2. กำหนด การเว้นวรรค ระหว่างกริด (เป็นพิกเซล)

เค้าโครงคอลัมน์เฉพาะอุปกรณ์ตามการตั้งค่าสตูดิโอ:

---

การวางแนว

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

---

ขนาดข้อความ

1. คลิกที่ เปลี่ยนรูปแบบข้อความ ปุ่มเพื่อเยี่ยมชม ออกแบบ ส่วนและ จัดการขนาดและรูปแบบตัวอักษรของคุณ 
2. ตั้ง ชื่อหนังสือ รูปแบบตัวอักษรสำหรับรายการของส่วน
3. ตั้ง หัวเรื่องย่อย รูปแบบตัวอักษรสำหรับรายการของส่วน
4. ตั้งค่าเริ่มต้น รายละเอียด รูปแบบตัวอักษรสำหรับรายการของส่วน
5. เปิดใช้งานตัวเลือกนี้เพื่อ สร้างภาพเคลื่อนไหวให้กับตัวเลขใดๆ ก็ได้ ปัจจุบันใน ชื่อหนังสือ และ หัวเรื่องย่อย ช่องข้อมูล เมื่อเปิดใช้งาน ค่าตัวเลขจะปรากฏพร้อมแอนิเมชั่นการนับแบบไดนามิก ทำให้ดูน่าสนใจยิ่งขึ้น

---

การเว้นวรรค

1. ระบุ ความกว้างของภาพ สำหรับรายการ.
2. ระบุ ความกว้างของเนื้อหา สำหรับรายการ
3. ระบุ เว้นวรรคใต้หัวเรื่อง ในพิกเซล
4. ระบุ ช่องว่างใต้ภาพ ของรายการ (เป็น %)
5. ระบุ ช่องว่างด้านล่างชื่อเรื่อง ของรายการ (เป็น %)
6. ระบุ เว้นวรรคใต้คำบรรยาย ของรายการ (เป็น %)

---

หัวเรื่องมาตรา

1. จัดวางแนวนอน ข้อความหัวข้อส่วน คุณสามารถตั้งค่าเป็นซ้าย กลาง และขวาได้
2. เปิดใช้งาน/ปิดใช้งาน divider ระหว่างหัวข้อส่วนและเนื้อหาของส่วน
3. ตั้ง ความหนาของตัวแบ่ง (เป็นพิกเซล)
4. ระบุ สีตัวแบ่ง จากเครื่องมือเลือกสี
5. เลือกหลักสูตรเตรียมความพร้อมสอบ สไตล์ตัวแบ่ง จากเมนูแบบเลื่อนลง
6. ตั้ง ความกว้างของหัวเรื่อง เพื่อกำหนดความกว้างของชื่อหัวข้อโดยเริ่มต้นจากขั้นต่ำ 50%

---

ภาพ 

1. เลือกกระเป๋า Iครอบตัดผู้วิเศษ สำหรับรายการ. คุณสามารถตั้งค่ารูปภาพเป็นสี่เหลี่ยม วงกลม แนวนอน แนวตั้ง และต้นฉบับได้
2. เลือกให้มีรัศมีมุมร่วมกันหรือรัศมีมุมที่แตกต่างกันสำหรับแต่ละด้านของรายการ และตั้งค่าตัวเลข (เป็น px) สำหรับ Cรัศมีมุม ของภาพรายการ รู้มากกว่านั้น.

• ในกรณีที่คุณเลือกมุมแยก คุณสามารถกำหนดรัศมีมุมที่แตกต่างกันสำหรับแต่ละมุมได้

---

หน้ากากรูปทรง

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

---

เมื่อโฮเวอร์รูปภาพ 

1. เลือกกระเป๋า ภาพโฮเวอร์สี ที่จะเป็น เน้นสี หรือจะเป็น ที่ระบุไว้. หากคุณเลือก เน้นสีจากนั้นระบุไฟล์ ความทึบแสงคุณสามารถระบุสีเน้นสำหรับแต่ละรายการได้จาก แก้ไขรายการ แผงหน้าปัด.
2. หากคุณเลือกไฟล์ ระบุสี ตัวเลือกจากนั้นตั้งค่า สีทับและความทึบแสง.
3. ตั้ง สีข้อความทับซ้อน ที่จะแสดงขึ้นเมื่อเลื่อนเมาส์ไปเหนือ
4. เลือกที่จะ ทำให้รูปภาพรายการเคลื่อนไหว เมื่อวางเมาส์เหนือโดยคลิกที่ใช่ ตรวจสอบคุณสมบัตินี้ในหน้าสด.
5. เลือก สไตล์แอนิเมชั่น สำหรับรูปภาพเมื่อเคอร์เซอร์อยู่เหนือรูปภาพ
6. เลือกหากคุณต้องการอนุญาต การเปลี่ยนผ่านของภาพ เลื่อนเมาส์ไปเหนือหรือไม่
7. เลือก สไตล์การเปลี่ยนผ่าน สำหรับการเปลี่ยนผ่านแบบโฮเวอร์ มีตัวเลือกให้เลือกคือ Fade และ Flip

---

ขอบภาพ

1. เปิด / ปิดเส้นขอบ รอบๆ ภาพโดยการสลับปุ่มสลับ
2. เลือกที่จะมี ชายแดนทั่วไป ในทุกด้านของภาพหรือจะระบุก็ได้ เส้นขอบแยกจากกัน สำหรับแต่ละด้าน
3. ระบุ ความกว้าง ของชายแดน หากตั้งค่าเป็น 0 เส้นขอบจะไม่ปรากฏ คุณยังมีตัวเลือกในการตั้งค่าความกว้างของเส้นขอบสำหรับแต่ละด้านของรูปภาพแยกกัน
4. เลือก สีขอบ จากเครื่องมือเลือกสี
5. เลือกที่ต้องการ สไตล์ชายแดน จากเมนูแบบเลื่อนลง
6. กำหนด ความกว้างของเส้นขอบสำหรับมือถือ อุปกรณ์ต่างๆ ให้สอดคล้องกับความกว้างที่เลือกไว้สำหรับเดสก์ท็อป

---

การ์ด

• มาดูกันว่า เพื่อจัดการการ์ด

---

เงา

1. แสดง – เลือกให้แสดงเงาด้านหลังรายการเสมอหรือเมื่อโฮเวอร์เท่านั้น
2. สไตล์ – เลือกจากค่าที่ตั้งไว้ล่วงหน้าที่มีอยู่หรือสร้างเงาแบบกำหนดเอง
   ในกรณีที่คุณเลือกตัวเลือกกำหนดเอง ให้ไปที่สิ่งนี้ กล่องสร้างเงา เพื่อสร้างเงาแบบกำหนดเอง สุดท้าย คัดลอกและวาง กล่องเงา CSS.
3. ในกรณีที่คุณได้เลือกตัวเลือกที่ตั้งไว้ล่วงหน้าแล้ว เลือกสไตล์เงา จากเมนูแบบเลื่อนลง

---

ปุ่ม & ลิงค์

1. มาดูกันว่า เพื่อจัดการสไตล์ของ ปุ่มและลิงค์
2. ลด การเปลี่ยนแปลงสไตล์ทั้งหมด

---

บทความที่เกี่ยวข้อง:

• ประเภทของส่วน
• เพิ่มตัวเว้นวรรค / ตัวแบ่งระหว่างส่วนต่างๆ
• สร้างเว็บไซต์ของคุณ