এলিমেন্টর হেডার টেমপ্লেট: 43টি রেডিমেড ডিজাইন

তিনটি এলিমেন্টর হেডার ডিজাইন একটির উপরে দেখানো হয়েছে

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

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

আপনি যা জন্য এসেছেন তাতে ঝাঁপ দিন:

কিভাবে আপনার সাইটে একটি Elementor হেডার টেমপ্লেট যোগ করবেন

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

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

  1. আপনার ড্যাশবোর্ডে, যান মাস্টার অ্যাডঅন → থিম বিল্ডার, ক্লিক করুন নতুন টেমপ্লেট যোগ করুন, টাইপ সেট করুন হেডার এবং ক্লিক করুন Elementor দিয়ে সম্পাদনা করুন.
  2. সম্পাদকে, ক্লিক করুন মাস্টার অ্যাডঅন টেমপ্লেট বোতাম, খুলুন হেডার ট্যাব, একটি নকশা চয়ন করুন এবং ক্লিক করুন ঢোকান.
  3. লোগো প্রতিস্থাপন করুন, নির্দেশ করুন Nav মেনু উইজেট আপনার নিজের ওয়ার্ডপ্রেস মেনুতে এবং বোতাম টেক্সট এবং লিঙ্ক পরিবর্তন করুন।
  4. খোলা শর্তাবলী ট্যাব, সেট অন্তর্ভুক্ত করুন → সমগ্র সাইট এবং সংরক্ষণ করুন।
  5. যদি আপনার থিম এখনও নতুনের উপরে তার নিজস্ব শিরোনাম প্রিন্ট করে, তাহলে থিম শিরোনামটি তার সেটিংসে বন্ধ করুন।

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

সাইটের ধরন অনুসারে 43 এলিমেন্টর হেডার টেমপ্লেট

43টি ডিজাইন পাঁচটি গ্রুপে বিভক্ত। আপনার সাইটের সবচেয়ে কাছের একটিতে যান এবং বাছাই করার আগে পাশাপাশি দুটি বা তিনটি ডেমো খুলুন।

হেডার টাইপডিজাইনতারা কি ভাগ করে নেয়যেখানে
SaaS এবং প্রযুক্তি14সংক্ষিপ্ত মেনু এবং একটি ট্রায়াল বা ডেমো বোতামলাফ
ব্যবসা এবং স্থানীয় পরিষেবা7ফোন নম্বর এবং একটি বুকিং বোতামলাফ
ইকমার্স এবং দোকান6অনুসন্ধান, কার্ট এবং অ্যাকাউন্ট আইকনলাফ
শীর্ষ বার এবং বহু-সারি9লোগো এবং মেনুর উপরে যোগাযোগ বারলাফ
ন্যূনতম এবং কেন্দ্রীভূত7এক লাইন, কয়েকটি লিঙ্ক, কেন্দ্রীভূত বা বিভক্ত লোগোলাফ

SaaS এবং টেক এলিমেন্টর হেডার টেমপ্লেট

এর মধ্যে বেশিরভাগই SaaS এবং টেক কিট থেকে আসে এবং একটি প্যাটার্ন শেয়ার করে: বাম দিকে লোগো, চার বা পাঁচটি লিঙ্ক এবং ডানদিকে একটি ট্রায়াল বা ডেমো বোতাম। Finix, Clowdify এবং Techbyte ডার্ক বার ব্যবহার করে এবং লিড লিফট একটি ক্রিমের উপর বসে।

1। Shiftflow: Elementor জব বোর্ড হেডার টেমপ্লেট

শিফটফ্লো জব বোর্ড এলিমেন্টর হেডার টেমপ্লেট সহ চাকরি, পোস্ট এ জব এবং একটি পোস্ট এ জব ফর ফ্রি বোতাম

একটি জব বোর্ডের জন্য তৈরি: বাড়ি, চাকরি এবং পোস্ট একটি চাকরি একটি সাদা বারের ডানদিকে বসে, তারপরে একটি রূপরেখা পোস্ট করুন একটি চাকরির জন্য বিনামূল্যে বোতাম।

