এলিমেন্টর 3.0 : নতুন বৈশিষ্ট্যগুলি কী কী?

Blair Jersyer WordPress Tutorials Mar 27, 2022

এলিমেন্টরের একটি নতুন বড় আপডেট প্রকাশিত হয়েছে। আমরা 2.x সংস্করণ থেকে 3.0 সংস্করণে চলে এসেছি। এই নতুন সংস্করণটি WordPress এবং Elementor ব্যবহার করে ওয়েবসাইট তৈরি করার একটি নতুন উপায় নিয়ে আসে। আমরা এই নতুন বৈশিষ্ট্যগুলি রূপান্তর করার চেষ্টা করব৷

এলিমেন্টর 3.0? এ প্রধান সংযোজন কি কি?

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

ডিজাইন সিস্টেম বৈশিষ্ট্য

আপনি কি কখনও ভেবে দেখেছেন যে বড় কোম্পানিগুলি ? প্ল্যাটফর্মে যেই ভাল কাজ করে না কেন তারা যা তৈরি করে তা সামঞ্জস্যপূর্ণ দেখায় এবং একই নকশা থাকে। " ডিজাইন সিস্টেম " নামকরণের জন্য এটি সম্ভব হয়েছে। UnxDesign.cc অনুযায়ী, ডিজাইন সিস্টেম হল:

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

UX Collective

একটি ডিজাইন সিস্টেম বাস্তবায়ন করে, আপনার পুরো টিমকে একটি ডিজাইনের ভাষার সাথে সামঞ্জস্যপূর্ণ রাখুন এবং আপনার টিম কীভাবে কাজ করে এবং একটি দ্রুত কর্মপ্রবাহ নিশ্চিত করুন।

আশ্চর্যজনক ওয়েবসাইট তৈরি করুন

সেরা বিনামূল্যে পৃষ্ঠা নির্মাতা Elementor সঙ্গে

এখুনি শুরু করুন

এলিমেন্টর 3.0 এর ডিজাইন সিস্টেম বৈশিষ্ট্যগুলির মধ্যে রয়েছে:

  • গ্লোবাল কালার
  • নতুন সাইট সেটিংস প্যানেল
  • গ্লোবাল ফন্ট

আসুন গভীরভাবে দেখি কিভাবে এটি আপনাকে আরও ভাল পেশাদার ওয়েবসাইট তৈরি করতে সাহায্য করবে।

গ্লোবাল কালার

Elementor 3.0 সাইটের রঙের সাথে কাজ করার একটি নতুন উপায় যোগ করে। সেই নতুন পদ্ধতির নাম দেওয়া হয়েছে গ্লোবাল কালার।

গ্লোবাল কালার আপনাকে একটি অবস্থান থেকে রঙ পরিবর্তন করতে সাহায্য করে এবং যেখানে এটি ব্যবহার করা হয় সেখানে সেই রঙটি আপডেট করা হয়।

আপনি আপনার ওয়েবসাইটের জন্য মৌলিক গ্লোবাল রং নির্বাচন করা শুরু করবেন। তারপরে, এলিমেন্টরের যেকোনো রঙের শৈলীতে যান এবং এটিকে চারটি রঙের একটি হতে সংজ্ঞায়িত করুন। মনে রাখবেন যে আপনি গ্লোবাল তালিকায় যতগুলি কাস্টম রং যোগ করতে পারেন।

এখন সিএসএস ভেরিয়েবল এসেছে। গ্লোবাল কালারে ফিরে যান এবং একটি রং পরিবর্তন করুন। আপনার সম্পূর্ণ সাইট’ এর রঙের স্কিম নতুন গ্লোবাল কালার অনুযায়ী পরিবর্তিত হয়। আপনি কি কখনও এমন কিছু অনুভব করেছেন যা সহজ ?

You’ এছাড়াও কন্ট্রোল ইনপুটের মধ্যে থেকে একটি ভিন্ন গ্লোবাল কালার ডিজাইন করতে বা একটি নতুন গ্লোবাল কালার তৈরি করতে সক্ষম হবেন, সবই কন্ট্রোল ইনপুটের ভিতরে একই কালার পিকার ব্যবহার করে।

সাইট সেটিংস

একটি ওয়েবসাইটের জন্য প্রথম ডিজাইন সেটিংস তৈরি করতে অনেক সময় লাগে। আপনাকে থিম কোড, কাস্টমাইজার, functions.php এর মধ্যে ঝামেলা করতে হবে। আপনার মাথাব্যথার ন্যায্যতা দেওয়ার জন্য এটি যথেষ্ট কারণ।

নতুন সাইট সেটিংস বিভিন্ন কনফিগারেশন টুল দেখায়। এইভাবে, আপনি একটি একক জায়গা থেকে সমস্ত থিসিস কাজ করতে থাকবেন।

