রায় 
বেশিরভাগ বিনামূল্যের এলিমেন্টর হিরো সেকশন টেমপ্লেটের একই সমস্যা রয়েছে: আপনি একটি JSON ফাইল আমদানি করেন, একটি হিমায়িত লেআউট পান এবং তারপরে পৃথক শিরোনাম উইজেট, চিত্র উইজেট এবং স্পেসারগুলিতে ক্লিক করে এটিকে আপনার করার চেষ্টা করে এক ঘন্টা ব্যয় করেন। উচ্চারণ রঙ পরিবর্তন? এটি বারোটি পৃথক শৈলী প্যানেল।
আপনি স্ক্রোল করার আগে: এই সংগ্রহটি মাত্র 11-এ বেড়েছে। নতুনটি, আলগা শেষ, #11-এ বসে থাকা GPU পার্টিকেল হিরো, আমরা YouTube ভিডিও শুট করার পরে তৈরি করা হয়েছিল, তাই আপনি এটি সেখানে পাবেন না। এটা এড়িয়ে যাবেন না। আপনার শিরোনামকে প্রদক্ষিণ করে এবং আপনার ভিজিটরের কার্সারকে ফাঁকি দেওয়া এক হাজার কণা এমন কিছু নয় যা আপনি অন্য কোনো এলিমেন্টর লাইব্রেরিতে দেখতে পাবেন এবং নীচে একটি অ্যানিমেটেড প্রিভিউ রয়েছে যাতে আপনি এটিকে সরানো দেখতে পারেন।
আমরা এই 10টি হিরো বিভাগ আলাদাভাবে তৈরি করেছি। প্রতিটি একটি হিসাবে আমদানি একক উইজেট মাধ্যমে মাস্টার অ্যাডঅন উইজেট নির্মাতা। যখন আপনি এটিকে এলিমেন্টরে টেনে আনেন, তখন প্রতিটি শিরোনাম, অনুচ্ছেদ, বোতাম, লিঙ্ক এবং চিত্র বিষয়বস্তু ট্যাবে একটি লেবেলযুক্ত ক্ষেত্র, এবং সম্পূর্ণ রঙের স্কিমটি স্টাইল ট্যাবে 3 থেকে 6টি রঙ বাছাইকারী হিসাবে বসে। একটি "অ্যাকসেন্ট কালার" এবং বোতামগুলি পরিবর্তন করুন, সমস্ত আপডেটকে একত্রে হোভার করুন, উজ্জ্বল করুন এবং আন্ডারলাইন করুন, কারণ CSS আপনার বাছাই করা বেস রঙগুলি থেকে প্রতিটি গৌণ আভা অর্জন করে।
সমস্ত 10 এই পৃষ্ঠায় ডাউনলোড করার জন্য বিনামূল্যে। প্রতিটি জিপে উইজেট ফাইল রয়েছে, আপনি স্ক্রিনশটগুলিতে যে ডেমো চিত্রগুলি দেখেন (আপলোড-প্রস্তুত PNG এবং আসল SVG হিসাবে), এবং একটি README যা প্রতিটি চিত্রকে তার সঠিক ক্ষেত্রে ম্যাপ করে৷ অ্যানিমেশনগুলি (প্যারালাক্স পর্বত, স্ব-অঙ্কন চার্ট, প্রদক্ষিণকারী উপাদান ব্যাজ) স্বয়ংক্রিয়ভাবে আসে এবং তাদের প্রত্যেকটি দর্শকের হ্রাস-মোশন সেটিংকে সম্মান করে, তাই আপনি চোখের ক্যান্ডির সাথে অ্যাক্সেসযোগ্যতার সমস্যাগুলি শিপিং করছেন না।
স্ক্রিনশুটগুলি ব্যাখ্যা করে না যে অ্যানিমেশনটি আসলে কেমন দেখাচ্ছে৷ আমি আপনার জন্য একটি ভিডিও তৈরি করেছি যা আপনার দেখা উচিত যাতে আপনি অ্যানিমেশন সম্পর্কে সঠিক ধারণা পান এবং আপনি হিরো বিভাগের টেমপ্লেট ডাউনলোড করার পরে আপনি কী পাবেন।
আর একজন নায়ক মাত্র প্রথম পর্দা। একজন ভিজিটর যা কিছু স্ক্রোল করে তার পরে ফিচার গ্রিড যা ব্যাখ্যা করে, প্রশংসাপত্র যা বিশ্বাস করে, মূল্য সারণী যা বন্ধ হয়ে যায়, FAQ যা শেষ আপত্তিকে মেরে ফেলে (এখনও বিল্ডিং প্রয়োজন। আমরা একটি সহচর সংগ্রহে যারা সব প্যাক 30+ বিনামূল্যের এলিমেন্টর সেকশন টেমপ্লেট, একই উইজেট-ভিত্তিক উপায়ে তৈরি করা হয়েছে: এখানে একজন নায়ক বাছাই করুন, সেখান থেকে বাকি পৃষ্ঠাটি স্ট্যাক করুন এবং একটি সম্পূর্ণ ল্যান্ডিং পৃষ্ঠা এক সপ্তাহের পরিবর্তে একটি বিকেলে একত্রিত হয়।
নীচে আপনি বাস্তব স্ক্রিনশট সহ সমস্ত 10টি ডিজাইন পাবেন, প্রতিটি আসলে কার সাথে মানানসই তার একটি সৎ নোট এবং তারপর একটি ধাপে ধাপে আমদানি নির্দেশিকা সঠিক ওয়ার্কফ্লো থেকে স্ক্রিনশট সহ।
কিছু নায়ক একটি স্থির ছবির চেয়ে তাদের মধ্যে গতির সাথে ভাল পড়েন। যদি আপনি যে দিকে যাচ্ছেন, 20 এলিমেন্টর ক্যারোজেল ডিজাইন এই ওয়ান upo কভারফ্লো, একটি ইমেজ অ্যাকর্ডিয়ন, একটি পর্দা মুছা, একটি কক্ষপথ, একটি ড্র্যাগ-স্ক্রোল স্ট্রিপ, এবং প্লিন্থ নামক একটি ফুল-ব্লিড হিরো স্লাইডার যা তার নিজস্ব ক্যাপশন প্যানেল এবং কল-টু-অ্যাকশন বহন করে।
তারা ঠিক নীচের নায়কদের মতো আমদানি করে: একটি JSON ফাইল, উইজেট বিল্ডার, তারপর লেবেলযুক্ত ক্ষেত্র সহ একটি উইজেট। বিশটির মধ্যে আটটি ফ্রি প্লাগইনে চলে এবং বারোটির প্রো প্রয়োজন, যা আপনি বাছাই করার আগে জানার মতো একটি পার্থক্য। প্রতিটি ডিজাইনের একটি লাইভ ডেমো রয়েছে, তাই আপনি একটি স্ক্রিনশট থেকে অনুমান করার পরিবর্তে দশ সেকেন্ডের জন্য একটি গতি শৈলী দেখতে পারেন।
শোকেসের আগে একটি দ্রুত পার্থক্য, কারণ এটি পরিবর্তন করে যে আপনি কীভাবে সেগুলি ব্যবহার করবেন৷।
একটি সাধারণ এলিমেন্টর সেকশন টেমপ্লেট হল স্টক উইজেটগুলির একটি সংরক্ষিত বিন্যাস। এটা সমাপ্ত দেখায়, কিন্তু কাঠামোগতভাবে এটি কয়েক ডজন আলগা অংশ। এই 10 নায়ক হয় কাস্টম উইজেট উইজেট বিল্ডার দিয়ে তৈরি: এলিমেন্টর নিয়ন্ত্রণের পিছনে প্যাকেজ করা HTML, CSS এবং JavaScript। তিনটি ব্যবহারিক ফলাফল:
আপনি প্রয়োজন হবে মাস্টার অ্যাডঅন প্লাগইন এলিমেন্টরের পাশাপাশি PRO ইনস্টল করা হয়েছে। উইজেট বিল্ডার এবং এর আমদানি বৈশিষ্ট্য বিনামূল্যের সংস্করণে অন্তর্ভুক্ত করা হয়েছে, যেভাবে 30,000+ সাইট ইতিমধ্যেই এটি চালায়।
ক্লাসিক স্প্লিট হিরো, বাম দিকে কপি এবং ডানদিকে পণ্য, কিন্তু তিনটি বিবরণ সহ যা দর্শকদের থামিয়ে দেয়। রাজস্ব চার্ট নিজেই আঁকে লাইন বরাবর ভ্রমণ একটি পালস বিন্দু সঙ্গে লোড উপর। দুটি স্ট্যাট কার্ড একটি ধীর বব উপর ড্যাশবোর্ড উপর ভাসমান। এবং পুরো ভিজ্যুয়ালটি আপনার কার্সারের দিকে কয়েক ডিগ্রি কাত হয়ে যায়, যা একটি ফ্ল্যাট মকআপকে একটি বস্তু হিসাবে পড়তে বাধ্য করে।
নীচের সামাজিক-প্রমাণ সারিটি আপনার নম্বর পর্যন্ত গণনা করে (ডিফল্ট: 4,700 টি দল)। আপনি প্যানেলে একটি প্লেইন নম্বর টাইপ করুন এবং অ্যানিমেশন বাকিগুলি পরিচালনা করে। আপনার পণ্যের স্ক্রিন দেখানোর মতো আছে কিনা তা বেছে নেওয়ার জন্য এটি হল লেআউট: বিশ্লেষণ সরঞ্জাম, CRM, ড্যাশবোর্ড, বুকিং সিস্টেম। যদি আপনার পণ্যটি একটি স্ক্রিনশটে ভালভাবে ডেমো না করে, তাহলে পরিবর্তে অফবিট (#5) দেখুন, কারণ এই লেআউটটি সেই ডানদিকের ছবিতে বেঁচে থাকে বা মারা যায়।
আপনি সম্পাদনা করতে পারেন: 4-অংশের শিরোনাম (আন্ডারলাইন করা উচ্চারণ শব্দটি তার নিজস্ব ক্ষেত্র), ব্যাজ পাঠ্য, অনুচ্ছেদ, সম্পূর্ণ লিঙ্ক নিয়ন্ত্রণ সহ 2 বোতাম, গণনা নম্বর, প্রমাণ পাঠ্য, 3টি চিত্র, 6টি রঙ।
তিনটি পৃথক চিত্র স্তর থেকে নির্মিত একটি পূর্ণ-স্ক্রীন পর্বত প্যানোরামা। আপনার মাউস সরান এবং স্তরগুলি বিভিন্ন গতিতে স্থানান্তরিত হয়। এটি আসল গভীরতা, উপরে পাঠ্য সহ একটি সমতল ফটো নয়। 55- এবং 90-সেকেন্ডের লুপগুলিতে মেঘগুলি প্রবাহিত হয় এবং ডানদিকে একটি উল্লম্ব উচ্চতার টিকার 0 থেকে 2,847 মিটার পর্যন্ত গণনা করে যখন পৃষ্ঠাটি লোড হয়৷ সামনের রিজে একটি জ্বলজ্বলে হেডল্যাম্প সহ একটি ছোট হাইকারও আছে৷ কারো হাইকারের দরকার নেই। সবাই হাইকারের কথা মনে রাখে।
যেহেতু দৃশ্যাবলী তিনটি চিত্র ক্ষেত্র থেকে আসে, আপনি আপনার নিজস্ব স্তরযুক্ত শিল্পকর্মের ( টিলা, উপকূলরেখা, শহরের আকাশরেখা) জন্য পর্বতগুলিকে অদলবদল করতে পারেন এবং প্যারালাক্স রাখতে পারেন। ফ্যাক্ট সারি (27 রুট /8 হাইকার সর্বোচ্চ /19 বছর) ছয়টি সম্পাদনাযোগ্য ক্ষেত্র, এবং এখানেই এই নায়ক বিশ্বাস অর্জন করে: বিশেষণের পরিবর্তে নির্দিষ্ট সংখ্যা। সেরা ফিট: ট্রেকিং কোম্পানি, ট্যুর অপারেটর, ন্যাশনাল পার্ক সাইট, পণ্যের পরিবর্তে একটি জায়গা বিক্রি করে এমন কোনো ব্র্যান্ড।
আপনি সম্পাদনা করতে পারেন: 2-লাইন শিরোনাম, ভ্রু, অনুচ্ছেদ, 2 বোতাম + লিঙ্ক, উচ্চতা সংখ্যা এবং লেবেল, 3টি ফ্যাক্ট জোড়া, 4টি দৃশ্যের ছবি, 4টি রঙ (সম্পূর্ণ আকাশের গ্রেডিয়েন্ট একটি বেস রঙ থেকে পুনরায় আভা)।
গাঢ় এসপ্রেসো ব্যাকগ্রাউন্ড, একটি তির্যক অ্যাম্বার অ্যাকসেন্ট শব্দ সহ সেরিফ শিরোনাম, এবং স্বাক্ষরের অংশ: পাঠ্য পড়ার একটি রিং “ ব্যাচ · রোস্টেড প্রতি বৃহস্পতিবার · একক অরিজিন" যা কাপ থেকে বাষ্প উঠার সময় একটি টপ-ডাউন ল্যাটে ছবির চারপাশে ধীরে ধীরে ঘোরে। একটি কফি ব্যাগ কোণে ঝুঁকে পড়ে এবং ঘোরাঘুরি করলে সোজা হয়ে যায়। নীচে, একটি মূল-নাম মার্কি (ইরগাচেফে, হুইলা, সিদ্রা...) লুপে স্ক্রোল করে এবং হোভারে বিরতি দেয়।
রিং টেক্সট একটি সম্পাদনাযোগ্য ক্ষেত্র, তাই একটি বেকারি লিখেছেন "SOURDOUGH · BAKED AT 5AM · NO SHORTCUTS" এবং পুরো ব্যক্তিত্ব স্থানান্তর। মার্কির জন্য একই: একটি ক্ষেত্র, অভ্যন্তরীণভাবে দুবার মুদ্রিত যাতে লুপটি কখনই একটি সীম দেখায় না। যে কোনো খাদ্য ব্যবসার জন্য কাজ করে যেখানে কারুকাজ হল পিচ enterasties, বেকারি, ব্রুয়ারি, ফার্ম-টু-টেবিল রেস্তোরাঁ।
আপনি সম্পাদনা করতে পারেন: উচ্চারণ শব্দ, অনুচ্ছেদ, মূল্য নোট, 2 বোতাম + লিঙ্ক, রিং টেক্সট, মার্কি টেক্সট, 2 ছবি, 5 রঙ সহ 3-অংশের শিরোনাম।
সেটের সবচেয়ে শান্ত নকশা, এবং সবচেয়ে সম্পাদকীয়। দুটি বড় আকারের শব্দ (ডিফল্টরূপে শান্ত/উপকরণ) একটি খিলানযুক্ত প্রতিকৃতি ফ্রেমে স্ট্র্যাডল, প্রতিটি শব্দ লোডের উপর একটি ক্লিপ করা প্রান্ত থেকে মুছে যায়। পোর্ট্রেটটি ঘোরান এবং এটি একটি দ্বিতীয় চেহারায় ক্রসফেড হয়ে যায় যখন নীচের ক্যাপশনটি “01 /02 1 The Longline Coat” থেকে “02 /02 over The Drape Dress” এ স্যুইচ হয়৷ যে দুই-ইমেজ হোভার অদলবদল হল ক্ষুদ্রাকৃতির পুরো উইজেট: সংযত, কিন্তু জীবন্ত।
পরিচালনা করার জন্য শুধুমাত্র তিনটি রঙ (ক্যানভাস, কালি, ঋষি উচ্চারণ) কারণ ডিজাইনের শক্তি প্যালেটের পরিবর্তে টাইপোগ্রাফি এবং নেতিবাচক স্থান। যদি আপনার ব্র্যান্ড ভাল ফটোগ্রাফ করে এবং আপনি সাইটটিকে একটি লুকবুকের মতো অনুভব করতে চান তবে এটি হল। ফ্যাশন, গয়না, সিরামিক, আসবাবপত্র। আপনার যদি ভাঁজের উপরে পাঁচটি মূল্য প্রস্তাব ক্র্যাম করার প্রয়োজন হয় তবে এটি আপনার সাথে লড়াই করবে এবং এটি করা উচিত।
আপনি সম্পাদনা করতে পারেন: উভয় শিরোনাম শব্দ, উল্লম্ব ঋতু লেবেল, অনুচ্ছেদ, বোতাম + লিঙ্ক, হোভার ইঙ্গিত, 2টি ক্যাপশন সহ 2টি লুক ইমেজ, ফুটার স্ট্রিপ, 3টি রঙ৷।
কোবাল্ট, প্রবাল, এবং লেবু অফ-হোয়াইট • Bauhaus পোস্টার শক্তি। শিরোনামটি একটি হাইলাইট করা উচ্চারণ শব্দের সাথে বড় হাতের অক্ষরে চিৎকার করে যা লোডের অর্ধেক সেকেন্ড পরে একটি হলুদ সোয়াইপ আন্ডারলাইন করে। এটির নীচে, তিনটি পোর্টফোলিও টাইলস একটি টেবিলের প্রিন্টের মতো সামান্য ঘোরানো বসে; প্রতিটি একটি সোজা, উত্তোলন, এবং হোভারে 3D এ আপনার কার্সারের দিকে কাত হয়। একটি “Q4 এর জন্য বুকিং স্টিকার কোলাজের উপরে অলসভাবে ঘুরছে।
বৃত্তাকার কল-টু-অ্যাকশন হল সেই টুকরো যা মানুষ খেলে। এটা চৌম্বক: এটি তার ব্যাসার্ধের ভিতরে আপনার কার্সারকে অনুসরণ করে এবং আপনি চলে গেলে ফিরে আসে। প্রতিটি টাইলের নিজস্ব লিঙ্ক ক্ষেত্র রয়েছে, তাই কোলাজটি একটি মিনি পোর্টফোলিও হিসাবে দ্বিগুণ হয় এবং তিনটি কেস স্টাডি সরাসরি নায়কের কাছ থেকে ক্লিক করা যায়। এজেন্সি, ডিজাইনার, ফটোগ্রাফার, যাদের কাজ তাদের জন্য হয় পিচ।
আপনি সম্পাদনা করতে পারেন: 3টি পরিষেবা ট্যাগ, কিকার, 5-অংশের শিরোনাম (উচ্চারণ শব্দ পৃথক), অনুচ্ছেদ, চৌম্বক বোতাম + লিঙ্ক, 3টি লিঙ্ক সহ 3টি টাইলস, স্টিকার পাঠ্য, ক্লায়েন্ট মার্কি, 5টি রঙ।
কাঠকয়লা এবং ভোল্ট সবুজ, ঘনীভূত বড় হাতের টাইপ, এবং একটি শিরোনাম যে স্ল্যাম ইন: প্রতিটি লাইন একটি ভদ্র ফেইডের পরিবর্তে একটি তির্যক-এবং-স্কেল স্ন্যাপ দিয়ে অবতরণ করে। লাইন দুইটি ভরাটের পরিবর্তে রূপরেখা দেওয়া হয়েছে, লাইন তিনটি ভোল্টের রঙ নেয়। সবকিছুর পিছনে, একটি দৈত্যাকার ভূত শব্দ (FORGE) আপনার স্ক্রলের বিপরীতে প্রবাহিত হয়। অ্যাথলিট ইমেজ একটি কোণীয় সমান্তরাল ফ্রেমে বসে একটি ভোল্ট স্ল্যাশ সহ লেআউটটিকে তির্যকভাবে কাটছে।
পরিসংখ্যান নীচে গণনা করা হয়: 14টি প্ল্যাটফর্ম, 31টি ক্লাস, প্রতি কোচে 24 জন সদস্য সর্বোচ্চ। লক্ষ্য করুন যে শেষ সংখ্যা কি করে। "কোচ প্রতি সদস্য, সর্বোচ্চ" একটি প্রতিশ্রুতি, গর্ব নয়, এবং এটি এমন একটি লাইন যা ভূমিকা সেশনগুলি পূরণ করে৷ একটি ক্ষেত্রে আপনার জিমের নামের জন্য ভূত শব্দটি অদলবদল করুন। শক্তি জিম, ক্রসফিট বক্স, মার্শাল আর্ট স্টুডিও এবং কোচের জন্য নির্মিত যার ব্র্যান্ড তীব্রতা।
আপনি সম্পাদনা করতে পারেন: 3-লাইন শিরোনাম, ভ্রু, অনুচ্ছেদ, ভূত শব্দ, উল্লম্ব ট্যাগ, 2 বোতাম + লিঙ্ক, 3 স্ট্যাট জোড়া, ক্রীড়াবিদ চিত্র, 4 রঙ।
ক্যান্ডি প্যাস্টেল, গোলাকার টাইপ, এবং তিনটি ব্লব মাসকট: একটি বই পড়ছে, একটি পেন্সিল ধরে আছে, একটি তারার কাঠি নেড়েছে। তারা একটি স্প্রিং দিয়ে পপ ইন করে, বব আলতো করে, এবং এটি সরানোর সাথে সাথে আপনার কার্সার থেকে দূরে সরে যায়। তারাগুলি ব্যাকগ্রাউন্ড জুড়ে জ্বলজ্বল করে, একটি হলুদ স্কুইগল কাত উচ্চারণ শব্দের নীচে নিজেকে আঁকে, এবং প্রধান বোতামটি চাপলে জেলির মতো নিচে নেমে যায়। একটি সাদা তরঙ্গ বিভাগটি বন্ধ করে দেয় যাতে এটি পরবর্তী যা আসে তাতে প্রবাহিত হয়।
কেন্দ্রীভূত বিন্যাস পিতামাতাদের (প্রকৃত ক্রেতাদের) একটি পরিষ্কার পথে রাখে: বয়স পরিসীমা ব্যাজ, প্রতিশ্রুতি, একটি অনুচ্ছেদ যা উত্তর দেয় "এই স্ক্রীন টাইম কি আমি অনুশোচনা করব?", অ্যাপ স্টোর রেটিং সহ বিশ্বাস লাইন৷ মাসকট তিনটি ইমেজ ক্ষেত্র। আপনার নিজের চরিত্রে অদলবদল করুন এবং বাউন্স, ছায়া এবং কার্সার-লাজুক আচরণ স্বয়ংক্রিয়ভাবে প্রযোজ্য। অ্যাপস, ডে কেয়ার, বাচ্চাদের ক্লাব, পেডিয়াট্রিক অনুশীলন এবং খেলনা ব্র্যান্ড শেখার জন্য।
আপনি সম্পাদনা করতে পারেন: কাত উচ্চারণ শব্দ, ব্যাজ, অনুচ্ছেদ, 2 বোতাম + লিঙ্ক, বিশ্বাস লাইন, 3টি মাসকট ছবি, 6টি রঙ সহ শিরোনাম।
সুইস গ্রিড শৃঙ্খলা: একটি মেটা কলাম (অনুশীলন, প্রতিষ্ঠিত, সাইটে প্রকল্প), একটি ইট-আন্ডারলাইন করা শব্দ সহ একটি পাতলা 300-ওজন শিরোনাম এবং একটি বড় প্রকল্পের ছবি যা একটি মোছার সাথে প্রকাশ করে। একটি কাগজের রঙের পর্দা স্লাইড হয়ে যায় এবং ছবিটি সম্পূর্ণ সেকেন্ডে সামান্য জুম থেকে স্থির হয়। সাইডবারে ফ্লোর প্ল্যান সম্পর্কে লোকেরা আমাদের ইমেল করে, যা নিজেই আঁকে প্রথমে দেয়াল, তারপর দরজা দুলছে, তারপর ঘরের লেবেল বিবর্ণ হয়ে যাচ্ছে। এটি একটি SVG অ্যানিমেশন যা ডেমো ইমেজের ভিতরে পাঠানো হয়, এতে কোনো প্লাগইন জড়িত নেই।
পঁচিশটি সম্পাদনাযোগ্য ক্ষেত্র এটিকে দশটির মধ্যে সবচেয়ে ডেটা সমৃদ্ধ নায়ক করে তোলে। প্রতিটি মেটা লেবেল, উভয় ক্যাপশন, এমনকি নীচের নিয়মে স্থানাঙ্ক। শুধুমাত্র তিনটি রঙ, এবং এটি ইচ্ছাকৃত: গ্রাফাইট, কাগজ এবং ইট একটি সিস্টেম, এবং সিস্টেমগুলি যা এই দর্শকদের সম্মান করে। আর্কিটেকচার ফার্ম, অভ্যন্তরীণ স্টুডিও, স্ট্রাকচারাল ইঞ্জিনিয়ার এবং যেকোনো পোর্টফোলিওর জন্য যেখানে সংযম দক্ষতার সংকেত দেয়।
আপনি সম্পাদনা করতে পারেন: 5-অংশের শিরোনাম, অনুচ্ছেদ, বোতাম + URL সহ পাঠ্য লিঙ্ক, 3 মেটা জোড়া, ফটো + ক্যাপশন, ফ্লোর প্ল্যান + ক্যাপশন, সমন্বয় নিয়ম, 3 রঙ।
এখানে সবচেয়ে জোরে নকশা, এবং এটি এটি উপার্জন করে। একটি দৈত্যাকার শব্দচিহ্ন মধ্য-শব্দটিকে একটি কমলা-থেকে-বেগুনি গ্রেডিয়েন্টে বিভক্ত করে, একটি উজ্জ্বল কক্ষ বিষয়বস্তুর পিছনে চলে যায় এবং আপনার কার্সার থেকে দূরে ঝুঁকে পড়ে এবং নীচের দিকে একটি পূর্ণ-প্রস্থ চলে ইকুয়ালাইজার: কয়েক ডজন বার, প্রতিটি তার নিজস্ব ছন্দে অ্যানিমেটিং করে যাতে স্ট্রিপটি দৃশ্যমানভাবে লুপ না হয়। বারগুলি উইজেটের নিজস্ব স্ক্রিপ্ট দ্বারা তৈরি করা হয় এবং আপনার স্টাইল ট্যাবের রঙগুলি থেকে তাদের গ্রেডিয়েন্ট টানুন, তাই উত্সব পুনরায় রঙ করা শব্দটিকে পুনরায় রঙ করে।
তিনটি লাইনআপ সারি (FRI / SAT /SUN) প্রতিটি তাদের নিজস্ব লেবেল, অ্যাক্ট তালিকা এবং লিঙ্ক বহন করে, যাতে আপনি প্রতিদিন তার নিজস্ব সময়সূচী পৃষ্ঠায় পাঠাতে পারেন। গ্রেডিয়েন্ট হল স্টাইল ট্যাবে তিনটি আলাদা রঙের স্টপ। তাদের স্থানান্তর করুন এবং শব্দচিহ্ন, বোতাম, গ্লো এবং ইকুয়ালাইজার সব অনুসরণ করুন। উত্সব, ভেন্যু, ক্লাব রাত, হেডলাইনার সহ সম্মেলন এবং অ্যালবাম লঞ্চের জন্য।
আপনি সম্পাদনা করতে পারেন: বিভক্ত শব্দচিহ্ন, তারিখ, অবস্থান, অনুচ্ছেদ, 3টি লিঙ্ক সহ 3টি লাইনআপ সারি, 2টি বোতাম + লিঙ্ক, অরব ইমেজ, সমস্ত 3টি গ্রেডিয়েন্ট স্টপ সহ 5টি রঙ।
মিস্টি ল্যাভেন্ডার এবং পীচ একটি সেরিফ শিরোনামের পিছনে ঝাপসা এবং প্রবাহিত হয় যার তির্যক রেখা, "নাইট শিফট।”, একটি নরম গ্রেডিয়েন্ট আন্ডারলাইন পায় যা বাইরের দিকে প্রস্ফুটিত হয়। পণ্যের বোতলটি একটি ড্যাশড রিংয়ের কেন্দ্রে আলতোভাবে ভাসছে এবং তিনটি উপাদান ব্যাজ (2% রেটিনাল, 5% ওট ফার্মেন্ট, 0% সুগন্ধি) কক্ষপথ এটি একটি 26-সেকেন্ডের লুপে, পাল্টা-ঘূর্ণায়মান যাতে তারা পুরো পথ সোজা থাকে।
সেই ব্যাজগুলো হল রূপান্তর খেলা। শতকরা দাবিগুলি হল স্কিনকেয়ার ক্রেতারা যা স্ক্যান করে এবং এখানে তারা আক্ষরিক অর্থে পণ্যটিকে বৃত্ত করে। সমস্ত ছয়টি ব্যাজ মান এবং লেবেল প্লেইন টেক্সট ক্ষেত্র। নীচের দাবির সারি (চর্মরোগ বিশেষজ্ঞ পরীক্ষিত · সুগন্ধমুক্ত · পুনর্ব্যবহারযোগ্য গ্লাস) বিশ্বাসের গল্পটি বৃত্তাকার করে। স্কিনকেয়ার, পরিপূরক, মোমবাতি, চুলের যত্নের জন্য যে কোনও পণ্য যেখানে উপাদান তালিকাটি যুক্তি।
আপনি সম্পাদনা করতে পারেন: 2-অংশের শিরোনাম, ভ্রু, অনুচ্ছেদ, 2 বোতাম + লিঙ্ক, 3টি দাবি, 3টি প্রদক্ষিণকারী ব্যাজ জোড়া, বোতলের ছবি, 4টি রঙ।
এটি একটি নতুন, এবং এটি সবচেয়ে উচ্চাভিলাষী জিনিস যা আমরা এখন পর্যন্ত উইজেট বিল্ডারের মাধ্যমে ঠেলে দিয়েছি: একটি পূর্ণ-স্ক্রীন শিরোনাম একটি ঘূর্ণির চোখে বসে আছে এক হাজার কণা, রিয়েল টাইমে ভিজিটরের জিপিইউতে সিমুলেটেড। কার্সারের চারপাশে মাউস এবং ঝাঁকের অংশগুলি সরান, তারপরে ফিরে আসে। ক্যামেরাটিও একটু প্রবাহিত হয়, যা ক্ষেত্রটিকে একটি ব্যাকগ্রাউন্ড ভিডিওর পরিবর্তে একটি স্থান হিসাবে পড়তে বাধ্য করে। শিরোনামটি লোডের উপর একটি অক্ষর স্ক্র্যাম্বল দিয়ে নিজেকে ডিকোড করে, প্রাথমিক বোতামটি একটি ধীর আলোর ঝাড়ু বহন করে এবং একটি ফিল্ম-শস্য স্তর অন্ধকার পটভূমিকে ব্যান্ডিং থেকে দূরে রাখে।
কণাগুলো এক স্থির চেহারা নয়। স্টাইল ট্যাবে একটি ড্রপডাউন ক্ষেত্রটিকে এর মধ্যে পরিবর্তন করে স্ট্র্যান্ডস (রঙিন ঘূর্ণায়মান ফিলামেন্ট), তুষার (ধীর সাদা প্রবাহ), তারা (একটি কাছাকাছি-স্থির স্টারফিল্ড), এবং মহাবিশ্ব (লং ডিপ-স্পেস উইস্পস)। চারটি স্লাইডার ঘনত্ব নিয়ন্ত্রণ করে (100 থেকে 2,000 কণা), আকার, গভীরতা এবং ঝাঁকটি মাউসের প্রতি কতটা কঠিন প্রতিক্রিয়া দেখায়। এছাড়াও একটি প্রান্তিককরণ নিয়ন্ত্রণ রয়েছে যা পুরো বিষয়বস্তু স্ট্যাককে বাম, কেন্দ্র বা ডানদিকে নিয়ে যায়, তাই একই উইজেট একটি সম্পাদকীয় বাম-সারিবদ্ধ নায়ক বা কেন্দ্রীভূত স্প্ল্যাশ পৃষ্ঠা হিসাবে কাজ করে। একটি সৎ নোট: 3D ইঞ্জিন একটি CDN থেকে লোড হয়, প্রথম ভিজিটের পরে প্রায় 1.2 MB ক্যাশে করা হয় এবং অন্য সব জায়গায় WebGL2 ফলব্যাক সহ Chrome এবং Edge-এ WebGPU-তে চলে। যদি সেই অনুরোধ ব্যর্থ হয়, নায়ক একটি সাধারণ স্টাইল করা বিভাগ হিসাবে রেন্ডার করে এবং কিছুই ভাঙে না। আপলোড করার জন্য কোন ছবি নেই; পুরো দৃশ্য তৈরি হয়।
আপনি সম্পাদনা করতে পারেন: পিল টেক্সট, ভ্রু, শিরোনাম, ট্যাগলাইন, সম্পূর্ণ লিঙ্ক নিয়ন্ত্রণ সহ 2 বোতাম, স্ক্রোল কিউ, 3টি নীচে-দণ্ডের পাঠ্য, বিষয়বস্তু প্রান্তিককরণ (বাম /কেন্দ্র / ডান), কণার ধরন (স্ট্র্যান্ড / তুষার /তারা /মহাবিশ্ব), ঘনত্ব, আকার, গভীরতা এবং মাউস-প্রতিক্রিয়া স্লাইডার, 5 রঙ।
পুরো প্রক্রিয়াটি প্রতি উইজেটে প্রায় দুই মিনিট সময় নেয়। আপনার সাথে ওয়ার্ডপ্রেস দরকার এলিমেন্টর এবং মাস্টার অ্যাডনস PRO প্লাগইন সক্রিয়। এখানে সঠিক ওয়ার্কফ্লো, মিউজিক ফেস্টিভ্যাল হিরোর সত্যিকারের আমদানি থেকে স্ক্রিনশট করা হয়েছে।
জিপে ডাবল ক্লিক করুন (এখানে, music-festival-hero.zip)। ভিতরে আপনি তিনটি জিনিস পাবেন: উইজেট ফাইল (widget-music-festival.json), ক demo-images আপলোড-প্রস্তুত PNG সহ ফোল্ডার, এবং a README.txt এটি আপনাকে বলে যে কোন চিত্রটি কোন ক্ষেত্রের অন্তর্গত। এছাড়াও একটি আছে svg-originals ফোল্ডার are আরো যে FAQ।
আপনার ওয়ার্ডপ্রেস অ্যাডমিনে, যান মাস্টার অ্যাডঅন → উইজেট নির্মাতা এবং ক্লিক করুন উইজেট আমদানি করুন. টেনে আনুন .json ডায়ালগে ফাইল করুন, অথবা ফাইল ব্রাউজ করুন ক্লিক করুন। শুধুমাত্র JSON এখানে যায়। ছবিগুলি পরে আসে, সাধারণ মিডিয়া লাইব্রেরির মাধ্যমে।
উইজেটটি বিল্ডারে ইতিমধ্যেই তারযুক্ত সমস্ত কিছুর সাথে খোলে: বাম দিকে বিষয়বস্তু বিভাগ, ট্যাবের পিছনে HTML/CSS/JS এবং প্রতিটি ক্ষেত্রের টোকেন তালিকাভুক্ত একটি ডকুমেন্টেশন সাইডবার। আপনি এটা কোন স্পর্শ করতে হবে না। শুধু আঘাত সেটিংস সংরক্ষণ করুন। যদি আপনি কৌতূহলী হন কিভাবে ক্ষেত্রগুলি কোডের সাথে সংযোগ করে, উইজেট নির্মাতা সেটিংস গাইড টোকেন সিস্টেম ব্যাখ্যা করে।
Elementor দিয়ে যেকোনো পৃষ্ঠা খুলুন। আপনার নতুন উইজেট নীচের প্যানেলে প্রদর্শিত হবে প্রিয়; আপনি এটি খুঁজে না পেলে এর নাম অনুসন্ধান করুন। এটি একটি পাত্রে টেনে আনুন। আপনার জন্য একটি টিপ: ধারক সেট করুন বিষয়বস্তুর প্রস্থ থেকে সম্পূর্ণ প্রস্থ তাই এজ-টু-এজ ডিজাইন যেমন উৎসব এবং ভ্রমণের নায়করা আসলে প্রান্তে পৌঁছাতে পারে।
উইজেটে ক্লিক করুন এবং বিষয়বস্তু ট্যাব প্রতিটি সম্পাদনাযোগ্য অংশের তালিকা করে, ডিজাইনটি যেভাবে গোষ্ঠীবদ্ধ করা হয়েছে তা গোষ্ঠীবদ্ধ করে: বিষয়বস্তু এলাকা, লাইনআপ সারি, বোতাম, চিত্র। যেকোনো টেক্সট টাইপ করুন এবং প্রিভিউ আপডেট লাইভ করুন। প্রতিটি বোতাম এবং লিঙ্কযুক্ত সারিতে একটি সঠিক এলিমেন্টর লিঙ্ক নিয়ন্ত্রণ রয়েছে। আপনার URL পেস্ট করুন, তারপর "নতুন উইন্ডোতে খুলুন" এবং "nofollow”" টগল করতে গিয়ারে আঘাত করুন।
চিত্র বিভাগে, প্রতিটি ক্ষেত্রে ক্লিক করুন এবং থেকে ম্যাচিং ফাইল আপলোড করুন demo-images ফোল্ডার। একটি উইজেটে একাধিক থাকলে README তাদের ম্যাপ করে। ডেমো পিএনজিগুলি 2x রেজোলিউশনে রপ্তানি করা হয়, তাই তারা রেটিনা স্ক্রিনে তীক্ষ্ণ থাকে। যে কোনো সময় আপনার নিজের ফটোতে অদলবদল করুন; ক্ষেত্রটি একটি আদর্শ ওয়ার্ডপ্রেস মিডিয়া পিকার। তারপর প্রকাশ করুন. সম্পন্ন.
রিস্টাইল করতে: খুলুন শৈলী ট্যাব। প্রতিটি নায়ক তার সম্পূর্ণ প্যালেটকে মুষ্টিমেয় রঙ নিয়ন্ত্রণ হিসাবে প্রকাশ করে এবং প্রতিটি উদ্ভূত ছায়া (হোভার স্টেট, গ্লো, সীমানা, গ্রেডিয়েন্ট) সেগুলি থেকে পুনরায় গণনা করে। আপনি এই ডিজাইনগুলিকে অর্ধ-পুনরায় রঙ করতে পারবেন না, যা ঠিক বিন্দু।
হ্যাঁ। এখানে সবকিছু ফ্রি এলিমেন্টর প্লাস মাস্টার অ্যাডনস প্রো প্লাগইনে চলে। কোন Elementor Pro প্রয়োজন নেই। উইজেট বিল্ডার বিনামূল্যে সংস্করণে বৈশিষ্ট্য আমদানি করে।
আমাদের পরীক্ষায় কোন পরিমাপযোগ্য পার্থক্য নেই। অ্যানিমেশনগুলি হল CSS এবং প্রতি উইজেটে একটি ছোট স্কোপড স্ক্রিপ্ট। কোন অ্যানিমেশন লাইব্রেরি নেই, কোন jQuery নির্ভরতা নেই, প্রতি উইজেটে একটি Google ফন্ট কল ছাড়া কোনো বাহ্যিক অনুরোধ নেই (এবং উইজেটটি দুবার প্রদর্শিত হলেও এটি একবার লোড হয়)। জিপগুলি নিজেই 30 KB থেকে 2 MB চালায় এবং এটি প্রায় সম্পূর্ণ ডেমো চিত্র।
প্রতিটি উইজেট অপারেটিং সিস্টেমের হ্রাস-গতি পছন্দ পরীক্ষা করে। যদি এটি চালু থাকে, প্রবেশদ্বারগুলি তাত্ক্ষণিকভাবে রেন্ডার হয়, মার্কি এবং কক্ষপথ বন্ধ হয়ে যায় এবং কাউন্টারগুলি তাদের চূড়ান্ত সংখ্যা দেখায়। নকশা অক্ষত থাকে; গতি বিনয়ের সাথে চলে যায়।
ওয়ার্ডপ্রেস নিরাপত্তার কারণে ডিফল্টরূপে SVG আপলোডগুলিকে ব্লক করে, তাই জিপগুলিতে PNG সংস্করণগুলি অন্তর্ভুক্ত থাকে যা যেকোনো জায়গায় আপলোড করে। আমদানি নির্দেশিকা ব্যবহার করে। দ্য svg-originals ফোল্ডার একটি বোনাস: যদি আপনার সাইট SVG (নিরাপদ SVG-এর মতো প্লাগইনের মাধ্যমে) অনুমতি দেয়, তাহলে ভেক্টর সংস্করণগুলি ফাইলের আকারের একটি ভগ্নাংশে অসীমভাবে তীক্ষ্ণ হয়৷।
হ্যাঁ, এমনকি একই পৃষ্ঠায়। প্রতিটি উইজেটের শৈলীগুলি তার নিজস্ব র্যাপার ক্লাসে স্কোপ করা হয়েছে এবং এর অ্যানিমেশন নামগুলি উপসর্গযুক্ত, তাই তারা একে অপরের সাথে বা আপনার থিমের সাথে সংঘর্ষ করতে পারে না।
প্রতিটি উইজেট ডিজাইনের সাথে মেলে স্বয়ংক্রিয়ভাবে তার দুটি Google ফন্ট লোড করে। তাদের অদলবদল করতে, উইজেট বিল্ডারে উইজেট খুলুন, JS ট্যাবে ফন্ট URL এবং CSS ট্যাবে ফন্ট-পরিবারের নামগুলি সম্পাদনা করুন। এটি একটি দুই লাইন পরিবর্তন। দ্য উইজেট নির্মাতা ডক্স কোড ট্যাবগুলি কীভাবে কাজ করে তা কভার করুন।
এটাই মজার অংশ। উইজেট বিল্ডারে প্রতিটি উইজেট সম্পূর্ণরূপে খোলা থাকে। এইচটিএমএল, সিএসএস এবং জেএস ঠিক সেখানে ট্যাবে রয়েছে, মন্তব্য করা এবং পাঠযোগ্য। একটি ক্ষেত্র যোগ করুন, একটি বিভাগ সরান, একটি ব্রেকপয়েন্ট পরিবর্তন করুন। আপনি যদি একটি স্টাইলশীট সম্পাদনা করতে পারেন তবে আপনি এইগুলির যে কোনও একটিকে নতুন কিছুতে কাঁটা দিতে পারেন। দ্য উইজেট নির্মাতা পৃষ্ঠার একটি ওভারভিউ আছে, এবং আপনি যদি ভাল কিছু তৈরি করেন তবে আমরা এটি দেখতে চাই।
সমস্ত 10টি হিরো বিভাগ ব্যক্তিগত এবং বাণিজ্যিক প্রকল্পের জন্য বিনামূল্যে। মাস্টার অ্যাডনস v3.x সহ এলিমেন্টরে মাস্টার অ্যাডনস টিম দ্বারা নির্মিত এবং পরীক্ষিত। প্রশ্ন বা একটি উইজেট অনুরোধ? মন্তব্যে আমাদের বলুন। লোকেরা যা চায় তার উপর ভিত্তি করে সংগ্রহটি বৃদ্ধি পায়।
আপনার পছন্দসই সমস্ত প্রিমিয়াম উইজেট এবং টেমপ্লেট পান, পরিষ্কার কোড দিয়ে তৈরি যা আপনার সাইটকে দ্রুত রাখে। ব্লোট খাদ, বৈশিষ্ট্য নয়।
110+ প্রিমিয়াম উইজেট এবং লাইফটাইম আপডেটগুলি সীমার বাইরে তৈরি করে৷ দ্বারা একটি একচেটিয়া সৃষ্টি পিক্সার ল্যাবস
প্রতিটি মাস্টার অ্যাডনস প্রো লাইসেন্স একটি সহ আসে 14-দিনের কোনো প্রশ্ন ফেরত, আজীবন আপডেট, এবং অগ্রাধিকার সমর্থন। এই বসন্ত মাসে ঝুঁকিমুক্ত চেষ্টা করুন 40% ছাড় সঙ্গে “রিসেট40″ কুপন।