2। Techbyte: Elementor ডার্ক টেক হেডার টেমপ্লেট

একটি অন্ধকার নেভি বার এবং ডান-সারিবদ্ধ লিঙ্ক সহ Techbyte টেক এলিমেন্টর হেডার টেমপ্লেট

ডার্ক নেভি, বাম দিকে ব্র্যান্ডের নাম এবং ডানদিকে তিনটি লিঙ্ক। কোন বোতাম নেই, তাই এটি একটি পোর্টফোলিও বা প্রকল্প সাইটের জন্য একটি বিক্রয় পৃষ্ঠার চেয়ে ভাল উপযুক্ত।

3। Tecpart: Elementor IT কোম্পানি হেডার টেমপ্লেট

টেকপার্ট আইটি কোম্পানি এলিমেন্টর হেডার টেমপ্লেট সহ সমস্ত পৃষ্ঠা ড্রপডাউন মেনু খোলা

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

4। ক্লাউডিফাই: এলিমেন্টর SaaS পিল হেডার টেমপ্লেট

একটি বৃত্তাকার কালো পিল বার এবং একটি এখনই শুরু করুন বোতাম সহ Clowdify SaaS এলিমেন্টর হেডার টেমপ্লেট৷

পুরো শিরোনামটি একটি গোলাকার কালো বড়ি যার চারপাশে স্থান রয়েছে। বৈশিষ্ট্য, মূল্য নির্ধারণ, ইন্টিগ্রেশন এবং গ্রাহক লগইন একটি এখনই শুরু করুন বোতামের পাশে বসুন।

5। Craftova: Elementor SaaS হেডার টেমপ্লেট

ছয়টি লিঙ্ক এবং একটি স্টার্ট ফ্রি ট্রায়াল বোতাম সহ Craftova SaaS এলিমেন্টর হেডার টেমপ্লেট

ছয়টি লিঙ্ক, তাদের মধ্যে কেস স্টাডি এবং একটি রূপরেখাযুক্ত স্টার্ট ফ্রি ট্রায়াল বোতাম। এটি সাধারণ তিন-লিঙ্ক SaaS মেনুর চেয়ে বেশি পৃষ্ঠা সহ একটি পণ্যের সাথে ফিট করে।

6। ফিনিক্স: এলিমেন্টর ডার্ক SaaS হেডার টেমপ্লেট

একটি কালো বার, তিনটি লিঙ্ক এবং একটি স্টার্ট ফ্রি ট্রায়াল বোতাম সহ Finix SaaS এলিমেন্টর হেডার টেমপ্লেট৷

একটি সবুজ লোগো চিহ্ন সহ কালো, মাঝখানে তিনটি লিঙ্ক এবং একটি রূপরেখাযুক্ত স্টার্ট ফ্রি ট্রায়াল বোতাম। মাত্র তিনটি লিঙ্ক দিয়ে, চোখ সরাসরি ট্রায়ালে যায়।

7। গ্রিপ: এলিমেন্টর এজেন্সি হেডার টেমপ্লেট

সম্পর্কে, কেস স্টাডিজ, যোগাযোগ এবং আমাদের সাথে একটি কাজ বোতাম সহ গ্রিপ এজেন্সি এলিমেন্টর হেডার টেমপ্লেট

একটি বড় ওয়ার্ডমার্ক সহ একটি এজেন্সি হেডার, সম্পর্কে, কেস স্টাডিজ এবং যোগাযোগ, এবং আমাদের সাথে একটি কাজ বোতাম যেখানে একটি SaaS সাইট তার ট্রায়াল করবে৷।

8। Klyro: Elementor সফটওয়্যার ডেমো হেডার টেমপ্লেট

একটি হালকা ধূসর বার এবং একটি অনুরোধ বিনামূল্যে ডেমো বোতাম সহ Klyro টেক এলিমেন্টর হেডার টেমপ্লেট৷

একটি ফ্যাকাশে ধূসর বারে পাঁচটি লিঙ্ক এবং একটি অনুরোধ বিনামূল্যে ডেমো বোতাম, একটি ডেমো কলের মাধ্যমে বিক্রি হওয়া সফ্টওয়্যারের জন্য৷।

