থাম্বনেইল সহ এলিমেন্টর গ্যালারি স্লাইডার (প্রো): স্প্লিট-লেআউট উইজেট

গ্যালারি স্লাইডার হল একটি মাস্টার অ্যাডনস প্রো উইজেট যা একটি বড় প্রিভিউ ইমেজ দেখায় যার পাশে, উপরে বা নীচে থাম্বনেইলের সেট রয়েছে। দর্শকরা একটি থাম্বনেইলে ক্লিক করুন, অথবা প্রিভিউ পরিবর্তন করতে তীর ব্যবহার করুন। থাম্বনেইলগুলি 12টি কলাম পর্যন্ত একটি গ্রিডে বসতে পারে বা একটি অনুভূমিক বা উল্লম্ব ক্যারোসেলে স্ক্রোল করতে পারে। এটি পোর্টফোলিও, পণ্যের ফটো, রিয়েল এস্টেট তালিকা এবং ইভেন্ট অ্যালবামের জন্য উপযুক্ত।

গ্যালারি স্লাইডার থাম্বনেইল ক্যারোজেল এবং লেআউট প্যানেল প্রিভিউ পজিশন অপশন সহ একটি সিটি রিভার প্রিভিউ এর পাশে উপরে একটি থাম্বনেইল স্ট্রিপ

বিভক্ত বিন্যাস: যেকোনো দিকে পূর্বরূপ

স্টাইল ট্যাবে, বিন্যাস সেট করে পূর্বরূপ অবস্থান ডিফল্ট হিসাবে বাম সহ উপরে, ডান, নীচে বা বামে। বাম বা ডান দিয়ে আপনি সেট করুন পূর্বরূপ প্রস্থ (%), ডিফল্টরূপে 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 পণ্যের ছবি টেনে নেয় না, তাই ফটোগুলি নিজেই গ্যালারিতে যোগ করুন।

সেটে স্ট্যাক করুন যখন পাশাপাশি লেআউটটি উল্লম্ব হয়ে যায়: ট্যাবলেট এবং মোবাইলে, যা ডিফল্ট, বা শুধুমাত্র মোবাইলে। প্রিভিউ এবং থাম্বনেলগুলি তারপর স্ট্যাক করে যাতে উভয়ই টাচস্ক্রিনে ব্যবহার করার জন্য যথেষ্ট বড় থাকে।

ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন

কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।

এলিমেন্টরের জন্য মাস্টার অ্যাডনস গ্লাসমরফিজম এক্সটেনশন: ব্লার ভ্যালু কন্ট্রোল সহ ফ্রস্টেড গ্লাস কার্ড 20px এ সেট করা হয়েছে

গ্লাসমরফিজম

হোম ফ্রি এলিমেন্টর গ্লাসমরফিজম এক্সটেনশন: ফ্রস্টেড গ্লাস ইফেক্ট ইন ওয়ান টগল গ্লাসমরফিজম হল ফ্রস্টেড।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডনস কন্টেইনার এক্সট্রা এক্সটেনশন: সর্বোচ্চ প্রস্থ, সর্বোচ্চ উচ্চতা, ন্যূনতম প্রস্থ এবং সর্বনিম্ন উচ্চতা নিয়ন্ত্রণ সহ 1400px সর্বোচ্চ প্রস্থে কন্টেইনার ক্যাপ করা হয়েছে

ধারক অতিরিক্ত

হোম এলিমেন্টর কন্টেইনার সর্বোচ্চ প্রস্থ এবং সর্বোচ্চ উচ্চতা নিয়ন্ত্রণ কন্টেইনার অতিরিক্ত একটি বিনামূল্যের মাস্টার।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডনস প্যাটার্নস এক্সটেনশন: পার্পল গ্রেডিয়েন্ট গ্রিড বাম শৈলী সহ হিরো, আরও তিনটি প্যাটার্ন শৈলী এবং প্যাটার্ন প্যানেল সক্ষম করুন

নিদর্শন

হোম 70+ ফ্রি এলিমেন্টর ব্যাকগ্রাউন্ড প্যাটার্ন প্যাটার্নস হল একটি ফ্রি মাস্টার অ্যাডঅন এক্সটেনশন যা যোগ করে।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট

পোস্ট/পেজ ডুপ্লিকেটর

হোম ডুপ্লিকেট এলিমেন্টর পেজ এবং পোস্ট এক ক্লিকে পোস্ট/পেজ ডুপ্লিকেটর একটি ফ্রি মাস্টার।।।
বিস্তারিত দেখুন
এলিমেন্টরের জন্য মাস্টার অ্যাডনস রিডিং প্রোগ্রেস বার এক্সটেনশন: নীল বার 42% একটি গোপনীয়তা নীতি পৃষ্ঠার শীর্ষে পূর্ণ, সক্ষম, অবস্থান, উচ্চতা এবং রঙ সেটিংস পূরণ করুন

রিডিং প্রোগ্রেস বার

হোম ওয়ার্ডপ্রেসে একটি রিডিং প্রোগ্রেস বার যোগ করুন (এলিমেন্টর) রিডিং প্রোগ্রেস বার একটি বিনামূল্যে।।।
বিস্তারিত দেখুন