Web Part สำหรับรูป

นำไปใช้กับ
SharePoint Server 2019 SharePoint Server 2016 Windows SharePoint Services 3.0

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

ในบทความนี้

วิธีต่างๆ ที่คุณสามารถใช้ Web Part สำหรับรูป

คุณสามารถใช้ Web Part สำหรับรูปเพื่อ

  • เพิ่มโลโก้ขององค์กรหรือโครงการลงในหน้า
  • แสดงรูปของพนักงานหรือผลิตภัณฑ์
  • ทำให้หน้าดูน่าสนใจยิ่งขึ้น

ด้านบนของหน้า

วิธีต่างๆ ที่คุณสามารถแสดงรูป

คุณสามารถแสดงรูปได้สองวิธีดังนี้

  • ใส่เส้นทางไฟล์หรือไฮเปอร์ลิงก์ไปยังไฟล์รูปภาพในกล่องข้อความคุณสมบัติ ลิงก์รูป ในกรณีนี้ รูปจะคงที่และไม่เปลี่ยนแปลง (เว้นแต่คุณจะแก้ไขคุณสมบัติ)
  • เชื่อมต่อ Web Part สําหรับรูปกับ Web Part อื่นที่มีเส้นทางไฟล์หรือไฮเปอร์ลิงก์ ในกรณีนี้ รูปอาจเป็นแบบไดนามิกและสามารถเปลี่ยนแปลงได้ตามผลลัพธ์ของการกระทําใน Web Part อื่น เช่น ผู้ใช้ที่เลือกแถวใน Web Part สําหรับมุมมองรายการ
    ตัวอย่างเช่น คุณสามารถเชื่อมต่อ Web Part สําหรับมุมมองรายการที่มีที่ติดต่อไปยัง Web Part สําหรับรูปได้ ทุกครั้งที่คุณเลือกแถวใน Web Part สําหรับมุมมองรายการที่ติดต่อที่มีคอลัมน์ที่มีไฮเปอร์ลิงก์ไปยังไฟล์ที่มีรูปภาพของที่ติดต่อนั้น คุณจะเห็นรูปภาพของที่ติดต่อที่แสดงใน Web Part สําหรับรูป

ด้านบนของหน้า

เชื่อมต่อ Web Part สำหรับรูปไปยังอีก Web Part หนึ่ง

  1. บนรูป ปุ่ม ของเมนู การกระทําในไซต์ ให้คลิก แก้ไขหน้า
  2. คลิกเมนู Web Part เมนู Web Part แล้วชี้ไปที่ การเชื่อมต่อ
  3. ชี้ไปที่ รับรูปจาก แล้วคลิกชื่อของ Web Part ที่คุณต้องการลิงก์ไปถึง

หมายเหตุ

ถ้าคุณสมบัติ ลิงก์รูป มีค่าอยู่แล้ว และคุณเชื่อมต่อ Web Part สําหรับรูปกับ Web Part อื่น คุณสมบัติ ลิงก์รูป จะถูกละเว้น ถ้า Web Part สําหรับรูปเชื่อมต่อกับ Web Part อื่นอยู่แล้ว และคุณต้องการตั้งค่าสําหรับคุณสมบัติ ลิงก์รูป คุณต้องเอาการเชื่อมต่อออกก่อน

ด้านบนของหน้า

คุณสมบัติแบบกำหนดเองของ Web Part สำหรับรูป

คุณสมบัติแบบกำหนดเองของ Web Part สำหรับรูปจะแสดงอยู่ด้านล่าง

หมายเหตุ

คุณไม่สามารถดูหรือแก้ไขคุณสมบัติที่กำหนดเองเหล่านี้ในมุมมองส่วนบุคคล

คุณสมบัติ คำอธิบาย
ลิงก์รูป ระบุเส้นทางไฟล์หรือไฮเปอร์ลิงก์ไปยังรูปที่คุณต้องการแสดงใน Web Part สำหรับรูป
ขึ้นอยู่กับเบราว์เซอร์ที่คุณกำลังใช้ รูปแบบไฟล์กราฟิกที่สนับสนุนมีดังต่อไปนี้
รูปแบบไฟล์กราฟิก****ชนิดไฟล์Windows Bitmap (BMP).bmpWindows Enhanced Metafile (EMF).emfGraphics Interchange Format (GIF).gifJoint Photographic Experts Group (JPEG).jpg คุณสมบัติ .jpegPortable Network Graphics (PNG).pngThe Image Link อาจไม่พร้อมใช้งานเนื่องจาก Web Part สําหรับรูปเชื่อมต่อกับ Web Part อื่นที่มีรูปอยู่
ข้อความแสดงแทน ระบุข้อความที่จะแสดงเมื่อผู้ใช้วางตัวชี้เมาส์ไว้เหนือรูป ข้อความนี้จะปรากฏขึ้นเมื่อรูปภาพไม่พร้อมใช้งาน
การจัดแนวรูปตามแนวตั้ง จัดตําแหน่งรูปตามแนวตั้งภายใน Web Part สําหรับรูป เลือกอย่างใดอย่างหนึ่งต่อไปนี้ ด้านบนตรงกลาง หรือ ด้านล่าง ค่าเริ่มต้นคือ กลาง
การจัดแนวรูปตามแนวนอน จัดตําแหน่งรูปตามแนวนอนภายใน Web Part สําหรับรูป เลือกอย่างใดอย่างหนึ่งต่อไปนี้ ซ้ายกึ่งกลาง หรือ ขวา ค่าเริ่มต้นคือ กึ่งกลาง
สีพื้นหลังของ Web Part กําหนดสีของหน้าต่าง Web Part สําหรับรูปด้านหลังรูป สีเริ่มต้นคือสีพื้นหลังของธีมปัจจุบัน

