নিজের সাইটে একটা কার্ড বসানো
আপনার আগে থেকেই থাকা কোনও পাতার ভিতরে একটা কার্ড থাকতে পারে (টিমের পাতা, ইন্ট্রানেটের পোস্ট, উপলক্ষের জন্য বানানো সাইট), কার্ডের ছবি নয়, আসল কার্ডটা ধরে রাখা একটা ফ্রেম হিসেবে।
এমবেড জিনিসটা কী
একই কার্ড, চারপাশে Noya ছাড়া: সাইটের হেডার নেই, এডিট করার কন্ট্রোল নেই, যিনি বানিয়েছেন তাঁর কিছুই নেই। আপনার পাতা যাঁরা পড়ছেন তাঁরা সবার লেখা কার্ডগুলো পড়তে আর নিজেরটা যোগ করতে পারেন, ঠিক যেমনটা লিঙ্কে পারতেন। ফ্রেমে বসানো কার্ডটা সার্চ ইঞ্জিন ইনডেক্স করে না, আর এর ভিতরের যা কিছু Noya-য় ফিরিয়ে নিয়ে যায় তা আপনার পাতার ভিতরে না খুলে নতুন ট্যাবে খোলে।
কোডটা
কার্ডটা যেখানে বসবে সেখানে এটা পেস্ট করুন, আর YOUR_WALL_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>কী কী বদলাতে পারেন
ফ্রেমটা সাধারণ একটা iframe, তাই যে পাতায় এটা বসছে তার সঙ্গে মানিয়ে নিতে এর অ্যাট্রিবিউটগুলো এডিট করার অধিকার আপনারই।
| অ্যাট্রিবিউট | এটা যা করে |
|---|---|
| width | ফ্রেমটা কত চওড়া। 100%-এ রেখে দিলে এটা যে কলামে বসে তার পুরো চওড়াটাই নেয়। |
| height | ফ্রেমটা কত উঁচু, পিক্সেলে। কার্ড বড় হলেও ফ্রেম বড় হয় না, তাই এর চেয়ে উঁচু কার্ড ভিতরে স্ক্রল করে। |
| title | স্ক্রিন রিডারের কাছে, আর যাঁরা ছবি ছাড়া ব্রাউজ করেন তাঁদের কাছে ফ্রেমটার নাম কী। |
| loading | lazy রেখে দিলে পাঠক কাছাকাছি স্ক্রল করলে তবেই কার্ডটা আনা হয়। |
একটা কাজের উদাহরণ
একই স্নিপেট, তাতে একটা কার্ডের আইডি বসানো আর যে পাতায় এটা বসছে তার জন্য বেছে নেওয়া একটা উচ্চতা।
<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 লোডিংটা রেখে দিন। পাতার অনেক নিচের একটা কার্ডের জন্য পাতার উপরের অংশ আটকে থাকা উচিত নয়।
- আমন্ত্রণের লিঙ্ক এমবেড করুন, পৌঁছে দেওয়ার লিঙ্ক কখনও নয়। আপনার প্রকাশ করা কোনও পাতায় বসানো কার্ড মানে এমন একটা কার্ড যাতে মানুষ লিখবেন, আর পৌঁছে দেওয়ার লিঙ্ক সেই কাজের জন্য নয়।
Noya-র ভিতরে এটা কোথায় পাবেন
এই পাতা থেকে আপনার কিছু কপি করার দরকার নেই। কার্ডের টুল রেইলে “এমবেড” খুলুন: স্নিপেটটা সেখানেই আছে, তাতে ওই কার্ডের আইডি আগে থেকেই বসানো, আর সবটা কপি করে নেওয়ার একটা বোতামও আছে।