এলিমেন্টর 3.10 - এলিমেন্টর উইজেট সহ ডিজাইনের ভবিষ্যত

Elementor 3.10 অধীর আগ্রহে প্রতীক্ষিত বৈশিষ্ট্যের আধিক্য নিয়ে গর্ব করে যা আপনার ওয়েবসাইটের চেহারা বাড়িয়ে তুলবে। এই রিলিজে প্রথম নেস্টেড এলিমেন্ট, ট্যাব, সাইজিং কন্ট্রোলের জন্য একটি নতুন কাস্টম ইউনিট, একটি নতুন কন্টেইনার লাইব্রেরি এবং অতিরিক্ত আপগ্রেড অন্তর্ভুক্ত রয়েছে।

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

নেস্টেড এলিমেন্টস - আপনার ওয়েবসাইট’ এর ডিজাইনকে উন্নত করুন

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

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

ট্যাব উইজেট

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

• ট্যাব এবং শিরোনাম – নতুন ট্যাব উইজেট ব্যবহারকারীদের ট্যাবগুলির বিন্যাস এবং অবস্থান সামঞ্জস্য করার অনুমতি দেয়, ট্যাব ’-এর বিষয়বস্তুর সাথে সম্পর্কিত ট্যাবগুলির অবস্থান নির্ধারণ করতে সক্ষম করে - উপরে, নীচে বা এটির একপাশে। ট্যাব শিরোনামে আইকন যোগ করার ক্ষমতা সহ ব্যবহারকারীদের আরও স্টাইলিং বিকল্প রয়েছে।

• নতুন বিষয়বস্তু এলাকা – প্রতিটি ট্যাবের বিষয়বস্তু এলাকা একটি প্রধান ধারক হয়ে উঠবে, ফ্লেক্সবক্স কন্টেইনারগুলির শক্তির জন্য ধন্যবাদ৷ এটি ব্যবহারকারীদের যেকোন উপাদান স্থাপন করতে, এর লেআউট সামঞ্জস্য করতে এবং তাদের ’d পছন্দের বিষয়বস্তু উপস্থাপন করতে দেয় - ঠিক সম্পাদকের একটি ফাঁকা ক্যানভাসের মতো৷

• নতুন প্রতিক্রিয়াশীল সেটিং – ডিভাইসের আকার প্রতি ডিজাইন এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে, ব্যবহারকারীরা ব্রেকপয়েন্ট বেছে নিতে পারেন যেখানে ট্যাবটি স্বয়ংক্রিয়ভাবে অ্যাকর্ডিয়ন হিসাবে প্রদর্শিত হবে। এটি প্রতিটি ডিভাইসের জন্য ভিন্ন বিষয়বস্তু তৈরির প্রয়োজনীয়তা দূর করে এবং কর্মক্ষমতা উন্নত করে।

একটি ওয়েবসাইটে ট্যাব উইজেট ব্যবহার করতে, ফ্লেক্সবক্স কন্টেইনার এবং নেস্টেড এলিমেন্টস পরীক্ষাগুলি সক্রিয় করতে হবে। একবার সক্রিয় হয়ে গেলে, নতুন ট্যাব উইজেট স্বয়ংক্রিয়ভাবে ওয়েবসাইটে বিদ্যমান ট্যাবগুলির নকশাকে প্রভাবিত না করে উইজেট প্যানেলে বিদ্যমানটিকে প্রতিস্থাপন করবে।

কাস্টম ইউনিট – আপনি চান যে কোনো ইউনিট চয়ন করুন

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

এই আপডেটের আগে, ব্যবহারকারীরা নিম্নলিখিত ইউনিট প্রকারের মধ্যে শুধুমাত্র একটি নির্বাচন করতে সীমাবদ্ধ ছিল: প্যাডিং বা মার্জিন সামঞ্জস্য করার সময় PX, EM, REM, %, বা VW। আপগ্রেডের সাথে, কাস্টম বিকল্পটি যোগ করা হয়েছে, যা ইউনিট পছন্দগুলিতে আরও নমনীয়তা প্রদান করে। উদাহরণস্বরূপ, ব্যবহারকারীরা পাশের জন্য PX এবং উপরের এবং নীচের জন্য % বেছে নিতে পারেন। কাস্টম বিকল্পটি অন্তর্ভুক্ত করতে ইউনিট লেবেলগুলিকে একটি ড্রপ-ডাউন তালিকায় স্থানান্তরিত করা হয়েছে।

কাস্টম বিকল্পটি নির্বাচন করা ব্যবহারকারীদের মান ইনপুট ক্ষেত্রের মধ্যে একটি মান পরিমাপের জন্য গণনা সম্পাদন করতে দেয়, যার ফলে ডিজাইনের আরও সঠিকতা এবং প্রতিক্রিয়াশীল সমর্থন হয়।

উদাহরণস্বরূপ, টাইপোগ্রাফি আকার নিয়ন্ত্রণে কাস্টম বিকল্প ব্যবহার করার সময়, ব্যবহারকারীরা টাইপোগ্রাফির আকারকে বিভিন্ন ডিভাইসের আকারের সাথে সামঞ্জস্য করতে clamp() CSS ফাংশন ব্যবহার করতে পারেন, অথবা ইউনিটগুলিকে মিশ্রিত করে এমন একটি মান গণনা করতে এবং সেট করতে calc() CSS ফাংশন ব্যবহার করতে পারেন।

