การเอาการ์ดไปไว้บนเว็บของคุณเอง

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

สิ่งที่การฝังคืออะไร

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

โค้ด

วางอันนี้ตรงที่การ์ดควรอยู่ แล้วแทนที่ YOUR_WALL_ID ด้วย id ของการ์ดคุณเอง ซึ่งคือส่วนของลิงก์ที่อยู่หลัง /c/

<iframe data-noya-src="https://noya.so/embed/YOUR_WALL_ID" width="100%" height="720" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>
YOUR_WALL_ID ใช้แทนการ์ดของคุณ ส่วนที่เหลือวางได้ตามที่เป็นอยู่

สิ่งที่คุณเปลี่ยนได้

กรอบนี้เป็น iframe ธรรมดา แอตทริบิวต์ของมันจึงเป็นของคุณที่จะแก้ให้เข้ากับหน้าเว็บที่มันไปอยู่

widthกรอบกว้างแค่ไหน ถ้าปล่อยไว้ที่ 100% มันจะกว้างเท่าคอลัมน์ที่มันอยู่
heightกรอบสูงแค่ไหน หน่วยเป็นพิกเซล กรอบไม่โตตามการ์ด การ์ดที่สูงกว่านี้จึงเลื่อนอยู่ข้างใน
titleกรอบนี้ชื่ออะไรสำหรับโปรแกรมอ่านหน้าจอ และสำหรับคนที่เปิดดูโดยไม่มีรูป
loadingถ้าปล่อยไว้ที่ lazy การ์ดจะถูกดึงมาก็ต่อเมื่อผู้อ่านเลื่อนมาใกล้มันแล้ว

ตัวอย่างที่ทำเสร็จแล้ว

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

<iframe data-noya-src="https://noya.so/embed/b7Kq2mXsPnR4" width="100%" height="1000" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>

สิ่งที่ควรทำ

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

หามันได้ที่ไหนใน Noya

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