মোঃ পারভেজ হোসেন
সহকারী শিক্ষক
২৬ জানুয়ারি, ২০২৬ ০৭:৪১ অপরাহ্ণ
Elementor দিয়ে একটি প্রোফেশনাল ওয়েবসাইট তৈরি করার সম্পূর্ণ গাইড
ওয়ার্ডপ্রেসে দ্রুত, আকর্ষণীয় এবং ফুল-ফিচার ওয়েবসাইট তৈরি করার কথা এলেই প্রথমে যে নামটি মাথায় আসে তা হল Elementor। কিন্তু শুধু Elementor দিয়ে কিছু সীমাবদ্ধতা থাকতে পারে, বিশেষ করে যখন আপনি ইউনিক ডিজাইন, অ্যাডভান্সড ফাংশনালিটি বা প্রোফেশনাল লুকের কথা ভাবেন। এখানেই Enter Addons আপনার Elementor অভিজ্ঞতাকে সম্পূর্ণ নতুন পর্যায়ে নিয়ে যেতে পারে। এই বিস্তারিত গাইডে, আমরা Enter Addons ব্যবহার করে শুরু থেকে শেষ পর্যন্ত একটি সম্পূর্ণ ওয়েবসাইট তৈরি করার প্রতিটি ধাপ শিখব।
Enter Addons কী এবং কেন এটি ব্যবহার করবেন?
Enter Addons হল Elementor-এর জন্য একটি সর্ব-ইন-ওয়ান প্রিমিয়াম অ্যাড-অন প্লাগিন, যা ৮০টিরও বেশি উন্নত উইজেট, ৫০০+ প্রি-মেড ব্লক, ১৭০+ সম্পূর্ণ ওয়েবসাইট টেমপ্লেট এবং ৮টি শক্তিশালী বিল্ট-ইন মডিউল সরবরাহ করে। এটি এমন একটি টুলকিট যা আপনার ওয়েবসাইট ডিজাইনের সম্ভাবনাকে ব্যাপকভাবে প্রসারিত করে, একই সাথে একাধিক প্লাগইন ব্যবহারের জটিলতা এবং সাইটের স্পিড কমে যাওয়ার ঝুঁকি দূর করে।
Enter Addons-এর প্রধান বৈশিষ্ট্যসমূহ:
৮০+ অ্যাডভান্সড উইজেট: সাধারণ Elementor উইজেটের বাইরে গিয়ে অনেক বেশি কাস্টোমাইজেশন অপশন।
৫০০+ রেডিমেড ব্লক: যে কোনও সেকশন দ্রুত তৈরি করতে কয়েক ক্লিকেই যুক্ত করুন।
১৭০+ ফুল সাইট টেমপ্লেট: ব্যবসা, ব্লগ, পোর্টফোলিও, ই-কমার্স – সব ধরনের ওয়েবসাইটের জন্য।
৮+ পাওয়ারফুল মডিউল: পোস্ট কারousel, মেগা মেনু, ফিল্টারেবল গ্যালারি, ডাইনামিক ডেটা ইত্যাদি।
হালকা ও অপ্টিমাইজড: সাইটের স্পিড বজায় রেখে ফিচার সরবরাহ করে।
সার্চ ইঞ্জিন ও মোবাইল ফ্রেন্ডলি: SEO-বান্ধব কোড এবং সম্পূর্ণ রেসপন্সিভ ডিজাইন।
ধাপ ১: প্রস্তুতি এবং ইনস্টলেশন
১.১ ওয়ার্ডপ্রেস সেটআপ
প্রথমে আপনার ওয়েব হোস্টিংয়ে একটি ওয়ার্ডপ্রেস ইনস্টলেশন সম্পন্ন করুন (যদি না থাকে)। ভালো পারফরম্যান্সের জন্য একটি মানসম্মত হোস্টিং প্রভাইডার (যেমন SiteGround, Bluehost, বা Hostinger) বেছে নিন।
১.২ প্রয়োজনীয় প্লাগইন ইনস্টলেশন
WordPress ড্যাশবোর্ডে লগইন করুন > প্লাগইনস > Add New.
Elementor সার্চ করুন এবং "Elementor Page Builder" ইনস্টল ও অ্যাক্টিভেট করুন।
একইভাবে, Enter Addons সার্চ করুন এবং এটি ইনস্টল ও অ্যাক্টিভেট করুন। (Enter Addons-এর ফ্রি ভার্সন আছে, প্রিমিয়াম ফিচারের জন্য প্রিমিয়াম ভার্সন কেনা যেতে পারে)।
১.৩ Enter Addons লাইসেন্স অ্যাক্টিভেশন (প্রিমিয়ামের জন্য)
Enter Addons-এর প্রিমিয়াম সংস্করণ কিনে থাকলে, প্লাগইনটি অ্যাক্টিভেট করার পরে Enter Addons > লাইসেন্স মেনুতে গিয়ে আপনার লাইসেন্স কী ইনপুট করে ভেরিফাই করুন। এটি স্বয়ংক্রিয় আপডেট এবং প্রিমিয়াম সাপোর্ট পেতে সহায়তা করবে।
ধাপ ২: Enter Addons-এর ইন্টারফেস এবং বেসিক সেটিংস পরিচিতি
অ্যাক্টিভেশনের পর, WordPress ড্যাশবোর্ডের সাইডবারে Enter Addons নামে একটি নতুন মেনু যোগ হবে। এখানে প্রধান কয়েকটি সেকশন আছে:
ড্যাশবোর্ড: প্লাগইনের ওভারভিউ এবং সিস্টেম স্ট্যাটাস।
উইজেটস: সবগুলো উইজেট একসাথে দেখতে এবং সক্রিয়/নিষ্ক্রিয় করতে পারবেন।
টেমপ্লেট লাইব্রেরি: ৫০০+ ব্লক এবং ১৭০+ ফুল সাইট টেমপ্লেট ব্রাউজ ও ইম্পোর্ট করার জায়গা।
মডিউলস: পোস্ট গ্রিড, মেগা মেনু, ওফক্যানভাস মেনুর মতো শক্তিশালী মডিউল কনফিগার করুন।
সেটিংস: বিভিন্ন গ্লোবাল সেটিংস, যেমন ফন্ট কন্ট্রোল, আইকন লাইব্রেরি, কাস্টম CSS/JS।
প্রাথমিক সেটআপ টিপস: শুরুতে সমস্ত উইজেট এবং মডিউল একটিভ রাখুন। প্রয়োজনের সময় আপনি আলাদাভাবে নিষ্ক্রিয় করতে পারবেন।
ধাপ ৩: একটি প্রি-মেড টেমপ্লেট দিয়ে শুরু করা (দ্রুততম পথ)
Enter Addons-এর সবচেয়ে বড় সুবিধা হল এর বিপুল সংখ্যক রেডিমেড টেমপ্লেট। আপনি যদি দ্রুত একটি ওয়েবসাইট চান, এটি সবচেয়ে ভালো পথ।
পৃষ্ঠা তৈরি করুন: WordPress ড্যাশবোর্ডে পেইজস > Add New-এ যান।
Elementor দিয়ে এডিট করুন: "Edit with Elementor" বাটনে ক্লিক করুন।
টেমপ্লেট লাইব্রেরি ওপেন করুন: নিচের ফ্লোটিং বারে ফোল্ডার আইকনে (টেমপ্লেট লাইব্রেরি) ক্লিক করুন।
Enter Templates ট্যাবে যান: এখানে আপনি Enter Addons-এর সমস্ত ব্লক এবং পেজ টেমপ্লেট পাবেন।
একটি ফুল পেজ টেমপ্লেট ইম্পোর্ট করুন: "Pages" ট্যাবে গিয়ে আপনার ব্যবসা বা বিষয়বস্তুর সাথে মিলে এমন একটি টেমপ্লেট নির্বাচন করুন (যেমন: ডিজিটাল এজেন্সি, অনলাইন স্টোর, ব্লগ ম্যাগাজিন)।
ইম্পোর্ট করুন: টেমপ্লেটের প্রিভিউ দেখে "ইম্পোর্ট" বাটনে ক্লিক করুন। সম্পূর্ণ ডিজাইন আপনার পৃষ্ঠায় লোড হয়ে যাবে।
টেমপ্লেট কাস্টমাইজেশন: ইম্পোর্ট করার পর, আপনি Elementor এর ড্র্যাগ অ্যান্ড ড্রপ ইন্টারফেস ব্যবহার করে যেকোনো অংশ পরিবর্তন করতে পারবেন। টেক্সট, ইমেজ, কালার, লেআউট – সবকিছুই সম্পূর্ণ এডিটেবল।
ধাপ ৪: স্ক্র্যাচ থেকে একটি হোমপেজ তৈরি করা (Enter Addons উইজেট ব্যবহার করে)
আপনি যদি নিজের স্বতন্ত্র ডিজাইন তৈরি করতে চান, Enter Addons-এর উইজেটগুলো আপনাকে অসাধারণ নিয়ন্ত্রণ দেবে।
৪.১ একটি নতুন পৃষ্ঠা এবং সেকশন তৈরি করুন
Elementor এডিটরে একটি নতুন খালি পৃষ্ঠা নিন। একটি নতুন সেকশন যোগ করুন (কলাম লেআউট নির্বাচন করুন)।
৪.২ Enter Addons-এর শক্তিশালী উইজেট ব্যবহার করে ডিজাইন করুন
Elementor উইজেট প্যানেলে, আপনি "EAF" বা "Enter Addons" ট্যাবে Enter Addons-এর সমস্ত উইজেট পাবেন। কিছু জনপ্রিয় এবং শক্তিশালী উইজেট:
ইনফো বক্স / আইকন বক্স: সেবা বা বৈশিষ্ট্য উপস্থাপনের জন্য। সাধারণ Elementor আইকন বক্সের চেয়ে অনেক বেশি স্টাইলিং অপশন।
অ্যানিমেটেড হেডলাইন: টাইপিং এফেক্ট, হাইলাইটেড টেক্সট, গ্রেডিয়েন্ট সহ ডাইনামিক হেডিং।
পোস্ট গ্রিড/কারousel: ব্লগ পোস্ট, পোর্টফোলিও আইটেম সুন্দর গঠনে দেখানোর জন্য। ফিল্টারিং এবং প্যাজিনেশন অপশন আছে।
প্রাইসিং টেবিল: বিভিন্ন প্যাকেজের মূল্য তুলে ধরার জন্য বহু ডিজাইন টেমপ্লেট।
টিম মেম্বার: টিম সদস্যদের প্রোফাইল কার্ড, সাথে সোশ্যাল আইকন।
কাউন্টার: সংখ্যা বাড়ানোর অ্যানিমেশন সহ স্ট্যাটিস্টিক্স দেখানোর জন্য।
ফর্ম বিল্ডার: কন্টাক্ট ফর্ম, নিউজলেটার সাইনআপ ফর্ম তৈরি করুন, সঙ্গে Conditional Logic।
প্র্যাকটিক্যাল উদাহরণ – একটি হিরো সেকশন তৈরি:
একটি ফুল-ওয়িড সেকশন যোগ করুন।
Enter Addons > অ্যানিমেটেড হেডলাইন উইজেট টেনে আনুন।
টাইটেল দিন "আমাদের সাথে আপনার ডিজিটাল যাত্রা শুরু করুন" এবং টাইপিং এফেক্ট সেট করুন।
নিচে একটি Enter Addons > বাটন উইজেট যোগ করুন। Enter Addons বাটনে আছে ডুয়েল বাটন, আইকন সহ বাটন, শাইন এফেক্ট ইত্যাদি অপশন।
পেছনে একটি ব্যাকগ্রাউন্ড ইমেজ বা শেপ (Enter Addons Shape Separator) যোগ করুন।
৪.৩ ডাইনামিক কন্টেন্ট এবং পোস্ট লুপ
Enter Addons-এর "পোস্ট গ্রিড" বা "নিউজ টিকার" উইজেট ব্যবহার করে আপনি ওয়ার্ডপ্রেসের যেকোনো কাস্টম পোস্ট টাইপ (ব্লগ, পোর্টফোলিও) থেকে ডাইনামিকভাবে কন্টেন্ট দেখাতে পারেন। শুধু উইজেটটি যোগ করে ক্যাটাগরি নির্বাচন, লেআউট চয়ন (গ্রিড, ম্যাসনরি, লিস্ট), এবং প্যাজিনেশন সেট করতে হবে।
ধাপ ৫: এন্টার অ্যাডঅনসের মডিউল ব্যবহার করে উন্নত ফিচার যোগ করা
Enter Addons শুধু উইজেটই নয়, পুরো সাইট জুড়ে কাজ করে এমন শক্তিশালী মডিউলও সরবরাহ করে।
মেগা মেনু বিল্ডার: সাধারণ মেনুর বদলে সম্পূর্ণ ড্রপডাউন সেকশন তৈরি করুন, যার ভিতরে ইমেজ, পোস্ট গ্রিড, যোগাযোগ ফর্ম—যেকোনো কিছুই যোগ করতে পারেন।
কিভাবে: Enter Addons > মডিউলস > মেগা মেনু চালু করুন। তারপর Appearance > Menus-এ গিয়ে কোনো মেনু আইটেম ক্লিক করলে "Enter Mega Menu Settings" অপশন পাবেন।
ওফক্যানভাস মেনু: মোবাইল এবং ডেস্কটপের জন্য সাইডবার-স্টাইলের মেনু, অ্যানিমেশন সহ।
হেডার/ফুটার বিল্ডার: Elementor Theme Builder এর সাথে ইন্টিগ্রেটেড। আপনি Elementor Pro এর Theme Builder দিয়ে হেডার তৈরি করতে পারেন এবং সেখানে Enter Addons উইজেট ব্যবহার করে আরও উন্নত হেডার ডিজাইন করতে পারেন।
ধাপ ৬: কাস্টমাইজেশন এবং স্টাইলিং
Enter Addons-এর প্রতিটি উইজেটের স্টাইলিং অপশন অত্যন্ত বিস্তৃত। আপনি সাধারণ Content, Style এবং Advanced ট্যাব ছাড়াও অনেক সময় অতিরিক্ত ট্যাব পাবেন যেমন "Icon Style", "Button", "Badge" ইত্যাদি।
স্টাইলিং টিপস:
কনসিসটেন্সি বজায় রাখুন: পুরো সাইটের জন্য একটি কালার প্যালেট (প্রাথমিক, সেকেন্ডারি) এবং ফন্ট পেয়ার (হেডিং, বডি) ঠিক করুন। Enter Addons-এর "Global Widget Style" ফিচার এখানে সাহায্য করতে পারে।
অ্যানিমেশন এবং হোভার ইফেক্ট: Enter Addons উইজেটগুলোতে বিল্ট-ইন সাবটল অ্যানিমেশন আছে। অতিরিক্ত অ্যানিমেশন এড়িয়ে সাইটকে প্রফেশনাল রাখুন।
রেসপন্সিভনেস চেক করুন: প্রতিটি উইজেটের Advanced ট্যাবের "Responsive" সেকশনে গিয়ে ট্যাবলেট এবং মোবাইলের জন্য আলাদা সেটিংস (যেমন ফন্ট সাইজ, মার্জিন) ঠিক করে নিন।
ধাপ ৭: সম্পূর্ণ সাইট প্রকাশ এবং অপ্টিমাইজেশন
সমস্ত পৃষ্ঠা তৈরি হওয়ার পর:
সাইট প্রিভিউ করুন: ডেস্কটপ, ট্যাবলেট ও মোবাইল ভিউ চেক করুন।
সাইট আইডেন্টিটি সেট করুন: কাস্টমাইজ > Site Identity থেকে সাইটের টাইটেল, লোগো, ফেভিকন সেট করুন।
মেনু তৈরি করুন: Appearance > Menus থেকে প্রধান নেভিগেশন মেনু তৈরি ও লোকেশন এসাইন করুন।
পারফরম্যান্স চেক: একটি caching প্লাগইন (যেমন WP Rocket, LiteSpeed Cache) ব্যবহার করুন এবং ইমেজগুলো অপ্টিমাইজ করুন।
সাইট প্রকাশ: আপনার প্রয়োজনীয় সমস্ত পৃষ্ঠা তৈরি হয়ে গেলে, সেটিংস > Reading থেকে আপনার হোমপেজটি স্ট্যাটিক পেজ হিসেবে সিলেক্ট করুন।
Enter Addons ব্যবহারের শীর্ষ সুবিধাসমূহ এবং সর্বোত্তম অনুশীলন
এক প্লাগইনে সর্বোচ্চ ফিচার: আলাদা আলাদা প্লাগইন নেওয়ার প্রয়োজন কমে যায়, ফলে সাইটের গতি ভালো থাকে এবং প্লাগইন কনফ্লিক্টের সম্ভাবনা কমে।
নিয়মিত আপডেট এবং সাপোর্ট: Enter Addons দল নিয়মিত আপডেট দেয়, যাতে Elementor এবং WordPress-এর নতুন ভার্সনের সাথে সামঞ্জস্য রক্ষা করে।
ডকুমেন্টেশন এবং কমিউনিটি: ভালো ডকুমেন্টেশন আছে, এবং তাদের সাপোর্ট টিম যেকোনো সমস্যায় সাহায্য করে।
সতর্কতা: যদিও Enter Addons অনেক ফিচার দেয়, সবকিছু একসাথে ব্যবহার করা থেকে বিরত থাকুন। আপনার প্রকৃত প্রয়োজন অনুযায়ী উইজেট এবং মডিউল সক্রিয় রাখুন। অতিরিক্ত অ্যানিমেশন এবং স্ক্রিপ্ট ব্যবহার সাইট স্লো করতে পারে।
উপসংহার
Enter Addons হল Elementor ব্যবহারকারীদের জন্য একটি গেম-চেঞ্জিং টুলকিট। এটি শুধু সময়ই বাঁচায় না, আপনার ক্রিয়েটিভিটির সীমানাকেও প্রসারিত করে। আপনি একজন ফ্রিল্যান্সার, একজন ব্যবসায়ী, বা একজন এজেন্সির মালিক হোন না কেন, Enter Addons আপনাকে একটি শক্তিশালী, দৃষ্টিনন্দন এবং কার্যকরী ওয়েবসাইট তৈরি করতে সাহায্য করবে—কোডিংয়ের একটি লাইন লেখা ছাড়াই।
আজই Enter Addons ইনস্টল করে আপনার Elementor ডিজাইনের যাত্রাকে ত্বরান্বিত করুন এবং দেখুন কীভাবে এটি আপনার ওয়েবসাইট তৈরির প্রক্রিয়াকে সহজ ও আনন্দদায়ক করে তোলে।
মন্তব্য করুন
ব্লগ
১৫
২৫ মন্তব্য