শুরু করার জন্য, আপনি Elementor দিয়ে সম্পাদনা করেন এমন যেকোনো পৃষ্ঠার মধ্যে, বাম পাশের প্যানেলে, উপরের বাম আইকনে ক্লিক করুন। এটি আপনাকে গ্লোবাল সেটিংস প্যানেলে স্যুইচ করতে বাধ্য করবে৷

সেই গ্লোবাল সেটিংস প্যানেলের মধ্যে আপনি পাবেন:

  • লেআউট: Elementor’ এর ডিফল্ট লেআউট সেটিংস কনফিগার করতে, যেমন ডিফল্ট বিষয়বস্তু প্রস্থ বা ডিফল্ট পৃষ্ঠা লেআউট।
  • সাইট আইডেন্টিটি: আপনার ক্রস-সাইট আইডেন্টিটি কাস্টমাইজ করুন, যেমন লোগো, টাইটেল, ট্যাগলাইন এবং এমনকি ফেভিকন।
  • থিম স্টাইল: টাইপোগ্রাফি, বোতাম এবং ফর্ম ফিল্ডের জন্য এলিমেন্টর (সাধারণত থিম দ্বারা সেট করা) সম্পর্কিত নয় এমন HTML উপাদানগুলি কাস্টমাইজ করুন।
  • লাইটবক্স:এলিমেন্টর লাইটবক্সের ডিফল্ট স্টাইলিং সংজ্ঞায়িত করুন
  • গ্লোবাল কালার এবং ফন্ট: আপনাকে আপনার ওয়েবসাইটে প্রযোজ্য গ্লোবাল কালার এবং ফন্ট কনফিগার করতে দিন।

গ্লোবাল ফন্ট

রঙ এবং টাইপোগ্রাফি যে কোনো ওয়েবসাইটের বিল্ডিং উপাদানের অংশ। গ্লোবাল কালার বৈশিষ্ট্যের একই যুক্তি ব্যবহার করে, এটি আপনার সাইট’ এর পাঠ্য শৈলীগুলির সাথে কাজ করার একটি নতুন পদ্ধতি।

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

একটি টাইপোগ্রাফি সঠিকভাবে ডিজাইন করা হলে, আপনি এই পরিবর্তনগুলি বিশ্বব্যাপী প্রয়োগ করতে সক্ষম হবেন।

পুরো সাইটটি ভিজ্যুয়ালাইজড & এক জায়গায় সংগঠিত

যদিও সুপরিচিত থিম নির্মাতা ওয়েবসাইট ডিজাইনের সম্পূর্ণ ওভারভিউ থাকার ক্ষেত্রে শিল্পের নেতা হয়ে উঠেছে, এই নতুন UI আরও এগিয়ে যায়। নতুন থিম বিল্ডার এখন আপনাকে একটি সম্পূর্ণ ওয়েবসাইটের একটি খুব স্বজ্ঞাত উপায়ে একটি ওভারভিউ দেয়৷

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

কর্মক্ষমতা উন্নতি

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

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

নির্দিষ্টভাবে, পৃষ্ঠার গতি ? পরিবর্তিত হয়েছে

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

পটভূমিতে, যখন এলিমেন্টর ব্রাউজারে পাঠানোর জন্য একটি পোস্ট প্রস্তুত করে, তখন এটি গতিশীল মানগুলির জন্য পোস্টটিকে পার্স করে, সেগুলি পুনরুদ্ধার করে এবং যদি সেগুলি কোনও CSS মান অন্তর্ভুক্ত করে তবে এটি সেই CSSটিকে প্রিন্ট করে।

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

Elementor 3.0 আপডেটের সারাংশ

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

ডিজাইন সিস্টেম বৈশিষ্ট্য যা আপনাকে আরও ধারাবাহিকভাবে এবং দক্ষতার সাথে কাজ করতে সহায়তা করে।

নতুন থিম বিল্ডার হল একটি শক্তিশালী ভিজ্যুয়াল টুল যা আপনার ওয়েবসাইটের প্রতিটি অংশ একক জায়গা থেকে পরিচালনা করে।

একটি ভাল ব্যবহারকারীর অভিজ্ঞতার জন্য কর্মক্ষমতা উন্নতি .

Elementor 3.0 অবশ্যই একজন পেশাদার ওয়েব নির্মাতা হিসাবে আপনাকে প্রান্তে নিয়ে যাবে। আপনি যদি এখনও না করে থাকেন তবে এখনই Elementor Pro- তে আপগ্রেড করুন। এলিমেন্টর অবশ্যই ওয়ার্ডপ্রেসে সেরা বিনামূল্যের পৃষ্ঠা নির্মাতা কেন তা ব্যাখ্যা করে আমাদের পোস্টটি পড়ার বিষয়টিও আপনার বিবেচনা করা উচিত।

Divi WordPress Theme