টিম স্লাইডার
আপনার দল পৃষ্ঠার যেকোনো কিছুর মতো ব্যবসা বিক্রি করে, কিন্তু হেডশটগুলির একটি সমতল গ্রিড খুব কমই সেভাবে অবতরণ করে। মাস্টার অ্যাডনস এলিমেন্টর টিম স্লাইডার সেই প্রোফাইলগুলিকে একটি ক্যারোসেলে পরিণত করে লোকেরা ব্রাউজ করতে পারে: ফটো, নাম, ভূমিকা, সংক্ষিপ্ত বায়োস এবং সামাজিক লিঙ্কগুলি, আপনার নিয়ন্ত্রণ করা লেআউটে স্লাইডিং৷ একটি স্টাইল প্রিসেট চয়ন করুন, একটি সাধারণ রিপিটারের মাধ্যমে প্রতিটি সদস্যকে যুক্ত করুন এবং আপনার কাছে একটি আছে দলের সদস্যরা ক্যারোজেল কোন কোড না লিখে আপ।
এটি মুখের সারির চেয়ে বেশি। হোভার ইফেক্ট, অটোপ্লে এবং প্রতি-এলিমেন্ট স্টাইলিং প্রতিটি প্রোফাইলকে কিছুটা চরিত্র দেয় এবং প্রথম কার্ডে থামার পরিবর্তে লোকেদের পুরো দলে ক্লিক করতে থাকে। নীচের ভিডিওটি বিল্ড দেখায়। আরও নিচে আপনি প্রিসেট, ক্যারোজেল সেটিংস এবং দ্রুত কিভাবে পাবেন।
একটি এলিমেন্টর টিম স্লাইডার কি?
একটি টিম স্লাইডার হল একটি ক্যারোজেল যা আপনার লোকেদের একটি স্ট্যাটিক গ্রিডে স্ট্যাক করার পরিবর্তে একবারে একটি কার্ড দেখায়। দর্শকরা প্রোফাইলগুলি সোয়াইপ করে বা ক্লিক করে এবং প্রতিটি কার্ডে একটি ফটো, একটি নাম, একটি ভূমিকা এবং সাধারণত সামাজিক লিঙ্ক থাকে৷ আপনি এটিকে একটি দলের সদস্যদের ক্যারোজেল বা একটি দলের সদস্য স্লাইডারও দেখতে পাবেন। একই ধারণা যেভাবেই হোক: একটি বড় দলকে একটি ছোট জায়গায় ফিট করুন এবং ফটোর প্রাচীরের পাশ দিয়ে স্ক্রোল করার পরিবর্তে লোকেদের এটির মধ্য দিয়ে যেতে দিন।
আপনি এলিমেন্টরের কোর ক্যারোজেল এবং প্রচুর ম্যানুয়াল স্টাইলিং এর সাথে কাছাকাছি যেতে পারেন, কিন্তু তারপরে প্রোফাইল লেআউট, হোভার স্টেটস এবং প্রতিক্রিয়াশীল আচরণ সবই আপনার উপর তৈরি এবং কাজ চালিয়ে যেতে। মাস্টার অ্যাডনস উইজেট সেগুলিকে প্রিসেট হিসাবে প্রেরণ করে, তাই বেশিরভাগ কাজ কনফিগারেশন, ডিজাইন নয়। যদি একটি নির্দিষ্ট গ্রিড আপনার জন্য একটি ক্যারোজেলের চেয়ে ভাল উপযুক্ত হয়, দলের সদস্যদের বিভাগ গাইড পরিবর্তে যে কভার।
একটি রেডিমেড স্টাইল প্রিসেট দিয়ে শুরু করুন
আপনাকে স্ক্র্যাচ থেকে একটি কার্ড ডিজাইন করতে হবে না। টিম ক্যারোজেল, সার্কেল গ্রেডিয়েন্ট বা হোভারের বিষয়বস্তুর মতো একটি প্রিসেট থেকে শুরু করুন, প্রতিটি একটি সমাপ্ত চেহারা যা আপনি সামঞ্জস্য করতে পারেন। তারপর কন্টেন্ট রিপিটারে টিম তৈরি করুন: সদস্য প্রতি একটি আইটেম যোগ করুন, ফটো আপলোড করুন, ছবির রেজোলিউশন সেট করুন এবং নাম, পদবী এবং একটি সংক্ষিপ্ত বিবরণ পূরণ করুন। এটি আপনার দলের জন্য একটি ছোট ভিজ্যুয়াল ডাটাবেসের মতো কাজ করে, একটি প্যানেল থেকে চালান।
- এক-ক্লিক প্রিসেট: টিম ক্যারোজেল বা সার্কেল অ্যানিমেশনের মতো একটি সম্পূর্ণ ডিজাইন প্রয়োগ করুন এবং আপনার কাছে শুরু করার জন্য একটি লেআউট রয়েছে।
- রিপিটার ব্যবস্থাপনা: + আইটেম যোগ করুন বোতামের সাহায্যে সদস্যদের যোগ করুন, সরান বা টেনে আনুন।
- সম্পূর্ণ সদস্য প্রোফাইল: প্রতিটি ব্যক্তির জন্য ছবি, নাম, পদবী, বিবরণ এবং সামাজিক লিঙ্ক।
ক্যারোজেল নিয়ন্ত্রণ এবং নেভিগেশন
আপনি যেভাবে চান সেভাবে আচরণ করতে ক্যারোজেল সেট করুন। অটোপ্লে চালু করুন এবং এর গতি সেট করুন, একবারে কতগুলি স্লাইড স্ক্রোল করুন তা চয়ন করুন এবং একটি অন্তহীন ক্যারোজেলের জন্য লুপ চালু করুন। তারপরে সিদ্ধান্ত নিন লোকেরা কীভাবে এটির মধ্য দিয়ে যায়: তীর, বিন্দু বা উভয়ই, স্লাইডারের ভিতরে বা বাইরে বসে। আপনি মোবাইলে তীরগুলিও লুকিয়ে রাখতে পারেন, যেটি করা মূল্যবান কারণ তারা যাইহোক একটি ফোন স্ক্রিনে ভিড় করে।
- অটোপ্লে এবং লুপ: স্ক্রোল করতে অটোপ্লে গতি, অ্যানিমেশন গতি, লুপ এবং স্লাইড সেট করুন।
- নেভিগেশন: কাস্টম পজিশনিং সহ তীর, বিন্দু বা উভয়ই।
- মোবাইল: ভিউ খোলা রাখতে ফোনে নেভি তীরগুলি লুকান।
স্লাইডারের প্রতিটি উপাদান স্টাইল করুন
প্রতিটি স্তর নিজস্ব শৈলী। প্রথমে সাধারণ চেহারা, স্লাইডার ব্যাকগ্রাউন্ড এবং বিষয়বস্তু সারিবদ্ধকরণ সেট করুন, তারপরে বিশদে যান: নাম, পদবী এবং বিবরণ তাদের নিজস্ব রঙ, প্রকার এবং ব্যবধান দিন। সদস্য কার্ডের সাধারণ, হোভার এবং সক্রিয় অবস্থার জন্য আলাদা ব্যাকগ্রাউন্ড, সীমানা এবং বক্স শ্যাডো রয়েছে, তাই কার্ডটি আসলে প্রতিক্রিয়া দেখায় যখন লোকেরা ক্যারোজেলের মধ্য দিয়ে যায়।
- টেক্সট স্টাইলিং: নাম, ভূমিকা এবং বায়োর জন্য আলাদা প্রকার, রঙ এবং ব্যবধান।
- কার্ডে বলা আছে: কার্ডের জন্য ভিন্ন স্টাইলিং যখন এটি সাধারণ, হোভার বা সক্রিয় হয়।
- তীর স্টাইলিং: রঙ, পটভূমি, আকার, সীমানা, এবং নেভি তীরগুলির জন্য প্যাডিং, স্বাভাবিক এবং হোভার।
সামাজিক প্রোফাইল এবং হোভার প্রভাব
একজন সদস্যের Facebook, Twitter, LinkedIn, বা Instagram URL যোগ করুন এবং আইকনগুলি তাদের কার্ডে একটি স্টাইল করা সেট হিসাবে প্রদর্শিত হয়৷ কিছু প্রিসেট, যেমন সোশ্যাল লেফট অন হোভার বা কনটেন্ট অন হোভার, বায়ো বা আইকনগুলিকে ধরে রাখুন যতক্ষণ না কেউ কার্ডটি ঘোরায়, তারপর সেগুলি প্রকাশ করুন৷ আপনি আইকন এবং তাদের ব্যাকগ্রাউন্ডগুলিকে স্বাভাবিক এবং হোভার অবস্থার জন্য আলাদাভাবে রঙ করতে পারেন, তাই প্রকাশটি পরবর্তী চিন্তার পরিবর্তে ডিজাইনের অংশের মতো দেখায়।
- সোশ্যাল মিডিয়া ইন্টিগ্রেশন: প্রতি দলের সদস্য চারটি পর্যন্ত সামাজিক প্রোফাইল URL যোগ করুন; আইকন স্বয়ংক্রিয়ভাবে প্রদর্শিত হয়।
- আইকন স্টাইলিং: সাধারণ এবং হোভার উভয় অবস্থার জন্য সামাজিক আইকন রঙ এবং পটভূমি কাস্টমাইজ করুন।
- ইন্টারেক্টিভ প্রিসেট: বায়োস বা সামাজিক লিঙ্কগুলিকে সুন্দরভাবে প্রকাশ করতে অন্তর্নির্মিত হোভার অ্যানিমেশন সহ প্রিসেটগুলি ব্যবহার করুন।
এলিমেন্টরে কিভাবে একটি টিম স্লাইডার যোগ করবেন?
একটি ওয়ার্কিং টিম স্লাইডার কয়েক মিনিট সময় নেয়। কোন শর্টকোড নেই, আলাদা স্লাইডার প্লাগইন নেই।
- মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয় করুন, তারপর এলিমেন্টর দিয়ে একটি পৃষ্ঠা সম্পাদনা করুন।
- এর জন্য উইজেট প্যানেল অনুসন্ধান করুন টিম স্লাইডার এবং পৃষ্ঠায় টেনে আনুন।
- বেস লুক সেট করতে একটি স্টাইল প্রিসেট বেছে নিন।
- কন্টেন্ট রিপিটারে ক্লিক করুন + আইটেম যোগ করুন প্রতিটি সদস্যের জন্য এবং ফটো, নাম, পদবী, বিবরণ এবং সামাজিক লিঙ্কগুলি পূরণ করুন।
- অটোপ্লে, লুপ, স্ক্রোল করার জন্য স্লাইড এবং নেভিগেশনের জন্য ক্যারোজেল সেটিংস খুলুন।
- আপনার ব্র্যান্ডের সাথে মেলে পাঠ্য, কার্ড এবং তীরগুলি স্টাইল করুন, তারপর প্রকাশ করুন৷।
এটি সম্পন্ন করার আগে একটি জিনিস পরীক্ষা করতে হবে: বর্গাকার, সমানভাবে কাটা ফটো আপলোড করুন। অমিল ইমেজ মাপ একটি টিম স্লাইডার বন্ধ দেখায় স্বাভাবিক কারণ, যেহেতু একটি লম্বা হেডশট পুরো সারিটিকে লাইনের বাইরে ফেলে দেয়। প্রতিটি সেটিং কভার করা হয় দলের সদস্যদের ক্যারোজেল ডকুমেন্টেশন.
শুধু দলের জন্য নয়: ক্লায়েন্ট এবং প্রশংসাপত্র
এটি দলগুলির জন্য ব্র্যান্ডেড, তবে হুডের নীচে এটি একটি প্রোফাইল ক্যারোজেল, তাই এটি একটি প্রশংসাপত্র স্লাইডার বা ক্লায়েন্ট ক্যারোজেল হিসাবে দ্বিগুণ হয়৷ ছবির ক্ষেত্রে একটি ক্লায়েন্ট লোগো বা গ্রাহকের ছবি, নামের ব্যক্তি বা কোম্পানি, পদবীতে তাদের ভূমিকা এবং বর্ণনায় উদ্ধৃতি ড্রপ করুন। একই প্রিসেট এবং নিয়ন্ত্রণ বহন করে।
- দল পাতা: আপনার কর্মীদের জন্য ফটো, ভূমিকা, বায়োস এবং সামাজিক লিঙ্ক।
- প্রশংসাপত্র স্লাইডার: গ্রাহকের ছবি, নাম, কোম্পানি এবং তাদের উদ্ধৃতি।
- ক্লায়েন্ট ক্যারোজেল: প্রতিটি প্রকল্প সম্পর্কে একটি ছোট লাইন সহ লোগো।
- স্পিকার বা লেখক লাইনআপ: একটি বায়ো এবং একটি লিঙ্ক আউট সঙ্গে হেডশট।
আপনি যদি শুধু একটি প্লেইন ইমেজ ক্যারোজেল চান, এলিমেন্টর ইমেজ ক্যারোজেল সহজ বাছাই হয়।
টিম স্লাইডার উপাদানের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
আমি স্লাইডারে কতজন দলের সদস্য যোগ করতে পারি?
আপনার যত দরকার। প্রোফাইল যোগ করতে কন্টেন্ট বিভাগে আইটেম যোগ করুন + ক্লিক করতে থাকুন, এবং ক্যারোজেল যেকোনো নম্বর নেয়। একটি খুব বড় দল প্রাথমিক পৃষ্ঠার লোড টেনে আনতে পারে, যদিও, তাই সদস্যের ফটোগুলি সংকুচিত করুন এবং আপনি কয়েক ডজনে গেলে অলস লোডিং চালু করুন।
এলিমেন্টর টিম স্লাইডার কি মোবাইল এবং ট্যাবলেটে প্রতিক্রিয়াশীল?
হ্যাঁ। স্লাইডার, ছবি, টেক্সট এবং নেভিগেশন সবই মানিয়ে নেয় এবং প্রতি ভিউ এবং আইটেম গ্যাপ ছোট স্ক্রিনে স্লাইড করে। কঠোর নিয়ন্ত্রণের জন্য, ট্যাবলেট এবং মোবাইলে বিভিন্ন ফন্টের আকার বা চিত্রের মাত্রা সেট করতে এলিমেন্টরের প্রতিক্রিয়াশীল মোড ব্যবহার করুন।
আমি কি এটি একটি দলের পরিবর্তে প্রশংসাপত্র বা ক্লায়েন্টদের জন্য ব্যবহার করতে পারি?
হ্যাঁ। এটি একটি নমনীয় প্রোফাইল ক্যারোজেল। ছবিতে একটি ক্লায়েন্ট লোগো বা গ্রাহকের ছবি, শিরোনামে নাম, উপাধিতে কোম্পানি বা ভূমিকা এবং বর্ণনায় উদ্ধৃতি রাখুন। এটি আপনাকে অন্য উইজেট যোগ না করে একটি প্রশংসাপত্র স্লাইডার বা একটি ক্লায়েন্ট ক্যারোজেল দেয়৷।
আমি কিভাবে অটোপ্লে গতি পরিবর্তন করব?
ক্যারোজেল সেটিংসে, অটোপ্লে গতির সন্ধান করুন। মানটি মিলিসেকেন্ডে, তাই 5000 হল পাঁচ সেকেন্ড। দ্রুত স্লাইডের জন্য এটিকে কম করুন (তিন সেকেন্ডের জন্য 3000) বা তাদের ধীর করার জন্য এটি বাড়ান (সাত সেকেন্ডের জন্য 7000)।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
