হোভার সোয়াপ, রিবন এবং টিল্ট সহ ফ্রি এলিমেন্টর ইমেজ উইজেট

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

এলিমেন্টরে হোভার ইমেজ সোয়াপ কিভাবে যোগ করবেন

আপনার WordPress।org থেকে Elementor এবং বিনামূল্যের Master Addons প্লাগইন প্রয়োজন।

  1. চেক করুন যে উন্নত চিত্রের অধীনে সুইচ করা হয়েছে মাস্টার অ্যাডঅন, উইজেট.
  2. Elementor সম্পাদক, অনুসন্ধান করুন উন্নত চিত্র এবং পৃষ্ঠায় টেনে আনুন।
  3. প্রয়োজনে প্রধান চিত্র এবং একটি চিত্র লিঙ্ক চয়ন করুন।
  4. চালু করা হোভার ইমেজ প্রদর্শন করুন এবং দ্বিতীয় চিত্রটি বেছে নিন, আদর্শভাবে একই আকারের।
  5. বিষয়বস্তু এবং সেটিংস বিভাগ থেকে একটি ফিতা, লাইটবক্স, কাত বা রঙিন ছায়া যোগ করুন। রঙিন ছায়া হোভার ইমেজের সাথে একসাথে কাজ করে না।
  6. স্টাইল ট্যাবে সাধারণ এবং হোভার স্টেট স্টাইল করুন।

প্রতিটি সেটিং এর মধ্যে আচ্ছাদিত করা হয় উন্নত চিত্র উইজেট সেটিংস.

একটি গোলাপী প্রশংসাপত্র কার্ডে একটি বিবাহ দম্পতির ছবির পাশে উন্নত চিত্র হোভার চিত্র এবং প্রিলোড সেটিংস৷

হোভার ইমেজ এবং স্মার্ট ইফেক্ট

তাত্ক্ষণিক তৈরি করুন “beaf-and-after” তুলনা বা সাধারণ হোভার প্রকাশ করে। আপনার প্রধান ছবি আপলোড করুন, তারপর একটি দ্বিতীয় ছবি আপলোড করতে Hover ইমেজ সক্ষম করুন। যখন দর্শকরা ঘোরাফেরা করে, ছবিটি নির্বিঘ্নে সুইচ করে। টিল্ট ইফেক্টের সাথে পরিশীলিততার একটি স্তর যুক্ত করুন, যা মাউসটি তার উপর দিয়ে যাওয়ার সাথে সাথে চিত্রটিকে কিছুটা কাত করে, একটি সূক্ষ্ম 3D অনুভূতি যোগ করে। অতিরিক্ত গভীরতার জন্য, রঙিন ছায়াকে ছবির পিছনে একটি নরম, রঙিন ছায়া রাখতে সক্ষম করুন, এটি পৃষ্ঠা থেকে পপ করে।

  • ইন্টারেক্টিভ তুলনা: আগে এবং পরে একটি পণ্য দেখানোর জন্য বা একটি সম্পত্তির একটি দিন/রাতের দৃশ্য দেখানোর জন্য উপযুক্ত।
  • আকর্ষক টিল্ট ইফেক্ট: একটি আধুনিক, ইন্টারেক্টিভ স্তর যোগ করে যা কার্সার চলাচলে সাড়া দেয়।
  • ভিজ্যুয়াল গভীরতা: অতিরিক্ত নকশা উপাদান ছাড়াই বিচ্ছেদ এবং ফোকাস তৈরি করতে রঙিন ছায়া ব্যবহার করুন।

কাস্টমাইজযোগ্য ফিতা এবং লেবেল

পেশাদার ফিতা দিয়ে আপনার ছবিগুলিকে আলাদা করে তুলুন। "নতুন ডিজাইন," "বেস্টসেলার," বা "বিক্রীত আউট" এর মতো একটি লেবেল যোগ করতে রিবন বৈশিষ্ট্যটি সক্ষম করুন৷ বিভিন্ন রিবন শৈলী (যেমন কর্নার বা ক্রস বা সাধারণ) থেকে চয়ন করুন এবং অবস্থান সেট করুন (উপর/নীচে, বাম/ডান)। রিবনের রঙ, টাইপোগ্রাফি এবং বেধ সম্পূর্ণরূপে কাস্টমাইজ করুন যাতে এটি আপনার ইমেজ এবং ব্র্যান্ডকে পুরোপুরি পরিপূরক করে।

  • মূল তথ্য হাইলাইট করুন: তাৎক্ষণিকভাবে স্ট্যাটাস, প্রচার, বা বিভাগ সরাসরি ছবিতে যোগাযোগ করুন।
  • নমনীয় অবস্থান: ছবির গুরুত্বপূর্ণ অংশগুলি ঢেকে না রাখার জন্য যে কোনও কোণে ফিতাটি রাখুন।
  • সম্পূর্ণ শৈলী নিয়ন্ত্রণ: আপনার সাইটের নকশা ভাষার সাথে রিবনের পটভূমি, পাঠ্যের রঙ এবং ফন্টের সাথে মিল করুন।
