জ্ঞানভাণ্ডার

Page Builder Sandwich-এর মাধ্যমে WordPress-এ একটি Figma ফ্রেম ইমপোর্ট করুন

আপনার নিজস্ব Figma অ্যাকাউন্ট সংযুক্ত করুন এবং একটি ফ্রেমকে সম্পাদনাযোগ্য পৃষ্ঠায় রূপান্তর করুন: স্বয়ংক্রিয় লেআউট, টেক্সট শৈলী, রঙ এবং ছবি অন্তর্ভুক্ত।

Page Builder Sandwich Pro একটি Figma ফ্রেমকে একটি সম্পাদনাযোগ্য WordPress পৃষ্ঠায় রূপান্তরিত করে। সাইটটি আপনার তৈরি করা একটি ব্যক্তিগত অ্যাক্সেস টোকেন ব্যবহার করে আপনার নিজস্ব Figma অ্যাকাউন্টের মাধ্যমে Figma-এর সাথে যোগাযোগ করে; কোনো ডিজাইন বা টোকেন Zinn Digital®-এর মধ্য দিয়ে অতিক্রম করে না।

Figma সংযুক্ত করুন (একবার, প্রশাসক হিসেবে)

১. Figma-তে, Settings → Security → Personal access tokens খুলুন এবং File content: read স্কোপসহ একটি টোকেন তৈরি করুন। ২. wp-admin-এ Page Builder Sandwich → Import from other builders and Figma → Import from Figma-এ যান, টোকেনটি পেস্ট করুন এবং Connect Figma চাপুন।

টোকেনটি Figma-এর মাধ্যমে যাচাই করা হয়, এনক্রিপ্ট করে সংরক্ষণ করা হয় এবং আর কখনোই দেখানো হয় না (শুধুমাত্র এর শেষ চারটি অক্ষর বাদে)। Disconnect এটি সরিয়ে দেয়। কমান্ড লাইনে: echo <token> | wp pbs importers figma-token set (টোকেনটি স্ট্যান্ডার্ড ইনপুট থেকে পড়া হয়, তাই এটি আপনার শেল হিস্ট্রিতে সংরক্ষিত হয় না)।

একটি ফ্রেম ইমপোর্ট করুন

১. Figma-তে, একটি ফ্রেমে ক্লিক করুন, সেটির ওপর রাইট-ক্লিক করুন এবং Copy/Paste as → Copy link to selection বেছে নিন। ২. লিঙ্কটি Figma frame link-এ পেস্ট করুন এবং Import the frame চাপুন। ফ্রেমের নামানুসারে একটি নতুন ড্রাফট পৃষ্ঠা তৈরি হবে।

ডিজাইনটি যেভাবে রূপান্তরিত হয়

  • Auto layout একই গ্যাপ, প্যাডিং এবং অ্যালাইনমেন্ট সহ ফ্লেক্স সারি ও কলামে (এবং গ্রিড অটো লেআউটের জন্য গ্রিডে) পরিণত হয়; মুক্তভাবে সাজানো একটি ফ্রেম পড়ার ক্রমানুসারে স্তূপীকৃত হয়, এবং লেয়ারগুলো একে অপরকে ওভারল্যাপ করলে প্রতিবেদনে তা উল্লেখ করা হয়।
  • সম্পূর্ণ প্রস্থের ব্যান্ড দিয়ে তৈরি একটি পৃষ্ঠা ফ্রেম প্রতিটি ব্যান্ডের জন্য একটি করে সম্পূর্ণ প্রস্থের সেকশনে পরিণত হয়।
  • টেক্সট তার ফন্ট, আকার, ওজন, লাইনের উচ্চতা, অক্ষরের ব্যবধান, কেস, অ্যালাইনমেন্ট এবং রঙ বজায় রাখে; বড় টেক্সট শিরোনামে পরিণত হয়, বোল্ড ও ইটালিক অংশ এবং লিঙ্কগুলো অপরিবর্তিত থাকে।
  • গ্রেডিয়েন্ট সহ ফিল, স্ট্রোক, কর্নার রেডিয়াস এবং ড্রপ শ্যাডো স্থানান্তরিত হয়।
  • ছবিগুলো আপনার মিডিয়া লাইব্রেরিতে কপি করা হয়, এবং ভেক্টর আর্ট (আইকন, চিত্র) Figma দ্বারা রেন্ডার করা হয় এবং একটি ছবি হিসেবে কপি করা হয় (প্রতি ইমপোর্টে ২০০টি পর্যন্ত ড্রয়িং)। একই ফ্রেম পুনরায় ইমপোর্ট করলে কপিগুলো পুনরায় ব্যবহৃত হয়।
  • ফিল, গোলাকার কোণা এবং একটি ছোট লেবেল (অথবা "button" নামের একটি লেয়ার) সহ একটি ছোট ফ্রেম একটি Button ব্লকে পরিণত হয়।