9। লিড লিফট: এলিমেন্টর স্টার্টআপ হেডার টেমপ্লেট

একটি ক্রিম বার এবং একটি কালো স্টার্ট ফ্রি ট্রায়াল বোতাম সহ লিড লিফট SaaS এলিমেন্টর হেডার টেমপ্লেট৷

বোল্ড লিঙ্ক টেক্সট সহ একটি ক্রিম বার এবং একটি কালো পিল যা বলে বিনামূল্যে ট্রায়াল শুরু করুন৷ এটি এখানে SaaS হেডারগুলির মধ্যে সবচেয়ে উষ্ণ।

10। নেক্সিস: এলিমেন্টর SaaS হেডার টেমপ্লেট

পাঁচটি লিঙ্ক সহ Nexis SaaS এলিমেন্টর হেডার টেমপ্লেট এবং একটি এখনই শুরু করুন বোতাম

মাঝখানে ব্যবধানে থাকা পাঁচটি লিঙ্ক, একটি গভীর সবুজ লোগো এবং একটি হালকা সীমানা সহ একটি এখনই শুরু করুন বোতাম৷।

11। অপটিভিউ: এলিমেন্টর SaaS হেডার টেমপ্লেট

কেন্দ্রীভূত লিঙ্ক এবং একটি রূপরেখাযুক্ত স্টার্ট ফ্রি ট্রায়াল বোতাম সহ Optivue SaaS এলিমেন্টর হেডার টেমপ্লেট

একটি সাদা বারে কেন্দ্রীভূত তিনটি লিঙ্ক এবং ডানদিকে একটি বৃত্তাকার স্টার্ট ফ্রি ট্রায়াল বোতাম। পড়ার জন্য খুব কম আছে, তাই বোতামটি কাজ করে।

12। Sabrion: Elementor SaaS লগইন হেডার টেমপ্লেট

একটি লগইন লিঙ্ক এবং একটি 14-দিনের বিনামূল্যের ট্রায়াল বোতাম সহ Sabrion SaaS এলিমেন্টর হেডার টেমপ্লেট৷

লোগোর পাশে মূল্য নির্ধারণ, সম্পর্কে এবং যোগাযোগ করুন, তারপর একটি লগইন লিঙ্ক এবং একটি 14 দিনের বিনামূল্যে ট্রায়াল বোতাম শুরু করুন৷ লগইন প্লেইন টেক্সট থাকে যাতে এটি ট্রায়ালের সাথে প্রতিযোগিতা না করে।

13। Sempla: Elementor SaaS হেডার টেমপ্লেট

একটি লগইন লিঙ্ক এবং একটি এখনই শুরু করুন বোতাম সহ Sempla SaaS এলিমেন্টর হেডার টেমপ্লেট৷

বৈশিষ্ট্য, আমাদের সম্পর্কে, লোগোর পাশে মূল্য এবং প্রশংসাপত্র, লগইন করুন এবং এখনই শুরু করুন ডানদিকে গোষ্ঠীবদ্ধ।

14। Zaplyte: Elementor অ্যাপ হেডার টেমপ্লেট

Zaplyte SaaS এলিমেন্টর হেডার টেমপ্লেট বাম-সারিবদ্ধ লিঙ্ক এবং একটি এখনই শুরু করুন বোতাম সহ

লিঙ্কগুলি মাঝখানে না হয়ে লোগোর ঠিক পরে বসে, যা এখনই শুরু করুন বোতামের আগে খোলা জায়গা ছেড়ে দেয়।

ব্যবসা এবং স্থানীয় পরিষেবা হেডার টেমপ্লেট

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

15। হোমঅ্যাক্সিস: এলিমেন্টর রিয়েল এস্টেট হেডার টেমপ্লেট

হোমঅ্যাক্সিস রিয়েল এস্টেট এলিমেন্টর হেডার টেমপ্লেট একটি লাইম কন্টাক্ট টপ বার এবং একটি কোট বোতাম পান

