কিভাবে Avada হেডার, ফুটার এবং কলাম লেআউট বিল্ডার ব্যবহার করবেন

আমাদের নিজস্ব পৃষ্ঠা নির্মাতা, Avada বিল্ডার, এখন দুটি ইন্টারফেসে উপলব্ধ: Avada বিল্ডার, যা আমাদের ব্যাক-এন্ড ওয়্যারফ্রেম পৃষ্ঠা নির্মাতা, এবং Avada Live, যা আমাদের ফ্রন্ট-এন্ড বিল্ডার, যা সম্প্রতি Avada 6.0 এর সাথে চালু করা হয়েছিল। .

আমাদের কন্টেইনার, কলাম এবং উপাদানগুলির সহজবোধ্য সিস্টেম ব্যবহার করে, Avada বিল্ডারের উভয় সংস্করণই আপনাকে সহজেই আপনার ওয়েবসাইটের জন্য সুন্দর পৃষ্ঠা লেআউট ডিজাইন করতে দেয়। Avada Builder হল আধুনিক ওয়েব ডিজাইনার এবং সাইটের মালিকদের জন্য একটি চমৎকার টুল, কারণ এটি তাদের পৃষ্ঠার বিষয়বস্তু এবং লেআউটের সমস্ত দিকগুলির উপর সম্পূর্ণ নিয়ন্ত্রণ দেয়৷ Avada বিল্ডারের উভয় সংস্করণ একই কোড তৈরি করে। এগুলি সম্পূর্ণভাবে বিনিময়যোগ্য, আপনাকে Avada বিল্ডারের সাথে উভয় জগতের সেরাটি পেতে দেয়, যা বর্তমানে উপলব্ধ।

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

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

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

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

প্রতিটি লেআউটের মধ্যে, আপনি একটি নির্দিষ্ট লেআউটের জন্য নির্ধারিত চারটি লেআউট বিভাগ দেখতে পারেন, চারটি লেআউটের প্রতিটির জন্য একটি। প্রতিটি লেআউট বিভাগে, আপনি একটি + আইকন দেখতে পাবেন, যা আপনাকে লেআউটের সেই বিভাগে একটি লেআউট বিভাগ বরাদ্দ করার অনুমতি দেবে যখন আপনি এটির উপর আপনার মাউস সরান। আপনার কাছে এই বিভাগে একটি বিদ্যমান লেআউট বিভাগ বরাদ্দ করার বা স্ক্র্যাচ থেকে একটি একেবারে নতুন বিভাগ তৈরি করার বিকল্প রয়েছে৷

বিভাগ লেআউট ব্যবহার করে

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

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

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

একটি লেআউট কাস্টমাইজ করা

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

লেআউট পৃষ্ঠায়, একটি নাম যোগ করুন এবং নিচের মতো নতুন লেআউট তৈরি করুন ক্লিক করুন।

আপনি যদি বিদ্যমান লেআউট বা গ্লোবাল লেআউটে এটি যোগ করতে চান তাহলে একটি ফুটার লেআউট বিভাগ তৈরি করুন।

লেআউট সেকশন বিল্ডার স্ক্রিনে, লেআউট সেকশনের ধরন নির্বাচন করুন, একটি নাম লিখুন (এই এক্স amp লে, ফুটারে, সম্ভবত গ্লোবাল ফুটার) এবং নিচের মতো নতুন লেআউট সেকশন তৈরি করুন ক্লিক করুন।

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

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

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

কাস্টম লেআউট সম্পাদনা

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

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

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

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

শর্তাধীন লেআউট ডিজাইন

গ্লোবাল লেআউটে কোন শর্ত নেই। এতে লেআউট সেকশন যোগ করা প্রতিটি পৃষ্ঠায় ব্যবহার করা হবে কারণ এটি বিশ্বব্যাপী। আপনার যদি শুধুমাত্র আপনার সাইটের কিছু পৃষ্ঠায় একটি কাস্টম ফুটারের প্রয়োজন হয়, যেমন একক ব্লগ নিবন্ধ, তাহলে আপনাকে একটি শর্তসাপেক্ষ লেআউট ব্যবহার করতে হবে।

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

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

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

Avada লেআউট বিল্ডার থেকে কলাম যোগ করা হচ্ছে

আভাডা সাইট ডিজাইন করার সময় কলাম এলিমেন্ট, কনটেইনার এলিমেন্টের মতো, একটি অপরিহার্য কাঠামোগত উপাদান।