เมื่อต้องการระบุสี ให้คลิก รูปปุ่ม ทางด้านขวาของกล่องข้อความ แล้วเลือกทําอย่างใดอย่างหนึ่งต่อไปนี้:

  • เลือกสีในตารางสี
  • พิมพ์ชื่อสี HTML
  • พิมพ์ค่าสี RGB
เมื่อต้องการทำให้สีพื้นหลังเป็นสีเดียวกับธีมของไซต์ ให้คลิก โปร่งใส ในกล่องโต้ตอบ สีพื้นหลังของ Web Part

ด้านบนของหน้า

คุณสมบัติทั่วไปของ Web Part

Web Part ทั้งหมดจะแชร์คุณสมบัติจำนวนหนึ่งสำหรับควบคุมลักษณะที่ปรากฏ เค้าโครง และลักษณะขั้นสูง

หมายเหตุ

คุณสมบัติร่วมของ Web Part ที่คุณเห็นในบานหน้าต่างเครื่องมืออาจต่างไปจากที่ได้อธิบายในส่วนนี้ เนื่องจากสาเหตุหลายประการ ดังนี้

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

ลักษณะที่ปรากฏ

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

เค้าโครง

คุณสมบัติ คำอธิบาย
ซ่อน ระบุว่า Web Part จะมองเห็นได้หรือไม่เมื่อผู้ใช้เปิดหน้าของ Web Part ถ้าเลือกกล่องกาเครื่องหมาย Web Part จะมองเห็นได้เฉพาะเมื่อคุณออกแบบหน้าและมีคําต่อท้าย (ซ่อน) ต่อท้ายชื่อเรื่องเท่านั้น
คุณสามารถซ่อน Web Part ได้ถ้าคุณต้องการใช้ Web Part เพื่อให้ข้อมูลแก่ Web Part อื่นผ่านทางการเชื่อมต่อ Web Part แต่ไม่ต้องการแสดง Web Part
ทิศทาง ระบุทิศทางของข้อความในเนื้อหา Web Part ตัวอย่างเช่น อาหรับเป็นภาษาที่จากขวาไปซ้าย ภาษาอังกฤษและภาษายุโรปอื่นๆ ส่วนใหญ่จะเป็นภาษาที่จากซ้ายไปขวา การตั้งค่านี้อาจไม่พร้อมใช้งานสําหรับ Web Part บางชนิด
โซน ระบุโซนบนหน้าของ Web Part ที่ Web Part นั้นอยู่
หมาย เหตุ: โซนบนหน้า Web Part จะไม่แสดงอยู่ในกล่องรายการเมื่อคุณไม่มีสิทธิ์ในการปรับเปลี่ยนโซน
ดัชนีโซน ระบุตำแหน่งของ Web Part ในโซนเมื่อโซนนั้นมีหลาย Web Part
เมื่อต้องการระบุลำดับ ให้พิมพ์จำนวนเต็มบวกในกล่องข้อความ
ถ้า Web Part ในโซนเรียงลําดับจากบนลงล่าง ค่า 1 หมายความว่า Web Part จะปรากฏที่ด้านบนของโซน ถ้า Web Part ในโซนเรียงลําดับจากซ้ายไปขวา ค่า 1 หมายความว่า Web Part จะปรากฏทางด้านซ้ายของโซน
ตัวอย่างเช่น เมื่อคุณเพิ่ม Web Part ลงในโซนว่างที่เรียงลําดับจากบนลงล่าง ดัชนีโซนจะเป็น 0 เมื่อคุณเพิ่ม Web Part ที่สองที่ด้านล่างของโซน ดัชนีโซนจะเป็น 1 เมื่อต้องการย้าย Web Part ที่สองไปยังด้านบนสุดของโซน ให้พิมพ์ 0 แล้วพิมพ์ 1 สําหรับ Web Part แรก
หมาย เหตุ: Web Part แต่ละรายการในโซนต้องมีค่าดัชนีโซนที่ไม่ซ้ํากัน ดังนั้น การเปลี่ยนค่า ดัชนีโซน สําหรับ Web Part ปัจจุบันจึงสามารถเปลี่ยนค่า ดัชนีโซน สําหรับ Web Part อื่นๆ ในโซนได้เช่นกัน

ขั้นสูง

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

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

หมาย เหตุ: แม้ว่า Web Part ของ Microsoft ASP.NET แบบกําหนดเองจะสนับสนุนคุณสมบัตินี้ แต่หัวข้อวิธีใช้ Windows SharePoint Services 3.0 เริ่มต้นจะเปิดในหน้าต่างเบราว์เซอร์แยกต่างหากเท่านั้น
URL ของรูปไอคอนแค็ตตาล็อก ระบุตําแหน่งที่ตั้งของไฟล์ที่มีรูปที่จะใช้เป็นไอคอน Web Part ในรายการ Web Part ขนาดรูปต้อง 16 คูณ 16 พิกเซล
URL ของรูปไอคอนชื่อเรื่อง ระบุตําแหน่งที่ตั้งของไฟล์ที่มีรูปที่จะใช้ในแถบชื่อเรื่องของ Web Part ขนาดรูปต้อง 16 คูณ 16 พิกเซล
ข้อความแสดงข้อผิดพลาดในการนำเข้า ระบุข้อความที่จะปรากฏขึ้นในกรณีที่มีปัญหาในการนำเข้า Web Part

ด้านบนของหน้า