সামাজিক আইকন, একটি ইমেল ঠিকানা এবং একটি ফোন নম্বর একটি লাইম টপ বারে রাইড। প্রধান সারিতে ছয়টি লিঙ্ক এবং একটি ম্যাচিং আছে একটি তীর সহ একটি উদ্ধৃতি বোতাম পান৷।

16। Balanciq: এলিমেন্টর থেরাপি ক্লিনিক হেডার টেমপ্লেট

একটি স্টার্ট ইওর জার্নি বোতাম সহ ব্যালেন্সিক থেরাপি ক্লিনিক এলিমেন্টর হেডার টেমপ্লেট

হোম, সম্পর্কে, পরিষেবা, থেরাপিস্ট এবং একটি বৃত্তাকার স্টার্ট ইওর জার্নি বোতামের সাথে যোগাযোগ করুন। নরম রং এবং প্রচুর জায়গা, যা একটি ক্লিনিকের জন্য উপযুক্ত।

17। ক্লিনার: এলিমেন্টর ক্লিনিং সার্ভিস হেডার টেমপ্লেট

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

সামাজিক আইকন, একটি রাস্তার ঠিকানা এবং একটি ফোন নম্বর একটি পাতলা শীর্ষ বার ভাগ করে। প্রধান সারিতে পাঁচটি লিঙ্ক এবং একটি সবুজ বই একটি অ্যাপয়েন্টমেন্ট বোতাম রয়েছে।

18। ক্লিনারি: এলিমেন্টর ক্লিনিং কোম্পানি হেডার টেমপ্লেট

একটি কল-আমাদের শীর্ষ বার, কেন্দ্রীভূত মেনু এবং একটি অ্যাপয়েন্টমেন্ট বোতাম সহ ক্লিনারি ক্লিনিং সার্ভিস এলিমেন্টর হেডার টেমপ্লেট

একটি নীল টপ বার একটি কল-আমাদের নম্বরের পাশে "দ্রুত পরিষ্কারের সাহায্যের প্রয়োজন?" জিজ্ঞাসা করে৷ এর নীচে একই নীল রঙে পাঁচটি লিঙ্ক এবং একটি অ্যাপয়েন্টমেন্ট করুন বোতাম রয়েছে।

19। রন্ধনসম্পর্কীয়: এলিমেন্টর রেস্টুরেন্ট হেডার টেমপ্লেট

একটি পরিচিতি শীর্ষ বার এবং একটি বুক এ টেবিল বোতাম সহ রন্ধনসম্পর্কীয় রেস্টুরেন্ট এলিমেন্টর হেডার টেমপ্লেট

একটি ক্রিম প্রধান সারির উপরে ফোন, ইমেল এবং সামাজিক আইকন সহ একটি জলপাই শীর্ষ বার। বুক এ টেবিল হল একটি ক্রিয়া যা এটি চায়।

20। ডেন্টাল: এলিমেন্টর ডেন্টাল ক্লিনিক হেডার টেমপ্লেট

একটি ফোন নম্বর এবং একটি বুক একটি অ্যাপয়েন্টমেন্ট বোতাম সহ ডেন্টাল ক্লিনিক এলিমেন্টর হেডার টেমপ্লেট৷

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

21। Plumbiq: Elementor plumbing service header template

একটি কল-আমাদের শীর্ষ বার এবং একটি অনুরোধ একটি বিনামূল্যে কল বোতাম সহ Plumbiq প্লাম্বিং পরিষেবা এলিমেন্টর হেডার টেমপ্লেট৷

আমাদের কল করুন এবং সামাজিক আইকনগুলি উপরের বারটি পূরণ করুন, নীচে পাঁচটি লিঙ্ক এবং একটি নীল অনুরোধ একটি বিনামূল্যে কল বোতাম সহ।

ইকমার্স এবং শপ হেডার টেমপ্লেট

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

22। অনুসন্ধান সহ ব্লু স্টোর হেডার: এলিমেন্টর স্টোর হেডার টেমপ্লেট

একটি কেন্দ্রীভূত লোগো, অনুসন্ধান বাক্স, কার্ট এবং নীচে একটি মেনু সারি সহ ব্লু স্টোর এলিমেন্টর হেডার টেমপ্লেট