Avada লেআউট বিল্ডারের সাথে কলাম যোগ করা তুলনামূলকভাবে সহজ।

  • পৃষ্ঠায় একটি ধারক যোগ করতে ' + ধারক একটি ধারক সন্নিবেশ করার সময়, আপনাকে একটি কলাম বা কলাম বিন্যাস নির্বাচন করতে বলা হবে। আপনি একটি খালি ধারক তৈরি করতে পারেন, কিন্তু সাধারণত আপনি এই ধাপে কলাম যোগ করুন।
  • একটি বিদ্যমান কন্টেইনারে নতুন কলাম যোগ করতে, কন্টেইনারের উপর হোভার করুন এবং ' + কলাম ' বোতামে ক্লিক করুন। একটি নতুন কলাম যোগ করতে, এখানে ক্লিক করুন.
  • একটি কলামের উপরের বাম কোণে, 'রিসাইজ কলাম' আইকনে ক্লিক করুন। এটি এখন আপনার কলামের মতো একই আকারের হবে। amp জন্য রিসাইজ কলাম বিকল্পের অধীনে একটি 1/4 কলাম '1/4
  • কলামগুলিকে পুনরায় সাজাতে টেনে আনুন এবং ফেলে দিন৷ আপনি কন্টেইনারগুলিতে কলামগুলিকে টেনে আনতে এবং ফেলে দিতে পারেন৷

একটি কলাম শুধুমাত্র একই প্রস্থের একটি ধারক উপাদানের ভিতরে স্থাপন করা যেতে পারে; এটি সাধারণত আপনি সাইটের জন্য সেট করা সাইট প্রস্থ। এইভাবে, আপনি যদি সাইটের প্রস্থ 1200px সেট করেন, একটি 1/2 কলাম 600px চওড়া হবে। একটি পৃষ্ঠায় যোগ করার সময় পূর্বনির্ধারিত কলামের আকারগুলি নীচে দেখানো হয়৷

Avada-তে, আপনি বড়, মাঝারি এবং ছোট লেআউটে আলাদাভাবে কলামের প্রস্থ (এবং আরও) সেট করতে পারেন কিভাবে প্রতিক্রিয়াশীল লেআউটে ডিসপ্লে অর্ডার এবং কলামের আকার সেট করতে হয় তা ব্যাখ্যা করে কিভাবে কলামের সাথে এই চমৎকার নতুন বৈশিষ্ট্যটি ব্যবহার করতে হয়।

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

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

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

শুধুমাত্র নতুন ফ্লেক্স পাত্রে প্রতিক্রিয়াশীল বিকল্প সেট দেখায়। লিগ্যাসি কন্টেইনারে কলাম পাওয়া যায় না।

উপসংহার

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

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

হ্যানসন এফ।

সাম্প্রতিক পোস্ট

Elementor এর সাথে হেডার এবং ফুটার কিভাবে ব্যবহার করবেন

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

6 জানুয়ারী, 2022

ওয়ার্ডপ্রেস থিম তুলনা: Astra বনাম OceanWP

বাজারে সবচেয়ে জনপ্রিয় দুটি ওয়ার্ডপ্রেস থিম হল Astra এবং OceanWP। পেশাদার…

জানুয়ারী 2, 2022

ওয়ার্ডপ্রেস সংবাদ থিম তুলনা: সংবাদপত্র বনাম Astra

একটি চমৎকার নিউজ ওয়েবসাইট তৈরি করার জন্য আপনাকে ওয়েব ডিজাইনার হতে হবে না। আমরা…

25 অক্টোবর, 2021

নিউজপেপার থিম সহ একটি সংবাদ-সম্পর্কিত ওয়েবসাইট তৈরি করুন

নিউজপেপার থিম হল ট্যাগডিভ দ্বারা ডিজাইন করা সবচেয়ে উল্লেখযোগ্য ওয়ার্ডপ্রেস থিমগুলির মধ্যে একটি, একটি…

18 অক্টোবর, 2021

Avada WooCommerce নির্মাতার সাথে কীভাবে একটি ইকমার্স তৈরি করবেন

যখন একটি অনলাইন স্টোর সেট আপ করার কথা আসে, তখন WooCommerce হল গো-টু plugin ৷ এটা…

4 অক্টোবর, 2021

এলিমেন্টরের সাথে কীভাবে স্টিকি হেডার এবং স্ক্রলিং প্রভাবগুলি ব্যবহার করবেন

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

21 সেপ্টেম্বর, 2021