হোভার ফ্লিপ অ্যানিমেশন সহ ফ্রি এলিমেন্টর ফ্লিপ বক্স উইজেট
ফ্লিপবক্স হল এলিমেন্টরের জন্য একটি বিনামূল্যের মাস্টার অ্যাডনস ফ্লিপ বক্স উইজেট। সামনের মুখটি একটি শিরোনাম এবং সংক্ষিপ্ত পাঠ্য সহ একটি আইকন বা চিত্র দেখায় এবং হোভারে কার্ডটি আরও বিশদ এবং একটি অ্যাকশন বোতাম সহ একটি পিছনের মুখের দিকে মোড় নেয়। ফ্রি প্লাগইনটিতে ডিফল্ট এবং ফ্রন্ট আইকন ডিজাইন এবং 6টি অ্যানিমেশন রয়েছে: ফ্লিপ হরাইজন্টাল, ফ্লিপ ভার্টিক্যাল, ফেইড, ফ্লিপ বক্স, ফ্লিপ বক্স ফেইড এবং ফেড আপ। মাস্টার অ্যাডনস প্রো মোট 22টির জন্য সামনের চিত্র এবং তির্যক ডিজাইন এবং কিউব, রোলওভার এবং 3D ফ্লিপ সহ আরও 16টি অ্যানিমেশন যোগ করে৷ ফ্রি এলিমেন্টরের কোনো ফ্লিপ বক্স উইজেট নেই, তাই এটি এলিমেন্টর প্রো ছাড়াই কাজ করে।
ডিজাইনের বৈচিত্র এবং ফ্লিপ অ্যানিমেশন
ডিজাইনের বৈচিত্র সামনের লেআউট সেট করে: ডিফল্ট এবং ফ্রন্ট আইকন বিনামূল্যে, ফ্রন্ট ইমেজ এবং ডায়াগোনাল প্রো প্রয়োজন। অ্যানিমেশন স্টাইল কার্ডটি কীভাবে ঘুরবে তা সেট করে। বিনামূল্যে: ফ্লিপ অনুভূমিক, ফ্লিপ উল্লম্ব, ফেইড, ফ্লিপ বক্স, ফ্লিপ বক্স ফেইড এবং ফেইড আপ। প্রো চারটি কিউব দিকনির্দেশ, ফেইড হাইডব্যাক, ফেইড আপ হাইডব্যাক, চারটি স্লাইড দিকনির্দেশ, দুটি তির্যক স্লাইড, ফেড ইন আউট, নানানানা, রোলওভার এবং 3D ফ্লিপ যোগ করে, যার নিজস্ব দিক রয়েছে সেটিং।
- মোট 22টি অ্যানিমেশন: 6টি বিনামূল্যে এবং 16টি প্রো সহ৷।
- ফ্লিপটি ডেস্কটপে হোভারে এবং টাচ স্ক্রিনে ট্যাপে চলে।
- প্রতি বিভাগে একটি অ্যানিমেশন ব্যবহার করুন যাতে কার্ডের একটি সারি সামঞ্জস্যপূর্ণ মনে হয়।
ডুয়াল-সাইড কন্টেন্ট বিল্ডার
দ্য সামনের বাক্স এবং পিছনের বাক্স ডিফল্ট, স্ট্যাকড বা ফ্রেমড ভিউ এবং সার্কেল বা বর্গাকার আকৃতি, একটি শিরোনাম, একটি বিবরণ, প্রান্তিককরণ এবং একটি শিরোনাম ট্যাগ সহ প্রত্যেকের নিজস্ব আইকন রয়েছে৷ একটি পরিষেবার নামের মতো সামনের অংশটি ছোট রাখুন এবং ব্যাখ্যার জন্য পিছনে ব্যবহার করুন। স্টাইল ট্যাবে প্রতিটি মুখ তার নিজস্ব পটভূমি, শিরোনাম এবং বর্ণনার রঙ, টাইপোগ্রাফি, আইকনের রঙ এবং সীমানা পায়।
- প্রতিটি মুখের জন্য আলাদা বিষয়বস্তু এবং স্টাইলিং।
- উভয় মুখে শিরোনাম HTML ট্যাগ, তাই কার্ডের একটি গ্রিড একটি পরিষ্কার শিরোনাম ক্রম রাখে।
- ক ফ্লিপ বক্সের উচ্চতা সাধারণভাবে সেট করা উভয় মুখ একই আকার রাখে।
হোভার সহ CTA বোতাম
দ্য অ্যাকশন বোতাম আপনার বোতাম টেক্সট এবং লিঙ্ক সহ পিছনের মুখে দেখায়। টেক্সট রঙ, ব্যাকগ্রাউন্ড, সীমানা, সীমানা ব্যাসার্ধ এবং প্যাডিং, প্লাস টাইপোগ্রাফি সহ সাধারণ এবং হোভারের জন্য এটি স্টাইল করুন। বোতামটি উইজেটের ভিতরে একমাত্র লিঙ্ক। পুরো কার্ডটি ক্লিকযোগ্য করতে, বিনামূল্যে যোগ করুন মোড়ক লিঙ্ক উইজেটে এক্সটেনশন।
- একটি নির্দিষ্ট লেবেল ব্যবহার করুন যেমন "মূল্য দেখুন" যখন লিঙ্কটি যায়।
- বিশুদ্ধভাবে তথ্যমূলক কার্ডের বোতামটি এড়িয়ে যান।
- আপনি যদি র্যাপার লিঙ্ক ব্যবহার করেন, বোতামটি একই পৃষ্ঠায় নির্দেশ করুন।
এলিমেন্টর প্রো ফ্লিপ বক্স বনাম মাস্টার অ্যাডঅন ফ্লিপবক্স
Elementor Pro এর নিজস্ব ফ্লিপ বক্স উইজেট আছে। আপনি যদি ইতিমধ্যেই এটির জন্য অর্থ প্রদান করেন তবে আপনার অন্যটির প্রয়োজন নাও হতে পারে। এখানে কিভাবে দুটি তুলনা।
| বৈশিষ্ট্য | এলিমেন্টর প্রো ফ্লিপ বক্স | মাস্টার অ্যাডঅন ফ্লিপবক্স |
|---|---|---|
| দাম | এলিমেন্টর প্রো প্রয়োজন | প্রো-তে আরও ডিজাইন এবং অ্যানিমেশন সহ বিনামূল্যে |
| ফ্লিপ প্রভাব | ফ্লিপ, স্লাইড, পুশ, জুম ইন, জুম আউট এবং ফেইড, দিক এবং 3D গভীরতা সহ | কিউব, রোলওভার এবং 3D ফ্লিপ সহ প্রো সহ 6টি বিনামূল্যের অ্যানিমেশন, 22টি৷ |
| সামনের গ্রাফিক | কোনটিই নয়, ছবি বা আইকন | আইকন, বা প্রো ফ্রন্ট ইমেজ ডিজাইন সহ একটি ছবি |
| পুরো কার্ড লিঙ্ক | লিঙ্ক অন প্রয়োগ করুন: পুরো বাক্স বা বোতাম শুধুমাত্র | শুধুমাত্র বোতাম, অথবা বিনামূল্যে র্যাপার লিঙ্ক এক্সটেনশন সহ পুরো কার্ড |
| বোতাম | হ্যাঁ | হ্যাঁ, নরমাল এবং হোভার স্টাইলিং সহ |
এলিমেন্টর প্রো সহজ হয় যদি আপনি একটি সম্পূর্ণ-বক্স লিঙ্ক বিল্ট ইন করতে চান। মাস্টার অ্যাডনস ফ্রি এলিমেন্টর সাইটগুলির জন্য উপযুক্ত এবং প্রো-এর সাথে আরও অ্যানিমেশন পছন্দ দেয়। একটি স্ট্যাটিক কার্ডের জন্য যেখানে কিছুই লুকানো নেই, বিনামূল্যে ব্যবহার করুন তথ্য বাক্স উইজেট।
ফ্লিপ বক্স আইডিয়া এবং টিপস
একটি ফ্লিপ বক্স একটি গ্রিড পরিষ্কার রাখে যখন এখনও বিশদ বহন করে, কারণ বিবরণটি কার্ডের নীচে না হয়ে পিছনে বসে থাকে। এটি পরিষেবা গ্রিড, সামনে একটি ফটো সহ টিম কার্ড এবং পিছনে একটি বায়ো, বৈশিষ্ট্যযুক্ত টাইলস এবং স্ট্যাট কার্ডগুলির জন্য ভাল কাজ করে যা একটি সংখ্যার অর্থে ফ্লিপ করে৷।
- ফ্লিপ বক্সের উচ্চতা সেট করুন। এটি ছাড়া, একটি দীর্ঘ পিছনের মুখ কার্ডের আকার পরিবর্তন করে যখন এটি ঘুরবে এবং সারিটি লাফ দেবে।
- মুখগুলোকে অন্যরকম দেখান। সামনের দিকে একটি আভা এবং পিছনে আপনার ব্র্যান্ডের রঙ ফ্লিপটিকে স্পষ্ট করে তোলে।
- ফোনের জন্য পরিকল্পনা করুন। টাচ স্ক্রীনে কোন হোভার নেই, তাই কার্ডটি ট্যাপে ফ্লিপ হয় এবং বোতামটি দ্বিতীয়বার ট্যাপ করতে হয়। একটি বাস্তব ফোনে পরীক্ষা করুন।
- সামনে প্রয়োজনীয় বিবরণ রাখুন। দাম, ফোন নম্বর এবং বুকিং লিঙ্কগুলি কেবল পিছনের দিকে থাকা উচিত নয়।
- গতি সীমিত করুন। প্রতি পৃষ্ঠায় এক বা দুটি ফ্লিপ বক্স সারি ছয়টি ভিন্ন অ্যানিমেশনের চেয়ে ভালো পড়ে।
এলিমেন্টরে কীভাবে একটি ফ্লিপ বক্স যুক্ত করবেন
আপনার WordPress।org থেকে Elementor এবং বিনামূল্যের Master Addons প্লাগইন প্রয়োজন।
- ফ্লিপবক্সের নিচে সুইচ করা আছে কিনা তা পরীক্ষা করুন মাস্টার অ্যাডঅন, উইজেট.
- Elementor সম্পাদক, অনুসন্ধান করুন ফ্লিপবক্স এবং এটি একটি পাত্রে টেনে আনুন।
- একটি ডিজাইনের বৈচিত্র এবং একটি অ্যানিমেশন শৈলী চয়ন করুন, তারপর এটির পূর্বরূপ দেখতে কার্ডটি ঘোরান৷।
- সামনের বাক্স এবং পিছনের বাক্সে পূরণ করুন: আইকন, শিরোনাম, বিবরণ এবং শিরোনাম ট্যাগ।
- অ্যাকশন বোতাম পাঠ্য এবং লিঙ্ক যোগ করুন।
- শৈলী, সাধারণ, সেট ফ্লিপ বক্সের উচ্চতা তাই কার্ডের মাঝামাঝি ফ্লিপের আকার পরিবর্তন হয় না, তারপর প্রতিটি মুখের স্টাইল করুন।
3D প্রভাবের জন্য, পড়ুন কিভাবে 3D এলিমেন্টর ফ্লিপবক্স অ্যানিমেশন তৈরি করবেন. প্রতিটি সেটিং আছে ফ্লিপবক্স উইজেট সেটিংস.
ফ্লিপবক্সের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
ফোনে ফ্লিপ বক্স কিভাবে কাজ করে?
টাচ স্ক্রিনে কোন হোভার নেই, তাই ট্যাপ করলে কার্ডটি উল্টে যায়। ফ্লিপের পরে পিছনের মুখের বোতামটির নিজস্ব ট্যাপ প্রয়োজন। সামনের তথ্য দেখতে হবে এবং একটি বাস্তব ডিভাইসে পরীক্ষা করতে হবে।
আমি কি সামনের দিকে একটি আইকনের পরিবর্তে একটি চিত্র ব্যবহার করতে পারি?
হ্যাঁ, ফ্রন্ট ইমেজ ডিজাইনের ভিন্নতা সহ, যা একটি মাস্টার অ্যাডনস প্রো বিকল্প। বিনামূল্যের সংস্করণে, সামনে একটি আইকন ব্যবহার করুন বা স্টাইল ট্যাবে মুখের জন্য একটি পটভূমি চিত্র সেট করুন।
ফ্লিপবক্স উইজেট কি বিনামূল্যে?
হ্যাঁ। ফ্লিপবক্স ডিফল্ট এবং ফ্রন্ট আইকন ডিজাইন এবং 6টি অ্যানিমেশন সহ বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনে রয়েছে। Master Addons Pro আরও 2টি ডিজাইন এবং আরও 16টি অ্যানিমেশন যোগ করে৷।
Elementor একটি ফ্লিপ বক্স উইজেট আছে?
শুধুমাত্র Elementor Pro এর একটি আছে। ফ্রি এলিমেন্টর নেই, তাই ফ্রি এলিমেন্টরে আপনার এই ফ্লিপবক্স উইজেটের মতো একটি অ্যাডঅন প্রয়োজন।
আমি কি আলাদা বোতাম ছাড়া পুরো ফ্লিপবক্সটিকে একটি পৃষ্ঠায় লিঙ্ক করতে পারি?
উইজেট শুধুমাত্র বোতাম লিঙ্ক। পুরো কার্ডটি ক্লিকযোগ্য করতে, বিনামূল্যে চালু করুন মোড়ক লিঙ্ক এক্সটেনশন করুন এবং ফ্লিপবক্স উইজেটে লিঙ্কটি যোগ করুন।
কয়টি ফ্লিপ অ্যানিমেশন আছে?
মোট 22। ফ্লিপ হরাইজন্টাল, ফ্লিপ ভার্টিক্যাল, ফেইড, ফ্লিপ বক্স, ফ্লিপ বক্স ফেইড এবং ফেড আপ বিনামূল্যে। কিউব, রোলওভার এবং 3ডি ফ্লিপ সহ অন্য 16টির জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