সামাজিক আইকন সহ একটি নীল শীর্ষ সারি, একটি কেন্দ্রীভূত লোগো, একটি অনুসন্ধান বাক্স এবং একটি কার্ট৷ অতিরিক্ত লিঙ্কের জন্য নীচের মেনু সারিটি হ্যামবার্গারে শেষ হয়।

23। কেন্দ্রীভূত লোগো শপ: এলিমেন্টর শপ হেডার টেমপ্লেট

বাম দিকে মেনু সহ এলিমেন্টর হেডার টেমপ্লেট, একটি কেন্দ্রীভূত লোগো, অনুসন্ধান এবং কার্ট কেনাকাটা করুন

একটি নীল ঠিকানা এবং ফোন বারের নীচে, মেনুটি বাম দিকে, লোগোটি মাঝখানে এবং ডানদিকে অনুসন্ধান এবং কার্ট বসে।

24। ডার্ক টপ বার শপ: এলিমেন্টর শপ হেডার টেমপ্লেট

একটি অন্ধকার পরামর্শ বার এবং একটি অনুসন্ধান বোতাম সহ এলিমেন্টর হেডার টেমপ্লেট কিনুন৷

এর ডার্ক টপ বার একটি বিনামূল্যে পরামর্শ এবং একটি ফোন নম্বর প্রদান করে। নীচে লোগো, ছয়টি লিঙ্ক এবং একটি অনুসন্ধান বোতাম রয়েছে।

25। প্রচার ব্যানার স্টোর: এলিমেন্টর স্টোর প্রচার হেডার টেমপ্লেট

প্রোমো ব্যানার স্টোর এলিমেন্টর হেডার টেমপ্লেট একটি ফ্রি শিপিং টপ বার, অফার ব্যানারে 70% ছাড়, এবং অনুসন্ধান, কার্ট এবং ইচ্ছা তালিকা আইকন

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

26। সার্চ বার স্টোর: এলিমেন্টর ইকমার্স সার্চ হেডার টেমপ্লেট

একটি বড় অনুসন্ধান বার, ইচ্ছা তালিকা এবং কার্ট এবং মেনু বারে একটি প্রচার লিঙ্ক সহ ইকমার্স এলিমেন্টর হেডার টেমপ্লেট৷

অনুসন্ধানটি লোগো সারির মাঝখানে নিয়ে যায়, ডানদিকে ইচ্ছা তালিকা এবং কার্ট এবং মেনু বারে ইলেকট্রনিক্স লিঙ্কে 70% ছাড়।

27। সার্টিভো: এলিমেন্টর ফ্যাশন স্টোর হেডার টেমপ্লেট

সার্টিভো ফ্যাশন স্টোর এলিমেন্টর হেডার টেমপ্লেট সহ সমস্ত পৃষ্ঠা ড্রপডাউন খোলা, অ্যাকাউন্ট এবং অনুসন্ধান আইকন

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

শীর্ষ বার এবং বহু-সারি হেডার টেমপ্লেট

দুই বা তিনটি সারি থেকে তৈরি শিরোনাম: ফোন সহ একটি যোগাযোগ বার, ইমেল বা খোলার সময়, একটি লোগো সারি এবং একটি মেনু বার৷ তারা এজেন্সি, ক্লিনিক এবং পরিষেবা সংস্থাগুলির জন্য উপযুক্ত যারা প্রতিটি পৃষ্ঠায় যোগাযোগের বিবরণ চায়৷।

28। ঠিকানা বার: এলিমেন্টর টপ বার হেডার টেমপ্লেট

একটি ঠিকানা বার এবং একটি নীল এখন যোগ দিন বোতাম সহ এলিমেন্টর হেডার টেমপ্লেট৷

একটি ঠিকানা এবং সামাজিক আইকন সহ ধূসর শীর্ষ বার, তারপর লোগো, ছয়টি লিঙ্ক এবং একটি নীল এখন যোগ দিন বোতাম৷।

