কিভাবে এলিমেন্টর (ফ্রি মেথড) দিয়ে এক পৃষ্ঠার ওয়েবসাইট তৈরি করবেন

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

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

আপনি যদি তাড়াহুড়ো করেন তবে নীচের কাছে টেমপ্লেট কিট শর্টকাটটি এড়িয়ে যান। আপনি কি নির্মাণ করছেন তা যদি আপনি আসলে বুঝতে চান তবে উপরে থেকে শুরু করুন।

একটি এক পৃষ্ঠার ওয়েবসাইট কি এবং কখন এটি আসলে কাজ করে

একটি এক পৃষ্ঠার ওয়েবসাইট আপনার সমস্ত সামগ্রী একটি একক URL-এ রাখে৷ নেভিগেট করার পরিবর্তে /about বা /services, মেনু একই পৃষ্ঠায় নোঙ্গর করা বিভাগে লাফ দেয়।

এটা ভালো কাজ করে:

• ফ্রিল্যান্সাররা একটি ছোট পোর্টফোলিও প্রদর্শন করছে
• ইভেন্ট ল্যান্ডিং পেজ (বিবাহ, সম্মেলন, পণ্য লঞ্চ)
• ছোট পরিষেবা ব্যবসা (পরামর্শদাতা, নাপিত, ডিজাইনার)
• আসছে-শীঘ্রই পৃষ্ঠা বা MVP ঘোষণা
• ব্যক্তিগত জীবনবৃত্তান্ত এবং পোর্টফোলিও

এটি এর জন্য কম ভাল কাজ করে:

• ব্লগ, যার জন্য এসইও-এর জন্য আলাদা পোস্ট URL প্রয়োজন
• মুষ্টিমেয় বেশি পণ্য সহ অনলাইন স্টোর
• একাধিক লং-টেইল কীওয়ার্ড লক্ষ্য করে সাইট

যদি আপনার বিষয়বস্তু মোটামুটি 7-12টি বিভাগে মাপসই করা যায়, তাহলে একটি পেজার সম্ভবত সঠিক বিন্যাস।

আপনি শুরু করার আগে আপনার যা প্রয়োজন

তিনটি উপাদান:

1. একটি ওয়ার্ডপ্রেস ইনস্টল (স্ব-হোস্টেড বা আপনার প্রিয় হোস্টে)।
2. বিনামূল্যে এলিমেন্টর এবং বিনামূল্যে হ্যালো এলিমেন্টর থিম। হ্যালো কোনো স্টাইলিং ছাড়াই জাহাজে পাঠায়, যখন এলিমেন্টর সবকিছু আঁকছে তখন আপনি ঠিক যা চান।
3. বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইন উইজেটগুলির জন্য এলিমেন্টর অন্তর্ভুক্ত নয় (ফিল্টারযোগ্য গ্যালারী, মূল্য সারণী, তথ্য বাক্স, টিম ক্যারোসেল, যোগাযোগ ফর্ম 7 স্টাইলিং)।

আপনি একা বিনামূল্যে এলিমেন্টর দিয়ে এর বেশিরভাগই তৈরি করতে পারেন, তবে কয়েকটি বিভাগ অতিরিক্ত উইজেট ছাড়াই বিশ্রী হয়ে ওঠে। আমরা যেতে যেতে আমি তাদের পতাকাঙ্কিত করব।

সঠিক থিম এবং পৃষ্ঠা টেমপ্লেট চয়ন করুন

থেকে হ্যালো এলিমেন্টর ইনস্টল করুন চেহারা > থিম > নতুন যোগ করুন। এটি একটি ফাঁকা স্লেট: কোন সাইডবার নেই, কোন ডিফল্ট শৈলী নেই, কোন মতামত নেই। এলিমেন্টর পুরো পৃষ্ঠাটি আঁকে।

একবার এটি সক্রিয়:

1. একটি নতুন পৃষ্ঠা তৈরি করুন (পৃষ্ঠা > নতুন যোগ করুন).
2. এলিমেন্টরে খুলুন।
3. নীচে বাম দিকে সেটিংস গিয়ারে ক্লিক করুন, যান পৃষ্ঠা বিন্যাস, এবং বাছাই এলিমেন্টর ক্যানভাস.

ক্যানভাস ওয়ার্ডপ্রেস হেডার এবং ফুটার স্ট্রিপ করে। আপনার এক পেজার পুরো পৃষ্ঠা হয়ে যায়।

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

এক পৃষ্ঠার এলিমেন্টর লেআউটের 11টি বিভাগ

