থাম্বনেইল সহ এলিমেন্টর গ্যালারি স্লাইডার (প্রো): স্প্লিট-লেআউট উইজেট
গ্যালারি স্লাইডার হল একটি মাস্টার অ্যাডনস প্রো উইজেট যা একটি বড় প্রিভিউ ইমেজ দেখায় যার পাশে, উপরে বা নীচে থাম্বনেইলের সেট রয়েছে। দর্শকরা একটি থাম্বনেইলে ক্লিক করুন, অথবা প্রিভিউ পরিবর্তন করতে তীর ব্যবহার করুন। থাম্বনেইলগুলি 12টি কলাম পর্যন্ত একটি গ্রিডে বসতে পারে বা একটি অনুভূমিক বা উল্লম্ব ক্যারোসেলে স্ক্রোল করতে পারে। এটি পোর্টফোলিও, পণ্যের ফটো, রিয়েল এস্টেট তালিকা এবং ইভেন্ট অ্যালবামের জন্য উপযুক্ত।
এলিমেন্টরে থাম্বনেইল সহ একটি গ্যালারি স্লাইডার কীভাবে যুক্ত করবেন
উইজেটটির জন্য মাস্টার অ্যাডঅন প্রো প্রয়োজন, এবং ছবিগুলি আপনার মিডিয়া লাইব্রেরি থেকে আসে৷।
- মাস্টার অ্যাডনস প্রো সক্রিয় সহ, এটি পরীক্ষা করুন গ্যালারি স্লাইডার মাস্টার অ্যাডঅন উইজেট সেটিংসে সুইচ অন করা হয়।
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন, অনুসন্ধান করুন গ্যালারি স্লাইডার এবং এটি টেনে আনুন।
- মধ্যে গ্যালারি, ক্লিক করুন ছবি যোগ করুন এবং আপনার ছবি বাছাই। আপনি যদি সেগুলি দেখাতে চান তবে মিডিয়া উইন্ডোতে ক্যাপশন যুক্ত করুন৷।
- মধ্যে থাম্বনেল, চয়ন করুন গ্রিড এবং একটি কলাম গণনা, বা ক্যারোজেল একটি অনুভূমিক বা উল্লম্ব অভিযোজন সঙ্গে।
- মধ্যে পূর্বরূপ, প্রভাব, অটোপ্লে, তীর সেট করুন এবং ছবিটি একটি লাইটবক্স খোলে কিনা।
- স্টাইল ট্যাবে, খুলুন বিন্যাস, বাছাই পূর্বরূপ অবস্থান এবং প্রস্থ, তারপর পৃষ্ঠা আপডেট করুন।
ভিডিও গ্যালারি কেস সহ দীর্ঘ হাঁটার জন্য, আমাদের পড়ুন গ্যালারি স্লাইডার গাইড.
বিভক্ত বিন্যাস: যেকোনো দিকে পূর্বরূপ
স্টাইল ট্যাবে, বিন্যাস সেট করে পূর্বরূপ অবস্থান ডিফল্ট হিসাবে বাম সহ উপরে, ডান, নীচে বা বামে। বাম বা ডান দিয়ে আপনি সেট করুন পূর্বরূপ প্রস্থ (%), ডিফল্টরূপে 70, এবং উপরে বা নীচের সাথে আপনি ক্যারোজেল প্রস্থ এবং প্রান্তিককরণ সেট করেন। স্ট্যাক অন ট্যাবলেট এবং মোবাইল বা শুধুমাত্র মোবাইলে একটি উল্লম্ব লেআউটে স্যুইচ করে।
- থাম্বনেইল গ্রিড: অনুভূমিক এবং উল্লম্ব ব্যবধান সহ 1 থেকে 12টি কলাম।
- থাম্বনেইল ক্যারোজেল: অনুভূমিক বা উল্লম্ব, প্রতি দৃশ্যে 1 থেকে 12টি স্লাইড, নিজস্ব তীর, অটোপ্লে, লুপ এবং দিক সহ।
- ব্যবধান: প্রিভিউ এবং থাম্বনেইলের মধ্যে ব্যবধান, ডিফল্টরূপে 24।
প্রিভিউ এবং থাম্বনেইল স্টাইল করা
দ্য পূর্বরূপ স্টাইল বিভাগে কাস্টম উচ্চতা, চিত্র ফিট (কভার বা ধারণ), পটভূমির রঙ, সীমানা, সীমানা ব্যাসার্ধ এবং বক্স ছায়া, প্লাস তীরের আকার, প্যাডিং এবং ডিফল্ট, হোভার এবং অক্ষম রঙ রয়েছে। থাম্বনেইল হোভার প্রভাব পটভূমির রঙ, অস্বচ্ছতা (ডিফল্টরূপে 0.65), স্কেল এবং CSS ফিল্টার সহ ডিফল্ট, হোভার এবং সক্রিয় অবস্থায় প্রতিটি থাম্বনেইল স্টাইল করে এবং একটি ওভারলে স্তর যুক্ত করে।
- সক্রিয় থাম্বনেইল: বর্তমান চিত্রটিকে একটি সীমানা বা সম্পূর্ণ অস্বচ্ছতা দিন যাতে দর্শকরা দেখতে পায় তারা কোথায় আছে৷।
- ক্যাপশন: উল্লম্ব এবং অনুভূমিক অবস্থান সহ পূর্বরূপ এবং থাম্বনেইলের জন্য পৃথক ক্যাপশন স্টাইলিং।
- ওভারলে: ব্লেন্ড মোড সহ থাম্বনেইলের উপরে একটি রঙ বা গ্রেডিয়েন্ট স্তর।
স্লাইড ইফেক্ট, কেন বার্নস এবং ক্যাপশন হোভার ইফেক্ট
প্রভাব প্রিভিউ কীভাবে পরবর্তী ছবিতে চলে যায় তা সেট করে: স্লাইড, ফেইড, কিউব, ফ্লিপ বা কভারফ্লো, সহ গতি (ms) ডিফল্টরূপে 1000 এ। যখন প্রভাব বিবর্ণ হয়, ক কেন বার্নস বিকল্পটি স্কেল, ট্রান্সফর্ম অরিজিন (ডিফল্ট, এলোমেলো বা একটি কাস্টম অ্যাঙ্কর পয়েন্ট), সময়কাল এবং সহজ করার সাথে একটি ধীর জুম যোগ করে। প্রিভিউ হোভার প্রভাব ফেইড ইন, ফ্রম টপ বা ফ্রম লেফটের মতো প্রভাব সহ দর্শকরা ঘোরাফেরা করলে ক্যাপশন অ্যানিমেট করে।
- পাঁচটি প্রভাব: স্লাইড, ফেইড, কিউব, ফ্লিপ এবং কভারফ্লো।
- কেন বার্নস: শুধুমাত্র ফেইড ইফেক্টের সাথে উপলব্ধ।
- ক্যাপশন হোভার: ক্যাপশনটি ভিতরে বা বাইরে বিবর্ণ করুন বা এটিকে পাশ থেকে স্লাইড করুন।
অটোপ্লে, তীর, লিঙ্ক এবং লাইটবক্স
পূর্বরূপ আছে অটোপ্লে (ডিফল্টরূপে, প্রতি 5000 ms), হোভারে বিরতি দিন, ইন্টারঅ্যাকশনে অক্ষম করুন, অসীম লুপ এবং স্বয়ংক্রিয় উচ্চতা. তীর সাত পদে বসতে পারেন। লিঙ্ক একটি ঐচ্ছিক লাইটবক্স বা একটি কাস্টম URL সহ মিডিয়া ফাইলটি খোলে৷। অর্ডার দিচ্ছে এলোমেলোভাবে ছবি এলোমেলো করতে পারেন।
- ইমেজ রেজোলিউশন: পূর্বরূপের জন্য পৃথক মাপ (ডিফল্টরূপে সম্পূর্ণ) এবং থাম্বনেইল (ডিফল্টরূপে থাম্বনেইল)।
- ক্যাপশন: মিডিয়া লাইব্রেরি থেকে শিরোনাম, ক্যাপশন বা বিবরণ, পূর্বরূপ এবং থাম্বনেইলের জন্য আলাদাভাবে সেট করা।
এলিমেন্টর প্রো মিডিয়া ক্যারোজেল বনাম মাস্টার অ্যাডনস গ্যালারি স্লাইডার
Elementor Pro এর মিডিয়া ক্যারোজেলের থাম্বনেইল সহ একটি স্লাইডশো স্কিন রয়েছে (প্রো সহ এলিমেন্টর 4.2।4 এ চেক করা হয়েছে)। ফ্রি এলিমেন্টরের ইমেজ ক্যারোজেলের কোনো থাম্বনেইল নেই।
| বৈশিষ্ট্য | এলিমেন্টর প্রো মিডিয়া ক্যারোজেল | মাস্টার অ্যাডনস গ্যালারি স্লাইডার |
|---|---|---|
| দাম | এলিমেন্টর প্রো | মাস্টার অ্যাডনস প্রো |
| থাম্বনেইল অবস্থান | মূল স্লাইডের নীচে স্ট্রিপ করুন | পূর্বরূপের উপরে, ডান, নীচে বা বামে |
| থাম্বনেইল লেআউট | ক্যারোজেল স্ট্রিপ | 1 থেকে 12 কলামের গ্রিড, বা একটি অনুভূমিক বা উল্লম্ব ক্যারোজেল |
| প্রভাব | স্লাইড, ফেইড, কিউব | স্লাইড, ফেইড, কিউব, ফ্লিপ, কভারফ্লো |
| কেন বার্নস | না | হ্যাঁ, ফেইডের সাথে |
| ভিডিও স্লাইড | হ্যাঁ | না, শুধুমাত্র ছবি |
| লাইটবক্স | হ্যাঁ | হ্যাঁ, মিডিয়া ফাইলের সাথে লিঙ্ক করার সময় |
কিছু স্লাইড ভিডিও হলে মিডিয়া ক্যারোজেল বেছে নিন। ইমেজ গ্যালারির জন্য, গ্যালারি স্লাইডার আরও লেআউট পছন্দ দেয়: যেকোনো পাশে থাম্বনেইল, একটি গ্রিড বা একটি উল্লম্ব স্ট্রিপ এবং আরও ট্রানজিশন ইফেক্ট।
অন্যান্য ইমেজ উইজেট: ইমেজ ক্যারোজেল (বিনামূল্যে) এবং ফিল্টারযোগ্য ইমেজ গ্যালারি (বিনামূল্যে)।
গ্যালারি স্লাইডারের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
গ্যালারি স্লাইডার উইজেট কি বিনামূল্যে?
নং গ্যালারি স্লাইডার মাস্টার অ্যাডনস প্রো এর অংশ। বিনামূল্যে ইমেজ ক্যারোজেল উইজেট থাম্বনেইল প্যানেল ছাড়াই সাধারণ ইমেজ স্লাইডার কভার করে।
আমি কি থাম্বনেইলগুলিকে একক সারির পরিবর্তে একটি গ্রিডে প্রদর্শন করতে পারি?
হ্যাঁ। থাম্বনেইল বিভাগে ক্যারোজেল/গ্রিডকে গ্রিডে সেট করুন এবং 1 থেকে 12টি কলাম বেছে নিন। একটি একক স্ক্রোলিং সারি বা একটি উল্লম্ব স্ট্রিপের জন্য ক্যারোসেলে স্যুইচ করুন।
কেন বার্নস প্রভাব সব ইমেজ প্রয়োগ করা হয়?
এটি প্রিভিউ ইমেজের ক্ষেত্রে প্রযোজ্য, এবং শুধুমাত্র যখন ইফেক্ট ফেইড সেট করা হয়। কেন বার্নস চালু করুন, তারপর স্কেল, ট্রান্সফর্ম অরিজিন, সময়কাল এবং সহজীকরণ সেট করুন। থাম্বনেল প্রভাবিত হয় না।
অনেক উচ্চ-রেজোলিউশন চিত্রের সাথে এটি কীভাবে কাজ করে?
আপনি যেখানে পারেন ছোট ফাইল পরিবেশন করুন। প্রিভিউ 1024px এর চেয়ে সংকীর্ণ হলে প্রিভিউ ইমেজ রেজোলিউশনকে পূর্ণের পরিবর্তে বড় করে সেট করুন, থাম্বনেইল আকারে থাম্বনেইল রাখুন এবং আপলোড করার আগে ছবি কম্প্রেস করুন।
আমি কি এটি একটি অনলাইন স্টোরে একটি পণ্য চিত্র গ্যালারির জন্য ব্যবহার করতে পারি?
হ্যাঁ, ছবির জন্য আপনি হাত দিয়ে বাছাই করেন। উইজেটটি নিজে থেকে WooCommerce পণ্যের ছবি টেনে নেয় না, তাই ফটোগুলি নিজেই গ্যালারিতে যোগ করুন।
"স্ট্যাক অন" বৈশিষ্ট্য সহ মোবাইলে কী ঘটে?
সেটে স্ট্যাক করুন যখন পাশাপাশি লেআউটটি উল্লম্ব হয়ে যায়: ট্যাবলেট এবং মোবাইলে, যা ডিফল্ট, বা শুধুমাত্র মোবাইলে। প্রিভিউ এবং থাম্বনেলগুলি তারপর স্ট্যাক করে যাতে উভয়ই টাচস্ক্রিনে ব্যবহার করার জন্য যথেষ্ট বড় থাকে।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