এই সংস্করণে, কাস্টম বিকল্পগুলি নিম্নলিখিত আকার নিয়ন্ত্রণে যোগ করা হবে:

1. ধারক, বিভাগ, এবং কলাম – সহ কাস্টম প্রস্থ, সীমানা এবং অন্যান্য, যেখানে সম্ভব।
2. টাইপোগ্রাফি – লাইনের উচ্চতা, অক্ষর ব্যবধান, এবং শব্দ ব্যবধান নিয়ন্ত্রণ করে।

ভবিষ্যতে আরো এলাকা আপডেট করা হবে.

ধারক - সম্পূর্ণ ওয়েবসাইট কিট, টেমপ্লেট এবং ব্লক

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

একটি ওয়েবসাইটে ফ্লেক্সবক্স কন্টেইনার পরীক্ষা সক্রিয় করা নতুন কিট এবং টেমপ্লেট লাইব্রেরিতে অ্যাক্সেস মঞ্জুর করে। এটিতে সর্বাধিক জনপ্রিয় সম্পূর্ণ ওয়েবসাইট কিট এবং পৃষ্ঠা টেমপ্লেটগুলির আপডেট করা সংস্করণগুলি অন্তর্ভুক্ত রয়েছে, সমস্তগুলি ফ্লেক্সবক্স কন্টেইনারগুলিতে রূপান্তরিত হয়েছে, সেইসাথে নতুন ওয়েবসাইট কিটস এবং পৃষ্ঠা টেমপ্লেট৷

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

কাউন্টডাউন উইজেট

কাউন্টডাউন উইজেট, FOMO তৈরি এবং রূপান্তর হার বাড়ানোর জন্য একটি দরকারী টুল, এখন নির্ধারিত তারিখের জন্য একটি গতিশীল ট্যাগ নিয়ন্ত্রণ বৈশিষ্ট্য রয়েছে৷ এই আপডেটটি ব্যবহারকারীদের নেটিভ ওয়ার্ডপ্রেস কাস্টম ক্ষেত্রগুলি ব্যবহার করতে দেয়, সেইসাথে ACF এবং PODS-এর কাস্টম ক্ষেত্রগুলি, গতিশীলভাবে প্রতিটি পৃষ্ঠায় নির্ধারিত তারিখ পূরণ করতে।

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

গুগল ফন্ট অক্ষম করুন

গুগল ফন্ট, একটি অনলাইন ফন্ট লাইব্রেরি যা ব্যাপকভাবে ব্যবহৃত হয়, ব্যবহারকারীদের তাদের ওয়েবসাইটের জন্য বিভিন্ন ধরনের ফন্ট অ্যাক্সেস করতে সক্ষম করে। যাইহোক, সম্প্রতি এটি আবিষ্কৃত হয়েছে যে Google Fonts কিছু ক্ষেত্রে GDPR এবং গোপনীয়তা বিধি লঙ্ঘন করেছে।

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

উন্নত কর্মক্ষমতা এবং অ্যাক্সেসযোগ্যতা

Elementor 3.10 পারফরম্যান্স এবং অ্যাক্সেসযোগ্যতার পরিপ্রেক্ষিতে উন্নতি আনতে চলেছে। এই আপডেটে তিনটি কর্মক্ষমতা উন্নতির আপডেট এবং দুটি অ্যাক্সেসিবিলিটি উন্নতির আপডেট অন্তর্ভুক্ত রয়েছে।

অলস লোড Google মানচিত্র: Elementor-এ Google মানচিত্র উইজেট একটি ওয়েবসাইটের যেকোনো জায়গায় মানচিত্র বসানোর অনুমতি দেয়, ওয়েবসাইট দর্শকদের অবস্থানের তথ্য অ্যাক্সেস করার জন্য একটি সুবিধাজনক উপায় প্রদান করে। এই আপডেটের সাথে, Google Map iframes এর অলস লোডিং যোগ করা হয়েছে, একটি দ্রুত প্রাথমিক পৃষ্ঠা লোডের সময় অবদান রাখে।

কাস্টম আকার সহ অলস লোডিং চিত্র: ছবির আকার একটি ওয়েবসাইটের কার্যকারিতাকে ব্যাপকভাবে প্রভাবিত করতে পারে। পূর্ববর্তী আপডেটগুলিতে, মিডিয়া লাইব্রেরিতে আপলোড করা বেশিরভাগ ছবি অলস লোড করার ক্ষমতা চালু করা হয়েছিল। Elementor 3.10-এ, কাস্টম-আকারের ছবিগুলিও অলস-লোড হতে পারে।

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

পৃষ্ঠা নেভিগেশনের জন্য অ্যাক্সেসযোগ্যতার উন্নতি: ব্লক কোট উইজেট এবং পোস্ট মন্তব্য উইজেট, উভয়ই Elementor Pro থেকে, পৃষ্ঠা নেভিগেশনের জন্য সহায়ক প্রযুক্তি ব্যবহার করে এমন প্রতিবন্ধী ব্যবহারকারীদের অ্যাক্সেসযোগ্যতা আরও উন্নত করতে তাদের মার্কআপের আপডেট পেয়েছে।

মোড়ক উম্মচন

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