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

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

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

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

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

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

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

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

বিভাগ বিন্যাস ব্যবহার করে

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

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

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

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

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

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

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

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

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

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

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

শর্তসাপেক্ষ লেআউটে ফুটার লেআউট বিভাগ যুক্ত করা

কাস্টম লেআউট এডিটিং

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

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

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

ট্যাক্সি ডেমো> বেসিক পাদলেখ "src =" https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> আভাডা লেআউট কাস্টম গ্লোবাল ফুটার দেখুন।

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

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

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

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

একটি কাস্টম লেআউট বিভাগ বরাদ্দ করা

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

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

আভাডা লেআউট নির্মাতার কাছ থেকে কলাম যোগ করা হচ্ছে

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

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

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

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

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

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

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

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

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

উপসংহার

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

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

একটি মন্তব্য ত্যাগ করুন

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা হয়েছে *