29। কোণীয় মেনু: এলিমেন্টর অ্যাপয়েন্টমেন্ট হেডার টেমপ্লেট

একটি খোলার সময় বার সহ এলিমেন্টর হেডার টেমপ্লেট এবং একটি অ্যাপয়েন্টমেন্ট বোতাম সহ একটি কোণযুক্ত নীল মেনু৷

খোলার সময় এবং তিনটি ছোট ইউটিলিটি লিঙ্ক একটি কোণযুক্ত নীল মেনু বারের উপরে বসে যা একটি সাদা মেক একটি অ্যাপয়েন্টমেন্ট বোতামে শেষ হয়।

30। অনুসন্ধানের সাথে যোগাযোগের তথ্য শিরোনাম: এলিমেন্টর যোগাযোগের তথ্য শিরোনাম টেমপ্লেট

কল এবং খোলার সময় ব্লক সহ এলিমেন্টর হেডার টেমপ্লেট এবং মেনু বারে একটি অনুসন্ধান বাক্স

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

31। ক্রিয়েটিভ এজেন্সি: এলিমেন্টর ক্রিয়েটিভ এজেন্সি হেডার টেমপ্লেট

একটি নীল লোগো ব্লক, ফোন টপ বার এবং সামাজিক আইকন সহ ক্রিয়েটিভ এজেন্সি এলিমেন্টর হেডার টেমপ্লেট

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

32। ফ্লোটিং মেনু: এলিমেন্টর ফ্লোটিং মেনু হেডার টেমপ্লেট

একটি নীল কন্টাক্ট বার এবং পৃষ্ঠার উপরে ভাসমান একটি সাদা মেনু বক্স সহ এলিমেন্টর হেডার টেমপ্লেট

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

33। শুরু করুন যোগাযোগ বার: এলিমেন্টর যোগাযোগ বার হেডার টেমপ্লেট

একটি ফোন এবং ইমেল বার, একটি শুরু করুন বোতাম এবং একটি কার্ট আইকন সহ এলিমেন্টর হেডার টেমপ্লেট৷

ডানদিকে একটি কঠিন গেট স্টার্টেড ব্লক সহ একটি হালকা টপ বারে ফোন এবং ইমেল করুন, তারপরে লোগো, মেনু এবং একটি কার্ট আইকন৷।

34। মেডিকেল ক্লিনিক: এলিমেন্টর মেডিকেল ক্লিনিক হেডার টেমপ্লেট

একটি তির্যক লোগো প্যানেল, অনুসন্ধান এবং কার্ট আইকন সহ মেডিকেল ক্লিনিক এলিমেন্টর হেডার টেমপ্লেট

লোগোটি একটি তির্যক নীল প্যানেলে বসে। ফোন এবং ইমেল উপরের বারে যায় এবং অনুসন্ধান এবং কার্ট আইকনগুলি মেনুটি শেষ করে।

35। তিন-সারি কেন্দ্রীভূত: এলিমেন্টর তিন-সারি হেডার টেমপ্লেট

একটি পরিচিতি বার, কেন্দ্রীভূত লোগো এবং একটি পূর্ণ-প্রস্থ নীল মেনু সহ তিন-সারি এলিমেন্টর হেডার টেমপ্লেট

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

36। ভিজিট, কল এবং মেল: এলিমেন্টর যোগাযোগের বিবরণ হেডার টেমপ্লেট

আমাদের দেখুন, আমাদের কল করুন এবং আমাদের ইমেল করুন ব্লক এবং একটি লগইন এবং নিবন্ধন মেনু বার সহ এলিমেন্টর হেডার টেমপ্লেট

আমাদের সাথে যান, আমাদের কল করুন এবং আমাদের ইমেল করুন লোগোর পাশে ব্লক আপ করুন, নীচে একটি নীল মেনু বার রয়েছে যাতে লগইন এবং নিবন্ধন রয়েছে৷।

ন্যূনতম এবং কেন্দ্রীভূত হেডার টেমপ্লেট

