ปรับปรุงล่าสุด 27 สิงหาคม 2569
วิธีวางโลโก้ 3D บนเว็บไซต์ของคุณ
แชร์การออกแบบแล้วจากนั้นวางโค้ดเพื่อฝัง การแชร์จะเปลี่ยนการออกแบบที่บันทึกแล้วให้กลายเป็นหน้าเว็บด้วยลิงก์สั้น ๆ; การฝังคือ iframe ของการออกแบบเดียวกันนั้น เป็นสี่เหลี่ยมและโหลดแบบหน่วงเวลา ซึ่งสามารถหมุนได้ในทุกที่ที่คุณวาง ทั้งสองอย่างฟรี และโค้ดใช้งานได้เหมือนกันกับโลโก้ เหรียญ หรือกริดที่สร้างขึ้น
จะฝังโลโก้ 3 มิติได้อย่างไร?#
ในสี่ขั้นตอน สิ่งที่จะฝังคือลิงก์สำหรับแชร์ ดังนั้นต้องทำขั้นตอนนี้ก่อน: การฝังคือกรอบรอบการออกแบบที่แชร์ ไม่ใช่การส่งออกแยก
- เปิดการออกแบบในตัวแก้ไข ในสตูดิโอเหรียญ หรือในส่วนสร้าง
- เปิดแผง แชร์ และสร้างลิงก์ การออกแบบจะได้หน้าของตัวเอง
- เปลี่ยนไปที่ แทรก และคัดลอกโค้ด ปรับความกว้าง การหมุน และการควบคุมก่อนที่จะคัดลอก
- วางโค้ดลงในหน้าของคุณ มันเป็น HTML ธรรมดา: ไม่มีสคริปต์ ไม่มีขั้นตอนการคอมไพล์ ไม่มีอะไรที่จะต้องติดตั้ง
โค้ดสำหรับแทรกนี้มีอะไรบ้าง?#
มี iframe และบรรทัดข้อความหนึ่ง iframe ชี้ไปที่ดีไซน์ เป็นรูปทรงสี่เหลี่ยมโดยค่าปริยาย และมีการโหลดแบบหน่วง ดังนั้นจึงไม่เสียอะไรจนกว่าผู้อ่านจะเข้าถึงมัน บรรทัดด้านล่างให้เครดิตกับดีไซน์และลิงก์กลับมาที่นี่
กรอบถูกตั้งค่าให้กว้าง 640 px ด้วยอัตราส่วน 1:1 และไม่มีขอบ และปรับตัวให้เข้ากับคอนเทนเนอร์ที่คุณวางแทนที่จะมีขนาดคงที่ มันได้รับอนุญาตให้เต็มหน้าจอ เล่นอัตโนมัติ และติดตามเชิงพื้นที่ ซึ่งทำให้สามารถหมุนและเต็มหน้าจอในโทรศัพท์ได้
ทุกอย่างที่โค้ดมีจะถูกเข้ารหัสอย่างปลอดภัยก่อนถึงคุณ รวมถึงชื่อของการออกแบบของคุณเองด้วย เพราะโค้ดจะถูกวางใน HTML ของคนอื่น และเครื่องหมายคำพูดเดี่ยวในชื่อโลโก้จะทำให้หน้าของพวกเขาเสีย
เครดิตไลน์เป็นส่วนหนึ่งของโค้ด ไม่ได้ถูกบันทึกไว้ในเฟรม มันเชื่อมการออกแบบกับหน้าที่แชร์และตั้งชื่อ 3DLogo.io ไม่มีอะไรห้ามเอาออก และหน้าสิขสิทธิ์ชัดเจนว่าการให้เครดิตเป็นการขอบคุณและไม่เคยบังคับ
คุณสามารถเปลี่ยนแปลงการฝังได้อะไรบ้าง?#
สวิตช์สี่ตัวและความกว้างทั้งหมดถูกตั้งค่าก่อนคัดลอกและเดินทางอยู่ใน URL เพื่อให้โค้ดพูดความจริงแทนที่จะซ่อนการตั้งค่าไว้ที่อื่น
| การปรับแต่ง | โดยค่าเริ่มต้น | ทำอะไร |
|---|---|---|
| ความกว้าง | 640 px | กำหนดความกว้างสูงสุดของบล็อก เฟรมเองปรับตามตัวคอนเทนเนอร์ ดังนั้นจึงเป็นขอบเขตและไม่ใช่ขนาดที่ตายตัว |
| หมุนอัตโนมัติ | ใช่ | การออกแบบจะหมุนเอง ถ้าคุณปิดมัน จะหยุดจนกว่าผู้เข้าชมจะลากมัน |
| การควบคุม | ใช่ | ปล่อยให้ผู้เข้าชมหมุนดีไซน์เพื่อดูจากทุกมุม ถ้าคุณปิดใช้งาน มันจะกลายเป็นภาพเคลื่อนไหวแทนที่จะเป็นสิ่งที่สามารถจัดการได้ |
| โปร่งใส | ไม่ | เอาพื้นหลังออกเพื่อให้ดีไซน์อยู่บนสีของหน้าคุณแทนที่จะเป็นของมัน |
| ตรา | ใช่ | เครื่องหมายเล็ก ๆ ของ 3dlogo.io ภายในกรอบ การซ่อนมันเป็นฟีเจอร์ของ Pro และตรวจสอบบนเซิร์ฟเวอร์ ไม่ใช่ในโค้ด |
แพลตฟอร์มใดที่จะแสดงลิงก์ที่แชร์ออกมาโดยตัวเอง?#
แพลตฟอร์มใด ๆ ที่เข้าใจ oEmbed หน้าเพจที่แชร์จะประกาศที่อยู่ oEmbed ของมัน ดังนั้นการวางลิงก์โดยไม่ต้องทำอะไรใน Notion, WordPress, Ghost หรือ Discourse จะแสดงกรอบโต้ตอบเดียวกันกับที่โค้ดจะแสดง โดยที่คุณไม่จำเป็นต้องเขียน HTML
นี่คือเส้นทางที่สั้นที่สุดที่ใช้งานได้: วางลิงก์แล้วคุณจะได้รับการฝัง โค้ดมีอยู่สำหรับเว็บไซต์อื่น ๆ ทั้งหมด และสำหรับเมื่อคุณต้องการกำหนดความกว้างหรือปิดการหมุน
แพลตฟอร์มที่ไม่รองรับ oEmbed ก็ยังจะแสดงตัวอย่างลิงก์ปกติ เพราะหน้าที่แชร์นั้นมีชื่อ คำอธิบาย และภาพหน้าปกของตัวเอง
ลิงก์แชร์ใช้งานได้นานเท่าไหร่? #
ลิงก์ที่สร้างด้วยการเข้าสู่ระบบจะคงอยู่จนกว่าคุณจะลบออก ลิงก์ที่สร้างในฐานะแขกจะใช้ได้นานสองสัปดาห์ และการเข้าสู่ระบบจะเรียกร้องให้ใช้งานได้ตลอดไป ดังนั้นลิงก์ที่คุณวางไว้ที่ใดก็ตามก็ยังทำงานอยู่
ระยะเวลาสองสัปดาห์มีไว้เพื่อป้องกันไม่ให้การทดลองที่ไม่ระบุชื่อกลายเป็นหน้าสาธารณะถาวรที่ไม่มีใครสามารถลบได้ การเรียกร้องถือเป็นวิธีแก้ปัญหา และมีผลย้อนหลัง ไม่ใช่ลิงก์ใหม่: URL ไม่เปลี่ยนแปลง
การเปิดแชร์ซ้ำในดีไซน์ที่คุณเปลี่ยนสไตล์จะอัปเดตลิงก์ที่คุณมีอยู่แล้วโดยไม่เปลี่ยนที่อยู่ ดังนั้น URL ที่อยู่ในหน้าของคนอื่นจะแสดงเวอร์ชันปัจจุบันแทนที่จะล้าสมัย
สิ่งที่การฝังไม่ได้ทำ#
ไม่ได้วางโมเดลบนเซิร์ฟเวอร์ของคุณเอง ไม่สามารถแสดงได้โดยไม่มีอินเทอร์เน็ต และเฟรมโดยตั้งใจไม่ได้เป็นหน้าที่สามารถจัดทำดัชนีได้ คุณสามารถจำกัดเว็บไซต์ที่สามารถฝังดีไซน์ได้แม้ว่าตัวเลือกนี้จะถูกปิดใช้งานตามค่าเริ่มต้น
การฝังเป็นกรอบรอบหน้าหนึ่งจากตรงนี้ ไม่ใช่สำเนาของโมเดล หากคุณต้องการไฟล์บนโครงสร้างพื้นฐานของตัวเอง ให้ส่งออก GLB แล้วใช้โปรแกรมดูของคุณเอง; การส่งออกฟรีและมีคำอธิบายในหน้าส่งออก
กรอบจะมีหัวเรื่อง noindex โดยเจตนา หน้าที่แชร์คือหน้าที่ควรถูกพบและลิงก์ และหากทั้งสองแข่งขันกัน การออกแบบเดียวกันจะถูกแบ่งระหว่างสอง URL
การออกแบบที่แชร์สามารถระบุโดเมนที่สามารถฝังมันได้ หากไม่ระบุใด ๆ เว็บไซต์ใด ๆ ก็สามารถฝังมันได้; หากระบุ จะปฏิเสธคำขอที่มาจากเว็บไซต์ที่ไม่อยู่ในรายการ นี่เป็นการตัดสินใจโดยตั้งใจสำหรับแต่ละการออกแบบ ไม่ใช่สิ่งที่มาพร้อมค่าเริ่มต้น
คำถาม
- ฉันวางโลโก้ 3 มิติในเว็บไซต์ของฉันอย่างไร?
- สร้างลิงก์เพื่อแชร์ดีไซน์ จากนั้นคัดลอกรหัสสำหรับฝังจากแผงแชร์แล้ววางลงบนหน้าเว็บของคุณ มันเป็น iframe ธรรมดา ไม่มีสคริปต์และไม่ต้องติดตั้งอะไร และสามารถใช้งานได้บนแพลตฟอร์มใด ๆ ที่อนุญาตให้วาง HTML
- การฝังฟรีหรือไม่?
- ใช่ การแชร์ รหัสสำหรับฝัง และ oEmbed ฟรีเมื่อมีบัญชี และผู้เยือนสามารถแชร์ได้โดยไม่ต้องมีบัญชี สิ่งที่ต้องจ่ายเพียงอย่างเดียวคือการซ่อนเครื่องหมายเล็ก ๆ ของ 3dlogo.io ภายในกรอบ ซึ่งเป็นฟังก์ชันของ Pro
- ฉันสามารถฝังโดยไม่ต้องมีบัญชีได้ไหม?
- ได้ แต่ลิงก์จะใช้ได้สองสัปดาห์ การเข้าสู่ระบบจะถือว่าคงลิงก์นั้นไว้ตลอดไปโดยไม่เปลี่ยน URL ดังนั้นทุกสิ่งที่คุณวางไว้แล้วจะยังคงทำงานอยู่ ลิงก์ของผู้เยือนที่ไม่ได้ถูกอ้างสิทธิ์จะหมดอายุเมื่อผ่านไปสองสัปดาห์
- การฝังจะทำให้หน้าของฉันช้าลงหรือไม่?
- มีการโหลดแบบเลื่อนได้ ดังนั้นจะไม่ดาวน์โหลดอะไรจนกว่าผู้อ่านจะทำให้มันปรากฏบนหน้าจอ และจะเรนเดอร์ในกรอบของมันเอง ไม่ใช่ในหน้าของคุณ หน้าเว็บที่มีการฝังอยู่ด้านล่างของหน้าจอแรกมีค่าใช้จ่ายในการโหลดเท่ากับหน้าที่ไม่มีการฝัง
- ฉันสามารถปิดการหมุนหรือการควบคุมได้หรือไม่?
- ทั้งสองอย่าง การหมุนอัตโนมัติและการควบคุมเป็นสวิตช์ของแผงแชร์ที่ตั้งค่าก่อนคัดลอก และอยู่ใน URL ของโค้ด การปิดการควบคุมจะเปลี่ยนการฝังให้เป็นภาพเคลื่อนไหวไม่ใช่สิ่งที่ผู้เข้าชมสามารถลากได้
- การฝังสามารถใช้งานได้ใน Notion หรือ WordPress หรือไม่?
- ใช่ และที่นั่นคุณสามารถวางลิงก์เพื่อแชร์ได้เลยแทนที่จะใช้โค้ด: ทั้งคู่แก้ไข oEmbed และแสดงกรอบเดียวกัน Ghost และ Discourse ทำเหมือนกัน ในเว็บไซต์อื่น ๆ ให้ใช้โค้ด