ফোনে, নির্দিষ্ট প্রস্থের আইটেমগুলোর সারি একটি কলামে স্তূপীকৃত হয়, কারণ Figma ফ্রেম একটি নির্দিষ্ট প্রস্থে আঁকা হয়।

কমান্ড লাইন থেকে: wp pbs importers figma <frame link>।

ব্লগ থেকে সাম্প্রতিক

হোস্টিং, এসইও এবং বৃহৎ পরিসরে সাইট পরিচালনা সম্পর্কে আমরা যা লিখছি।

হোস্টিং স্তর থেকে এসইও এবং লিঙ্ক বিল্ডিং: ২০২৬ সালের একজন অপারেটরের দৃষ্টিভঙ্গি

২০২৬ সালে হোস্টিং যেভাবে ইনডেক্সিং এবং লিঙ্ক ইকুইটি প্রভাবিত করে: পেজ ইনডেক্স করে রাখা, কাজ শুরুর আগে পুরনো ডোমেন যাচাই করা, কোনো সার্চ ফুটপ্রিন্ট ছাড়া লিঙ্ক তৈরি করা, এবং এসইও-এর জন্য অবকাঠামো কী করতে পারে আর কী পারে না সে সম্পর্কে একটি সৎ দৃষ্টিভঙ্গি।

পোস্টটি পড়ুন →

WordPress-কে দ্রুত এবং নিরাপদ করা: পারফরম্যান্স এবং প্লাগইন চেকলিস্ট

দ্রুত এবং নিরাপদ WordPress-এর জন্য একটি ব্যবহারিক চেকলিস্ট: সার্ভার-স্তরের ক্যাশিং, সাইট-ভিত্তিক অবজেক্ট ক্যাশ, ব্যবহারের উপযুক্ত অল্প কয়েকটি প্লাগইন, স্ট্যাক আপ-টু-ডেট রাখা এবং WooCommerce-এর যে পৃষ্ঠাগুলি আপনার কখনোই ক্যাশ করা উচিত নয়।

পোস্টটি পড়ুন →

২০২৬ সালে কীভাবে পরিচালিত ওয়েব হোস্টিং বেছে নেবেন: ক্রেতার নির্দেশিকা

একটি কন্ট্রোল প্যানেলযুক্ত সস্তা বাক্সের থেকে ভালো পরিচালিত হোস্টিংকে প্রকৃতপক্ষে কী আলাদা করে — মাইগ্রেশন, ব্যাকআপ, আইসোলেশন, আসল ক্যাশিং এবং সৎ স্কেলিং — এবং প্রতিশ্রুতিবদ্ধ হওয়ার আগে এটি কীভাবে বিচার করবেন।

পোস্টটি পড়ুন →

ব্লগটি পড়ুন →

এখনও আটকে আছেন?

প্রতিটি প্ল্যানেই সাপোর্ট অন্তর্ভুক্ত রয়েছে, ডেস্কটি দিনে 24 ঘণ্টা খোলা থাকে এবং আপনি আমাদের 58টি ভাষার যেকোনোটিতে আমাদের লিখতে পারেন—আমরা আপনার ভাষাতেই উত্তর দিই।

সহায়তার সাথে যোগাযোগ করুন → সমস্ত নিবন্ধ →