সবচেয়ে শালীন এক পেজার একই ছন্দ অনুসরণ করে। এখানে আমি যে স্ট্যাক ব্যবহার করি:

1. নেভিগেশন মেনু (আঠালো)
2. হিরো বিভাগ
3. সম্পর্কে
4. পরিষেবা বা বৈশিষ্ট্য
5. দল
6. পোর্টফোলিও বা কেস স্টাডিজ
7. মূল্য নির্ধারণ
8. প্রশংসাপত্র
9. যোগাযোগ ফর্ম
10. সামাজিক আইকন
11. পাদচরণকারী

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

নেভিগেশন মেনু তৈরি করুন

প্রথমে ওয়ার্ডপ্রেসে মেনু তৈরি করুন: চেহারা > মেনু > একটি নতুন মেনু তৈরি করুন.

স্থানধারক URL এর সাথে কাস্টম লিঙ্ক যোগ করুন। আপাতত, বিভাগের নাম অনুসরণ করে একটি হ্যাশ (#) ব্যবহার করুন: #about, #services, #pricing। প্রতিটি বিভাগে একটি ম্যাচিং আইডি থাকলে আপনি সেগুলিকে শেষের দিকে সঠিকভাবে ওয়্যার আপ করবেন৷।

মেনু সংরক্ষণ করুন।

এখন, এলিমেন্টরের ভিতরে, দুটি কলাম সহ শীর্ষে একটি বিভাগ ড্রপ করুন। বাম কলামে আপনার লোগো রাখুন। ডান কলামের জন্য, আপনার দুটি বিকল্প আছে:

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

বিভাগটি দিয়ে আঠালো করুন বিভাগ সেটিংস > উন্নত > মোশন ইফেক্ট > স্টিকি: শীর্ষ. আপনি যদি একটি সম্পূর্ণ ওয়াকথ্রু চান, এলিমেন্টর গাইডে স্টিকি হেডার ভেঙ্গে দেয়।

হিরো সেকশন ডিজাইন করুন

নায়ক সুর সেট করে। এটি সংক্ষিপ্ত রাখুন: একটি প্রতিশ্রুতি, একটি সমর্থনকারী লাইন, একটি বোতাম।

মেনুর ঠিক নীচে একটি নতুন বিভাগ যোগ করুন। বিভাগ সেটিংস খুলুন এবং সেট করুন:

• বিষয়বস্তুর প্রস্থ: সম্পূর্ণ প্রস্থ
• উচ্চতা: পর্দায় ফিট
• উল্লম্ব সারিবদ্ধ: মধ্য

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

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

সম্পর্কে বিভাগ যোগ করুন

এখানে অভিনব কিছু নেই। দুটি কলাম সহ একটি আদর্শ বিভাগ:

• বাম কলাম: একটি ছবি (আপনার, আপনার দলের, বা আপনার কর্মক্ষেত্র)
• ডান কলাম: শিরোনাম + পাঠ্য সম্পাদক + বোতাম

নীচের পরিষেবা বিভাগে বোতামের অ্যাঙ্কর লিঙ্কটি নির্দেশ করুন ("আমি কী করি তা দেখুন") যাতে দর্শকরা যারা অতীত স্ক্রোল করে তাদের এখনও একটি পরিষ্কার পথ থাকে।

পরিষেবা বিভাগ তৈরি করুন

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

একটি বিভাগ তৈরি করুন, একটি শিরোনাম যোগ করুন (“Services” বা “What I Do”), তারপর একটি অভ্যন্তরীণ বিভাগ তিন বা চারটি কলামে বিভক্ত করুন। প্রতি কলামে একটি ইনফোবক্স ড্রপ করুন।

প্রতিটি বাক্সে একটি প্রশ্নের উত্তর দেওয়া উচিত: পরিষেবাটি কী, এটি কার জন্য এবং এটি কী ফলাফল দেয়৷ এখানে বৈশিষ্ট্য তালিকা ডাম্প করবেন না। এটি একটি ডেডিকেটেড পরিষেবা পৃষ্ঠার জন্য, এবং আপনার একটি পেজারে একটি নেই৷।

একটি দল বিভাগ যোগ করুন

আপনি একা থাকলে এই বিভাগটি এড়িয়ে যান।

1-4 জনের জন্য: টিম মেম্বার উইজেট ব্যবহার করুন। প্রতিটি সদস্য ফটো, নাম, ভূমিকা, সংক্ষিপ্ত বায়ো এবং সামাজিক আইকন সহ একটি কার্ড পায়।

বড় দলের জন্য: টিম সদস্যদের ক্যারোজেল ব্যবহার করুন। এটি একবারে তিন বা চারজন সদস্যকে দেখায় এবং অনুভূমিকভাবে স্ক্রোল করে, যা বিভাগটিকে দৃশ্যত ধারণ করে।

সমস্ত দলের ফটো একই ক্রপ এবং আকৃতির অনুপাত রাখুন। একটি গ্রিডে অমিল মাথার আকার আপনার প্রত্যাশার চেয়ে ঢালু দেখায়। ডকুমেন্টেশন: দলের সদস্য উইজেট এবং দলের সদস্য ক্যারোজেল. একটি স্বতন্ত্র গাইডের জন্য, দেখুন কিভাবে একটি দলের সদস্য বিভাগ তৈরি করতে হয়.

একটি ফিল্টারযোগ্য পোর্টফোলিও যোগ করুন

ফ্রি এলিমেন্টরের ইমেজ গ্যালারি একটি স্ট্যাটিক গ্রিডের জন্য ঠিক আছে, কিন্তু এটি বিভাগ অনুসারে ফিল্টার করে না।

আপনি যদি দর্শকদের "Branding”" বা "Web”" ক্লিক করতে চান এবং গ্রিড রদবদল করতে চান, তাহলে আপনার একটি ফিল্টারযোগ্য গ্যালারি প্রয়োজন। মাস্টার অ্যাডঅনগুলির একটি আছে। এটি ক্যাটাগরি ট্যাব, পপআপ লাইটবক্স, ফিতা (যেমন "NEW” বা “FEATURED” ব্যাজ) এবং হোভারে একটি মেটাডেটা ওভারলে সমর্থন করে।

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

মূল্য সারণী যোগ করুন

আপনি যদি পণ্যযুক্ত পরিষেবা বা সাবস্ক্রিপশন বিক্রি করেন, তাহলে একটি মূল্য বিভাগ একটি অস্পষ্ট "উদ্ধৃতির জন্য যোগাযোগ।”" এর চেয়ে ভাল রূপান্তরিত হয়

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

তিনটি কলাম এক পেজারের জন্য মিষ্টি জায়গা। দর্শকরা বাম থেকে ডানে চোখ-স্ক্যান করে, এবং মাঝের কলামটি যেখানে আপনি পরিকল্পনাটি রাখেন যা আপনি আসলে তাদের বেছে নিতে চান। এটিকে একটি ফিতা দিয়ে চিহ্নিত করুন “Most Popular” করুন এবং এটিকে একটু ভিন্নভাবে স্টাইল করুন (সাহসী সীমানা, ভরা বোতাম)। আরো প্যাটার্ন টিপস মধ্যে এলিমেন্টর প্রাইসিং টেবিল উইজেট পোস্ট।

ক্লায়েন্ট প্রশংসাপত্র যোগ করুন

দুই বা তিনটি বাস্তব প্রশংসাপত্র নকল চেহারার একটি প্রাচীর বীট।

ফ্রি এলিমেন্টরের টেস্টিমোনিয়াল ক্যারোজেল মৌলিক লেআউট পরিচালনা করে। আপনি যদি একটি ক্লিনার একক-কলাম সংস্করণ চান (একটি বড় উদ্ধৃতি যা ঘোরে), মাস্টার অ্যাডঅনসে টিম মেম্বারস ক্যারোজেল, অদ্ভুতভাবে যথেষ্ট, এখানেও ভাল কাজ করে: গ্রাহকের ফটোগুলি সদস্য স্লটে ফেলে দিন এবং বায়ো ফিল্ডে উদ্ধৃতি রাখুন৷।

সাধারণ প্রশংসার পরিবর্তে একটি নির্দিষ্ট ফলাফলের উল্লেখ করে এমন প্রশংসাপত্রের জন্য জিজ্ঞাসা করুন ("প্রথম মাসে 3 জন ক্লায়েন্ট পেয়েছেন")। সুনির্দিষ্ট বিশ্বাসযোগ্য। অস্পষ্ট বিশেষণ ফিলার হয়।

একটি যোগাযোগ ফর্ম যোগ করুন

বিনামূল্যে ইনস্টল করুন যোগাযোগ ফর্ম 7 প্লাগইন প্লাগইন ডিরেক্টরি থেকে। একটি ফর্ম তৈরি করুন, শর্টকোড ধরুন।

Elementor এ, একটি টেক্সট এডিটর উইজেট ড্রপ করুন এবং শর্টকোড পেস্ট করুন। ফর্মটি রেন্ডার হবে, তবে এটি সরল দেখাবে।

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

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

সামাজিক আইকন যোগ করুন

ফ্রি এলিমেন্টর একটি সামাজিক আইকন উইজেট অন্তর্ভুক্ত করে। এটি Facebook, X (পূর্বে Twitter), LinkedIn, কভার করে ইনস্টাগ্রাম, YouTube, এবং অন্যদের একটি মুষ্টিমেয়। আপনি রঙ (ব্র্যান্ড বা কাস্টম), আকার, আকৃতি (গোলাকার বর্গক্ষেত্র বা বৃত্ত), এবং ব্যবধান নিয়ন্ত্রণ করেন।

এগুলি আপনার ফুটারের উপরে বা ভিতরে রাখুন। গণনাটি তিন বা চারটি প্ল্যাটফর্মে রাখুন যেখানে আপনি আসলে সক্রিয়। বারোটি আইকন, তাদের অর্ধেক মৃত অ্যাকাউন্ট, তিনটি সুস্থের চেয়ে খারাপ দেখায়।

ফুটার সাজান

এক পেজারে, ফুটার একটি একক লাইন হতে পারে।

যোগাযোগ ফর্মের নীচে একটি বিভাগ যোগ করুন, একক কলাম, কেন্দ্রীভূত। একটি সংক্ষিপ্ত কপিরাইট লাইন (© 2026 আপনার নাম। সর্বস্বত্ব সংরক্ষিত।) কাজ করে। আপনার যদি গোপনীয়তা নীতি বা শর্তাদি লিঙ্কের প্রয়োজন হয় তবে সেগুলি এখানেও ফেলে দিন। এক পেজার ফুটারে আর কিছুই নেই।

প্রতিটি বিভাগে মেনু লিঙ্ক করুন (অধিকাংশ লোক ভুল করে)

এই ধাপ যে ট্রিপ নতুনদের আপ। মেনু আইটেম আপনি শুরুতে সেট আপ (#about, #services, এবং তাই) এখনও কিছু করবেন না, কারণ বিভাগগুলির কোনও মিল আইডি নেই৷।

এখানে ফিক্স, প্রতি বিভাগে একবার করা হয়েছে:

1. একটি বিভাগে হোভার করুন, এটি নির্বাচন করতে মাঝখানে ছয়-ডট হ্যান্ডেলটিতে ক্লিক করুন।
2. যাও উন্নত বাম প্যানেলে ট্যাব।
3. স্ক্রোল করুন সিএসএস আইডি.
4. হ্যাশ ছাড়া আইডি টাইপ করুন। তাই about, না #about.

সংরক্ষণ করুন। আপনি মেনুতে যেতে চান এমন প্রতিটি বিভাগের জন্য পুনরাবৃত্তি করুন। আপনি যদি হাত দিয়ে অ্যাঙ্কর না লাগিয়ে থাকেন তবে ল্যান্ডিং পৃষ্ঠার পরিবর্তে দীর্ঘ ব্লগ পোস্টে বলুন বিষয়বস্তু প্লাগইন টেবিল স্বয়ংক্রিয়ভাবে আপনার জন্য এই জাম্প লিঙ্কগুলি তৈরি করে।

তারপর ফিরে যান চেহারা > মেনু এবং নিশ্চিত করুন প্রতিটি মেনু আইটেমের লিঙ্কটি হ্যাশ সংস্করণ (#about, #services, #pricing)। মেনু সংরক্ষণ করুন।

ফ্রন্ট-এন্ড পুনরায় লোড করুন, একটি মেনু আইটেম ক্লিক করুন, এবং পৃষ্ঠাটি ম্যাচিং বিভাগে মসৃণ-স্ক্রোল করা উচিত। যদি এটি স্ক্রোল করার পরিবর্তে হঠাৎ লাফ দেয়, থিমটি মসৃণ-স্ক্রোল CSS নিয়মটি অনুপস্থিত। এটি যোগ করুন কাস্টমাইজ > অতিরিক্ত CSS:

html { scroll-behavior: smooth; }

সম্পন্ন।

ম্যানুয়াল কাজ এড়িয়ে যান: একটি টেমপ্লেট কিট থেকে শুরু করুন

আপনি যদি স্ক্র্যাচ থেকে এগারোটি বিভাগ তৈরি করতে না চান, তাহলে মাস্টার অ্যাডনস 30+ পূর্ণ টেমপ্লেট কিট, তাদের মধ্যে অনেকগুলি নির্দিষ্ট শিল্পের জন্য এক পেজার (এজেন্সি, রেস্টুরেন্ট, পোর্টফোলিও, SaaS, পরামর্শদাতা)।

একটি কিট আমদানি করুন, চিত্রগুলি অদলবদল করুন এবং অনুলিপি করুন, আপনার ব্র্যান্ডের সাথে মেলে রঙগুলি সামঞ্জস্য করুন এবং আপনি এক সপ্তাহের পরিবর্তে একটি বিকেলে বাস করবেন৷ দ্য কিভাবে এলিমেন্টর টেমপ্লেট আমদানি করবেন পোস্ট আমদানি ধাপ কভার করে যদি আপনি এটি কখনও না করে থাকেন।

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

এক পৃষ্ঠার সাইটগুলির জন্য গতি এবং কর্মক্ষমতা টিপস

যেহেতু পুরো সাইটটি একটি URL-এ থাকে, সেই URLটিকে প্রতিটি দর্শকের জন্য প্রতিটি ছবি, ফন্ট এবং স্ক্রিপ্ট লোড করতে হবে৷ একটি ফুলে যাওয়া এক পেজার একটি রূপান্তর হত্যাকারী।

দ্রুত জয়:

• আপলোড করার আগে প্রতিটি ছবি কম্প্রেস করুন (TinyPNG, Squoosh, বা Imagify এর মত একটি প্লাগইন)।
• যেখানে সম্ভব WebP ফরম্যাট ব্যবহার করুন। দ্য সেরা ওয়ার্ডপ্রেস ইমেজ অপ্টিমাইজার প্লাগইন রাউন্ডআপ কভার অপশন।
• ভাঁজ-এর নিচের চিত্রগুলি অলস-লোড করুন (এলিমেন্টর আধুনিক সংস্করণে ডিফল্টরূপে এটি পরিচালনা করে)।
• ওয়েব ফন্ট দুটি পরিবারে সীমাবদ্ধ করুন, সর্বোচ্চ।
• একটি ক্যাশিং প্লাগইন (LiteSpeed ক্যাশে, WP রকেট, বা অটোপ্টিমাইজ) দিয়ে CSS এবং JS মিনিফাই করুন।

আরো কিভাবে Elementor ওয়েবসাইট গতি বাড়ানো যায়। Master Addons v3 v2 এর চেয়ে তিনগুণ দ্রুত এবং প্রকৃতপক্ষে ব্যবহৃত উইজেটগুলির জন্য শুধুমাত্র উইজেট CSS এবং JS লোড করে, যা একটি বহু-পৃষ্ঠার সাইটের চেয়ে একটি একক-URL সাইটে বেশি গুরুত্বপূর্ণ।

FAQ

মোড়ানো

Elementor সহ একটি এক পৃষ্ঠার ওয়েবসাইট কঠিন নয়। হ্যালো এলিমেন্টর বাছাই করুন, পৃষ্ঠাটি ক্যানভাসে সেট করুন, এগারোটি বিভাগ তৈরি করুন (বা তার কম), CSS আইডি বরাদ্দ করুন এবং হ্যাশ লিঙ্কগুলিতে মেনুটি ওয়্যার করুন। সম্পন্ন।

যেখানে মাস্টার অ্যাডঅন জিনিসগুলিকে গতি দেয়:

• মেগা মেনু এবং মোবাইল টগল সহ নেভিগেশন মেনু উইজেট
• পরিষেবার জন্য তথ্যবক্স উইজেট
• পোর্টফোলিওর জন্য ফিল্টারযোগ্য গ্যালারি
• বিল্ট-ইন ফিতা এবং বৈশিষ্ট্য তালিকা সহ মূল্য সারণী (বিনামূল্যে)
• CSS না লিখে ফর্ম 7 স্টাইলিং এর সাথে যোগাযোগ করুন
• দলের সদস্য এবং দলের সদস্য ক্যারোজেল
• আপনি যখন ম্যানুয়াল বিল্ড এড়িয়ে যেতে চান তখন 30+ সম্পূর্ণ টেমপ্লেট কিট

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

সম্পর্কিত পড়া: 100 সেরা এলিমেন্টর অ্যাডঅন · কিভাবে এলিমেন্টর টেমপ্লেট আমদানি করবেন · উইজেট এবং এক্সটেনশন · মাস্টার অ্যাডঅন মূল্য নির্ধারণ