60% ছাড়, 40% ছাড় এবং জনপ্রিয় ফিতা সহ ফ্যাশন ফটোর পাশে কর্নার স্টাইল সহ উন্নত চিত্র ফিতা সেটিংস
একটি প্লাস লাইটবক্স বোতাম সহ একটি ক্ষেত্রের একজন মহিলার ছবির পাশে উন্নত চিত্র লিঙ্ক এবং লাইটবক্স সেটিংস৷

লিঙ্ক এবং লাইটবক্স ইন্টিগ্রেশন যোগ করুন

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

  • একটি পণ্য পৃষ্ঠার সাথে লিঙ্ক করুন বা একটি পূর্ণ আকারের লাইটবক্স খুলুন।
  • এর কলামে বাম, কেন্দ্র বা ডান প্রান্তিককরণ।
  • বড় ছবির জন্য একটি লোডিং স্থানধারক।

বিস্তারিত স্টাইলিং এবং সাইজিং নিয়ন্ত্রণ

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

  • প্রতিক্রিয়াশীল আকার: অপ্রত্যাশিত স্বয়ংক্রিয় আকারের উপর নির্ভর না করে চিত্রের মাত্রাগুলি সঠিকভাবে নিয়ন্ত্রণ করুন।
  • কাস্টম আকার: বৃত্তাকার ছবি, বৃত্তাকার আয়তক্ষেত্র, বা অনন্য অপ্রতিসম সীমানা তৈরি করুন।
  • স্টেট-স্পেসিফিক স্টাইলিং: ইমেজটি ইন্টারেক্টিভ তা দৃশ্যমানভাবে নির্দেশ করতে শুধুমাত্র হোভারে একটি সীমানা বা ছায়া যোগ করুন।
বিয়ের ছবির পাশে রং, ছায়া এবং অবস্থানের জন্য উন্নত ইমেজ রিবন শৈলী সেটিংস
টেমপ্লেট ভিউয়ার
ফেসবুক
টুইটার
হোয়াটসঅ্যাপ
কপি লিঙ্ক
এখন কেন
লাইটবক্স সহ উন্নত চিত্র
লাইটবক্স সহ উন্নত চিত্র
উন্নত ইমেজ হোভার প্রভাব
উন্নত ইমেজ হোভার প্রভাব
কাস্টমাইজযোগ্য ফিতা এবং লেবেল সহ উন্নত চিত্র
কাস্টমাইজযোগ্য ফিতা এবং লেবেল সহ উন্নত চিত্র
টিল্ট ইফেক্ট সহ উন্নত ছবি
টিল্ট ইফেক্ট সহ উন্নত ছবি

উন্নত চিত্রের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন

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

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

হ্যাঁ। অ্যাডভান্সড ইমেজ হল হোভার ইমেজ, ফিতা, লাইটবক্স, টিল্ট, কালারাইজড শ্যাডো এবং সমস্ত স্টাইলিং বিকল্প সহ ফ্রি মাস্টার অ্যাডঅন প্লাগইনের অংশ।

এলিমেন্টরের মৌলিক উইজেট আপনাকে একটি ছবি, একটি লিঙ্ক, একটি ক্যাপশন এবং কিছু সাধারণ স্টাইলিং যোগ করতে দেয়। অ্যাডভান্সড ইমেজ এলিমেন্ট পেশাদার বৈশিষ্ট্যের একটি স্যুট যোগ করে: হোভার ইমেজ সোয়াপ, রিবন/লেবেল, টিল্ট ইফেক্ট, কালারাইজড শ্যাডো, আলাদা নরমাল/হোভার স্টেট স্টাইলিং এবং আরও দানাদার লাইটবক্স নিয়ন্ত্রণ। এটি আরও আকর্ষক, ইন্টারেক্টিভ ইমেজ উপস্থাপনা তৈরি করার জন্য ডিজাইন করা হয়েছে।

আমি কি হোভার ইমেজ বা অন্যান্য প্রভাব ছাড়াই রিবন বৈশিষ্ট্যটি ব্যবহার করতে পারি?

একেবারে! প্রতিটি বৈশিষ্ট্য স্বাধীন। আপনার কাছে একটি ফিতা সহ একটি চিত্র বা একটি কাত প্রভাব সহ একটি চিত্র থাকতে পারে। আপনি আপনার পছন্দ মতো বৈশিষ্ট্যগুলিকে মিশ্রিত করতে এবং মেলাতে পারেন৷ আপনার নির্দিষ্ট নকশা লক্ষ্যের জন্য শুধুমাত্র আপনার প্রয়োজনগুলি সক্ষম করুন৷।

প্রিলোড ইমেজ একটি স্থানধারক দেখায় যখন ছবিটি লোড হয়, তাই দর্শকরা একটি খালি স্থান দেখতে পান না। ফাঁকা, একটি অস্পষ্ট স্থানধারক চিত্র, একটি ইন-প্রোগ্রেস বক্স অ্যানিমেশন, বা একটি নীল, হালকা বা গাঢ় লোডিং স্পিনার চয়ন করুন৷ এটি বড় ছবির জন্য সবচেয়ে দরকারী।

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

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

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

গ্লাসমরফিজম

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

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

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

নিদর্শন

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

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

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

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

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