กริดลิงก์
12 นาที
link grid คือตัวองค์ประกอบที่ผสมผสานความสวยงามแบบการ์ดเข้ากับฟังก์ชันการคลิกได้ เหมาะอย่างยิ่งสำหรับการ เน้นให้โดดเด่น ข้อมูลสำคัญหรือการ แสดง ทรัพยากรที่เกี่ยวข้อง เวลาเหมาะสำหรับการใช้งาน เน้นข้อมูลสำคัญ สร้างการ์ดที่ดึงดูดสายตาสำหรับประกาศหรืออัปเดตสำคัญ แสดงเนื้อหาที่เกี่ยวข้อง ลิงก์ไปยังทรัพยากร บทความ หรือสินค้าเพิ่มเติม สร้างไดเรกทอรีที่สวยงามดึงดูด จัดระเบียบข้อมูลให้อยู่ในรูปแบบการ์ดที่คลิกได้เพื่อการนำทางที่ง่ายขึ้น ยกระดับประสบการณ์ผู้ใช้ มอบวิธีที่ชัดเจนและโต้ตอบได้เพื่อช่วยให้ผู้ใช้สำรวจเนื้อหาของคุณ วิธีสร้าง link grid พิมพ์ / เพื่อเปิดเมนู archbee block ค้นหา link grid และคลิกเพื่อแทรก เลือกวิธีที่คุณต้องการสร้าง link grid แบบกำหนดเองเทียบกับแบบเติมอัตโนมัติ เมื่อคุณเขียนเนื้อหาใน link grid ด้วยตนเอง ขั้นตอนถัดไปคือ เลือกประเภทส่วนหัว คุณมีตัวเลือกสามแบบ ไม่มี สี docid\ c6xvzyu69k2ocyqlwkaqc รูปภาพ docid\ c6xvzyu69k2ocyqlwkaqc ไม่มี ส่วนหัว สี ส่วนหัว รูปภาพ ส่วนหัว เพิ่มเนื้อหาของคุณ คุณสามารถปรับแต่งเนื้อหาได้ตามต้องการโดยใช้ เมนู wysiwyg หรือแทรกบล็อกอื่นๆ เช่น headings docid\ n7tf0cw1nycgj95elyvzv หัวข้อที่ขยายได้ docid\ gdj2j6ro qnt7jukotd8z รายการ docid\ qff doykfq7nflxaqmebc callout docid\ rszrji1qamljnfm5feyui เส้นคั่นแนวนอน docid\ sudkbxtaqxthuya3fvcer ไฟล์ docid\ memy73rjjgumniqzyg qg รูปภาพ docid\ pfxmitebqymng3 1kmqb4 วิดีโอ docid 5bhbpua1qsb91ptpjubhn ส่วนหัวสีทึบ คุณสามารถใช้สีเป็นส่วนหัวเพื่อทำให้การ์ดของคุณโดดเด่นได้มากขึ้น คุณยังสามารถใช้รหัสสีให้ตรงกับคุณสมบัติของคุณได้อีกด้วย คลิกที่ ประเภทส่วนหัว แล้วเลือก สี คลิกที่ เปลี่ยนสี และเลือกสีที่คุณต้องการ การเปลี่ยนแปลงทั้งหมดจะถูกบันทึกโดยอัตโนมัติ ส่วนหัวรูปภาพ คุณสามารถใช้รูปภาพเป็นส่วนหัวเพื่ออธิบายเนื้อหาภายในการ์ดและทำให้สวยงามมากขึ้น คลิกที่ ประเภทส่วนหัว แล้วเลือก รูปภาพ คลิกที่ เพิ่มรูปภาพ ปุ่ม เลือกภาพของคุณ การเปลี่ยนแปลงทั้งหมดจะถูกบันทึกโดยอัตโนมัติ ตัวเลือกเลย์เอาต์ จำนวนรายการต่อแถว ควบคุมจำนวนรายการที่แสดงในแต่ละแถว 3 รายการต่อแถว 2 รายการต่อแถว 1 รายการต่อแถว ประหยัดเวลาและทำให้โครงสร้างเอกสารของคุณสอดคล้องกันโดยการเติม link grid โดยอัตโนมัติด้วยเอกสารถัดไปภายใต้เอกสารแม่ที่เลือก แต่ละรายการจะถูกแสดงเป็นลิงก์หรือการ์ดที่คลิกได้เพื่อนำทางไปยังเอกสารนั้นๆ เลือกแหล่งข้อมูล การเลือกแหล่งข้อมูลเป็นขั้นตอนแรกและกำหนดว่าเอกสารใดจะปรากฏใน link grid เลือกแหล่งที่มาที่ link grid ควรดึงข้อมูลมาจาก เอกสารแม่ใดๆ ในพื้นที่ – เลือกเอกสารหรือหมวดหมู่ที่เจาะจงเป็นแหล่งข้อมูล เอกสารแม่ปัจจุบัน – ใช้เอกสารแม่ของหน้าที่คุณกำลังแก้ไขอยู่ link grid จะรวมเฉพาะเอกสารที่อยู่ภายใต้เอกสารแม่ที่เลือกโดยตรงเท่านั้น เอกสารแบบร่าง ซ่อนอยู่ จำกัดสิทธิ์ หรือระดับที่ซ้อนลึกลงไปจะไม่ถูกนำมาแสดง ตัวอย่าง ด้านล่างคือตัวอย่างจากเอกสารของเรา โดยแสดงการใช้ link grid เติมอัตโนมัติใน translating docid ht4fxtrp c5akffn esn ตัวเลือกเลย์เอาต์ ตัวเลือกเหล่านี้ช่วยให้คุณควบคุมโครงสร้าง ลำดับ และลักษณะการแสดงผลของ link grid หลังจากเลือกแหล่งข้อมูลแล้ว คุณสามารถปรับแต่งวิธีการแสดงผลได้ จำนวนรายการต่อแถว ควบคุมจำนวนรายการที่แสดงในแต่ละแถว 3 รายการต่อแถว 2 รายการต่อแถว 1 รายการต่อแถว ตัวเลือกการจัดเรียง เลือกวิธีการจัดลำดับของรายการ ค่าเริ่มต้น – ตรงกับลำดับในผังเอกสาร กำหนดเอง – ลากและวางเพื่อกำหนดลำดับเอง ตัวอักษร – เรียงจาก a–z หรือ z–a วันที่สร้าง – ใหม่ไปเก่า หรือเก่าไปใหม่ รูปแบบการแสดงผล เลือกวิธีที่รายการแสดงในเอกสารของคุณ ลิงก์ – รายการแบบกระชับ เหมาะสำหรับเอกสารจำนวนมาก การ์ด – รูปแบบที่มีรูปภาพ ชื่อเรื่อง และคำอธิบาย มุมมองลิงก์ของรายการ link gridมุมมองการ์ดของรายการ link grid รายละเอียดการ์ด สำหรับ การ์ด ระบบจะดึงรูปภาพ ชื่อเรื่อง และคำอธิบายจาก translating docid\ kmli9 6evfyrhsfguj2vx โดยอัตโนมัติ คุณสามารถแก้ไขค่าเหล่านี้ได้ในแต่ละเอกสารภายใต้ ตัวควบคุม seo meta ดูเอกสาร seo meta เพื่อเรียนรู้วิธีอัปเดตรูปภาพ ชื่อเรื่อง และคำอธิบาย คู่มือรูปภาพ เพื่อให้เนื้อหาของคุณแสดงผลได้อย่างถูกต้อง เราแนะนำให้สร้างรูปภาพที่มี ความสูง 480px และ ความกว้าง 1324px โดยทำตาม คู่มือพื้นที่ที่มองเห็นได้ docid\ c6xvzyu69k2ocyqlwkaqc ด้านล่าง คุณสามารถมั่นใจได้ว่าเนื้อหาของคุณจะไม่ถูกตัดออก คู่มือพื้นที่ที่มองเห็นได้ รูปภาพหลักมีขนาดความสูง 480px และความกว้าง 1324px ในกรณีที่มี 3 link grids ต่อแถว พื้นที่ที่มองเห็นจะมีขนาด 480px ในด้าน ความสูง และ 860px ในด้านความกว้าง พื้นที่ที่มองเห็นนี้จะถูกจัดกึ่งกลางภายในมิติหลัก โปรดดูภาพด้านล่างเพื่อความเข้าใจที่ชัดเจนยิ่งขึ้น เมื่อมี 2 link grids ต่อแถว พื้นที่ที่มองเห็นจะถูกกำหนดโดยมิติหลัก เพื่อความเข้าใจที่ดียิ่งขึ้น โปรดดูภาพด้านล่าง 2 link grids ต่อแถว เมื่อมีเพียง 1 link grid ต่อแถว พื้นที่ที่มองเห็นจะถูกจัดกึ่งกลางภายในมิติหลัก โดยจะมีความกว้าง 1324px และความสูง 234px เพื่อความเข้าใจที่ชัดเจนยิ่งขึ้น โปรดดูภาพด้านล่าง link grid ต่อแถว เพื่อความชัดเจน เนื้อหาหลักหรือโลโก้ควรถูกจัดวางภายในพื้นที่ที่กำหนดนี้ โปรดดูตัวอย่างสาธิตด้านล่างเกี่ยวกับภาพหน้าปกและลักษณะการทำงานของมัน มาร์กดาวน์ นี่คือวิธีสร้างแท็บในเอกสารของคุณโดยใช้โค้ดมาร์กดาวน์ สร้าง link grid เริ่มต้นด้วยบรรทัด link array เพิ่มการ์ดลิงก์ เนื้อหาแต่ละรายการของ link grid จะอยู่ระหว่าง link array item และ เลือก headertype คุณมีตัวเลือกสำหรับหัวข้อสองแบบ image แสดงภาพเป็นพื้นหลังของหัวข้อ color ให้คุณใช้สีแบบทึบเป็นพื้นหลังของหัวข้อ เพิ่มแอตทริบิวต์ที่เหมาะสม สำหรับ image หัวข้อ เพิ่ม url ของรูปภาพเป็นค่าในแอตทริบิวต์ headerimage ตัวอย่าง headerimage="https //placehold co/600x400") สำหรับ color หัวข้อ กำหนดค่าสีที่ต้องการโดยใช้โค้ดสี hex ในแอตทริบิวต์ headercolor ตัวอย่าง headercolor="#ff00ff" เพิ่มเนื้อหาภายในการ์ดลิงก์ของคุณ 🚨 โปรดทราบ! เมื่อใช้ไวยากรณ์ triple colon ( ) เพื่อสร้างองค์ประกอบ markdown แบบซ้อน โปรดตรวจสอบว่าทุกองค์ประกอบแม่ด้านบนมีเครื่องหมายโคลอนเพิ่ม ( ) ก่อน triple colon เปิดของมันด้วย \## link array example \ link array \ link array item{headertype="image" headerimage="https //placehold co/600x400"} \ list item 1 \ list item 2 \ \ link array item{headertype="color" headercolor="#ff00ff"} \ \[ ] unchecked list box \ \[x] checked list box \ \ ผลลัพธ์อยู่ที่นี่ รายการ 1 รายการ 2 กล่องรายการที่ไม่ถูกเลือก กล่องรายการที่ถูกเลือก ตรวจสอบ ใช้ทางลัด markdown docid 1mgrozhjknd15rsrjhvfx หน้าเพื่อดูทางลัด markdown เพิ่มเติมสำหรับบล็อกอื่นๆ ตัวอย่าง ตัวอย่าง? สำหรับ link grid หรือ? มันเหมือนกับการหาน้ำในมหาสมุทร คุณหลีกเลี่ยงไม่ได้ เอกสารของเราเต็มไปด้วยสิ่งเหล่านี้! ในหน้านี้มี 8 รายการ พร้อมรูปภาพ css แบบกำหนดเอง ตลอดประสบการณ์อันยาวนานของเรา เราทุ่มเทในการช่วยลูกค้าปรับแต่งเอกสารให้สอดคล้องกับความต้องการเฉพาะของแต่ละคน นอกจากนี้ เรายังได้มอบความช่วยเหลืออันมีค่า ซึ่งเราเชื่อว่าจะเป็นประโยชน์อย่างยิ่งต่อคุณในการสร้างเอกสารที่ยอดเยี่ยมสำหรับผลิตภัณฑ์ของคุณ ดูวิธีการทำงานของ custom css docid\ w8xuw2qnm2c ehjjpmvh4 ตั้งค่าลิงก์ให้ตรึงอยู่ด้านล่าง ตั้งค่าลิงก์ภายใน link grid ของคุณให้ตรึงอยู่ที่ด้านล่างของการ์ด \<style> ab link block content wrap ab link { position absolute; bottom 0; } \</style> ค้นหาบล็อกอื่น ๆ ค้นพบวิธีใหม่ ๆ และบล็อกต่าง ๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้จริง ดูบล็อกทั้งหมด docid\ fvbccw7nlvgjbchvbvbg9 ต้องการความช่วยเหลือ? ⬇️ ใช้ สีฟ้า ไอคอนแชท ที่มุมขวาล่าง หรือใช้ ai chat (จากช่องค้นหา) เพื่อรับคำตอบอย่างรวดเร็ว ความเห็นของคุณมีความสำคัญ ใช้แบบฟอร์มด้านล่างเพื่อให้ข้อเสนอแนะได้โดยไม่ระบุตัวตน หรือถามคำถามใน ส่วน q\&a แล้วทีมงานหรือ ai ของเราจะให้คำตอบแก่คุณ
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.