একক-লাইন এবং অস্বাভাবিক বিন্যাস: একটি কেন্দ্রীভূত লোগোর চারপাশে একটি মেনু বিভক্ত, একটি একক মেনু বোতাম সহ একটি বার, একটি স্ট্যাক করা কেন্দ্রীভূত লোগো এবং কয়েকটি প্লেইন লোগো-এবং-লিঙ্ক বার।

37। কেন্দ্রীভূত লোগো স্ট্যাকড: এলিমেন্টর কেন্দ্রিক লোগো হেডার টেমপ্লেট

কেন্দ্রীভূত মেনুর উপরে কেন্দ্রীভূত লোগো সহ স্ট্যাকড এলিমেন্টর হেডার টেমপ্লেট

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

38। ফায়ার অ্যাওয়ে স্প্লিট: এলিমেন্টর স্প্লিট মেনু হেডার টেমপ্লেট

ফায়ার অ্যাওয়ে স্প্লিট হেডার এলিমেন্টর হেডার টেমপ্লেট: উভয় পাশে মেনু বিভক্ত সহ কেন্দ্রীভূত লোগো

একটি কেন্দ্রীভূত লোগোর প্রতিটি পাশে তিনটি লিঙ্ক সহ মেনুটি দুটি ভাগে বিভক্ত।

39। মেনু বোতাম: এলিমেন্টর মেনু বোতাম হেডার টেমপ্লেট

একটি লোগো, সামাজিক আইকন এবং একটি নীল মেনু বোতাম সহ ন্যূনতম এলিমেন্টর হেডার টেমপ্লেট৷

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

40। সামাজিক আইকন সহ ন্যূনতম শিরোনাম: এলিমেন্টর ন্যূনতম হেডার টেমপ্লেট

একটি অনুসন্ধান বোতাম এবং সামাজিক আইকন সহ ন্যূনতম এলিমেন্টর হেডার টেমপ্লেট৷

লোগো সহ একটি সাদা বার, ছয়টি লিঙ্ক, একটি অনুসন্ধান বোতাম এবং তিনটি সামাজিক আইকন।

41। বেগুনি কোণ CTA: এলিমেন্টর কল টু অ্যাকশন হেডার টেমপ্লেট

একটি কোণীয় বেগুনি প্যানেল এবং একটি ডাউনলোড বোতাম সহ এলিমেন্টর হেডার টেমপ্লেট৷

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

42। সাইন ইন করুন: এলিমেন্টর সাধারণ হেডার টেমপ্লেট

একটি লোগো, ছয়টি লিঙ্ক এবং একটি সাইন ইন লিঙ্ক সহ সাধারণ এলিমেন্টর হেডার টেমপ্লেট

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

43। সহজ ড্রপডাউন: এলিমেন্টর ড্রপডাউন মেনু হেডার টেমপ্লেট

সাধারণ ড্রপডাউন হেডার এলিমেন্টর হেডার টেমপ্লেট: লোগো, ড্রপডাউন লিঙ্ক এবং একটি বন্ধ আইকন

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

কোন হেডার লেআউট আপনার সাইটে ফিট করে?

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

ওয়েবসাইট হেডার উদাহরণ: ভাল বেশী কি ভাগ

  • তারা দর্শককে একটি প্রধান বোতাম দেয়। Nexis, Finix এবং Optivue প্রত্যেকেরই একটি একক কল টু অ্যাকশন রয়েছে এবং Sempla এর দ্বিতীয় অ্যাকশন, লগইনকে একটি প্লেইন লিঙ্ক হিসেবে স্টাইল করে যাতে দুজন প্রতিদ্বন্দ্বিতা না করে।
  • তারা মেনু ছোট রাখে। এখানে বেশিরভাগ শিরোনাম তিন থেকে ছয়টি লিঙ্ক দেখায় এবং টেকপার্ট তার বাকি পৃষ্ঠাগুলিকে একটি সমস্ত পৃষ্ঠা ড্রপডাউনে রাখে।
  • স্থানীয় ব্যবসা একটি ফোন নম্বর দেখায়। ডেন্টাল, ক্লিনারি এবং প্লাম্বিক এটিকে হেডারে রেখেছেন, যেখানে একজন গ্রাহক যিনি বরং কল করবেন তিনি স্ক্রল না করেই এটি খুঁজে পেতে পারেন।
  • স্টোর হেডারে অনুসন্ধান রাখে। এখানে প্রতিটি দোকানের লেআউটে এটি রয়েছে এবং বেশিরভাগই এটির পাশে একটি কার্ট আইকন যুক্ত করে।
  • ডার্ক বারগুলি হালকা পাঠ্য এবং একটি রূপরেখাযুক্ত বোতাম ব্যবহার করে, যেমন Finix এবং Clowdify করে, তাই উভয়ই পাঠযোগ্য থাকে।

হেডার আঠালো করুন

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

শিরোনাম, বিভাগ, পৃষ্ঠা বা কিট: আপনার কোন টেমপ্লেট প্রয়োজন?

একটি হেডার টেমপ্লেট সাইটের একটি অংশ কভার করে। আপনি যদি বাকিটা তৈরি করেন, একই লাইব্রেরি আছে এলিমেন্টর সেকশন টেমপ্লেট একক ব্যান্ডের জন্য যেমন মূল্য বা FAQ, সম্পূর্ণ এলিমেন্টর পেজ টেমপ্লেট সম্পূর্ণ পৃষ্ঠাগুলির জন্য, এবং টেমপ্লেট কিট এটি একটি হেডার, ফুটার এবং প্রতিটি পৃষ্ঠাকে একটি ম্যাচিং স্টাইলে বান্ডিল করে।

লাইব্রেরিতে প্রো চিহ্নিত শিরোনামগুলির প্রয়োজন a মাস্টার অ্যাডনস প্রো লাইসেন্স, যা সম্পূর্ণ কিটগুলিও আনলক করে যা এই শিরোনামগুলির অনেকগুলি থেকে আসে।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

একটি Elementor হেডার টেমপ্লেট কি?

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

আমি কিভাবে Elementor এ একটি হেডার টেমপ্লেট ব্যবহার করব?

মাস্টার অ্যাডঅন → থিম বিল্ডারে একটি হেডার টেমপ্লেট তৈরি করুন, এটিকে এলিমেন্টরে খুলুন, মাস্টার অ্যাডঅন টেমপ্লেট লাইব্রেরির হেডার ট্যাব থেকে একটি নকশা সন্নিবেশ করুন, তারপর → সম্পূর্ণ সাইট অন্তর্ভুক্ত করুন এবং সংরক্ষণ করুন শর্তটি সেট করুন৷।

এই হেডার টেমপ্লেটগুলি ব্যবহার করার জন্য আমার কি Elementor Pro দরকার?

না। মাস্টার অ্যাডনস থিম বিল্ডার আপনার পৃষ্ঠাগুলিতে হেডার রাখে এবং এর হেডার নির্মাতা মাস্টার অ্যাডনস প্লাগইনে বিনামূল্যে, তাই এলিমেন্টর প্রো-এর প্রয়োজন নেই৷।

হেডার কি ফোনে কাজ করবে?

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

আমি কি এক পৃষ্ঠায় একটি ভিন্ন শিরোনাম ব্যবহার করতে পারি?

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

আমদানি করার পর কেন দুটি শিরোনাম দেখতে পাচ্ছি?

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

মাস্টার অ্যাডঅন কতগুলি হেডার টেমপ্লেট অন্তর্ভুক্ত করে?

মাস্টার অ্যাডনস টেমপ্লেট লাইব্রেরির হেডার ট্যাবে 43টি ডিজাইন রয়েছে এবং তাদের প্রত্যেকটি এই পৃষ্ঠায় রয়েছে।

একটি হেডার বাছুন, এটি একবার সেট করুন

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

সম্পর্কিত পড়া: কিভাবে একটি Elementor টেমপ্লেট আমদানি করতে হয়, এলিমেন্টর সেকশন টেমপ্লেট, এলিমেন্টর ফুটার টেমপ্লেট এবং কন্টেইনার সহ একটি হেডার তৈরি করার জন্য এলিমেন্টরের নিজস্ব গাইড.

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