আপনার ওয়েব পৃষ্ঠার যেকোনো বিষয়বস্তুর জন্য শিরোনামগুলি অত্যাবশ্যক কারণ তারা শুধুমাত্র পাঠকদেরই নয় সার্চ ইঞ্জিনকেও পরিবেশন করে৷ অত্যাশ্চর্য এবং সুলিখিত শিরোনামগুলি আপনার পোস্টে পাঠকদের আকৃষ্ট করার এবং ক্লিক বৃদ্ধি করার সম্ভাবনা রয়েছে৷ আপনার বিষয়বস্তুর অনুক্রমের উপর নির্ভর করে হেডারগুলি H1 থেকে H6 পর্যন্ত হতে পারে৷ আপনার পৃষ্ঠা বা নিবন্ধের প্রধান শিরোনাম হল H1, যখন H2 হল উপশিরোনাম যা আপনার নথিতে বিভাগ তৈরি করে। H3 থেকে H6 শিরোনামগুলি H2 এর অধীনে আপনার নথিতে আরও উপশিরোনাম প্রদান করে। কিভাবে Astra থিম আপনাকে আপনার সামগ্রীতে অত্যাশ্চর্য হেডার তৈরি করতে সাহায্য করতে পারে সেদিকে এগিয়ে যাওয়ার আগে, আসুন হেডারের গুরুত্ব বিবেচনা করি
বিষয়বস্তুর সারণী:
এখানে কেন আপনাকে আপনার পাঠ্যের শিরোনাম অন্তর্ভুক্ত করার বিষয়টি নিশ্চিত করতে হবে
হেডারগুলি সার্চ ইঞ্জিন এবং পাঠকদের জন্য নিবন্ধে যে কীওয়ার্ডগুলি খুঁজছে তা বাছাই করার জন্য একটি অপরিহার্য ভূমিকা পালন করে৷ পাঠ্যের প্রাথমিক শিরোনাম উপাদানের বিষয় সনাক্ত করতে সাহায্য করে এবং উপশিরোনাম পাঠককে তাদের আগ্রহের এলাকায় নেভিগেট করে।
মানুষ আজ বেশিরভাগই যেকোন বিষয়বস্তুর মধ্য দিয়ে যাওয়ার জন্য স্ক্রিন রিডার ব্যবহার করে। যেকোনো বিষয়বস্তুর শিরোনাম স্ক্রিন রিডাররা সহজেই তুলে নেয় এবং কার্যকরভাবে স্ক্রিন রিডার ব্যবহার করার জন্য এটি অপরিহার্য। তারা পাঠকদের প্রয়োজনীয় বিষয় পেতে এক শিরোনাম থেকে অন্য শিরোনামে লাফানোর অনুমতি দেয়।
যখন শিরোনামগুলি আপনার বিষয়কে শনাক্ত করার যোগ্য করে তোলে, তখন সার্চ ইঞ্জিনগুলি সার্চ কোয়েরির জন্য আপনার পৃষ্ঠাকে র্যাঙ্ক করে। আপনি যত বেশি আপনার শিরোনামগুলিকে ভালভাবে খসড়া তৈরি করবেন এবং উপযুক্ত কীওয়ার্ড দিয়ে পূর্ণ করবেন, তত বেশি সার্চ ইঞ্জিনগুলি আপনার র্যাঙ্কিং বাড়াবে।
আপনার পৃষ্ঠাগুলির জন্য অত্যাশ্চর্য হেডার তৈরি করতে বিনামূল্যে Astra থিম বৈশিষ্ট্যগুলি ব্যবহার করার জন্য এখানে একটি গাইড রয়েছে৷ আপনার পছন্দের শিরোনাম তৈরি করতে পদ্ধতি অনুসরণ করুন।
হেডার ব্যবহার করে, আপনি পৃষ্ঠাগুলিকে যতটা সম্ভব স্ক্যানযোগ্য করে তুলছেন। এটি সাধারণ জ্ঞান যে কেউ পুরো নিবন্ধটি পড়ে না - বিশেষ করে লাইন দ্বারা লাইন। তাই পেজের হেডার থাকা জরুরি। সমস্ত শিরোনামগুলির মধ্যে, সবচেয়ে গুরুত্বপূর্ণ শিরোনামটি হল প্রথম শিরোনাম কারণ এটি পুরো পোস্ট বা পৃষ্ঠার টোন সেট করে।
এর পরে উপশিরোনামটি আসে কারণ এটি সামগ্রীকে খণ্ডে ভাগ করে যা ব্যবহারের জন্য ভাল। শুধু তাই নয়, নিবন্ধের গঠন শিরোনাম এবং উপ-শিরোনাম দ্বারা দেখানো হয়। সংক্ষেপে, হেডারের সঠিক সেট মানে আপনি আপনার আকর্ষক বিষয়বস্তু দিয়ে দর্শকদের আকর্ষণ করতে পারেন।
সময়ের সাথে সাথে, মোবাইল আগের চেয়ে আরও বেশি প্রভাবশালী হয়ে উঠছে। এতে কোনো সন্দেহ নেই যে সাইটগুলো মোবাইল থেকে আগের চেয়ে বেশি ট্রাফিক পাবে। সুতরাং, আপনি যদি আপনার বিষয়বস্তু ঠিক রাখেন, তাহলে আপনি মোবাইলের পাশাপাশি ডেস্কটপ থেকেও দর্শক পেতে বাধ্য।
সংক্ষেপে, শিরোনামগুলি কেবল পাঠকদের জন্য নয়, অনুসন্ধান ইঞ্জিনগুলির জন্যও ওয়েবপৃষ্ঠাটিকে অপ্টিমাইজ করে৷
প্রথম জিনিসগুলি, অ্যাস্ট্রা হেডার বিল্ডার অ্যাক্সেস করতে, আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে লগ ইন করুন এবং বাঁদিকের সাইডবার থেকে, চেহারা > অ্যাস্ট্রা বিকল্প > হেডার বিল্ডার- নীচের ছবিতে দেখানো হয়েছে:
এটিতে ক্লিক করুন এবং এটি আপনাকে ওয়ার্ডপ্রেস কাস্টমাইজারে হেডার বিল্ডার বিভাগে নিয়ে যাবে। ইন্টারফেসটি আমাদের এখানে যা আছে তার অনুরূপ হওয়া উচিত:
আপনি দেখতে পাচ্ছেন, হেডার বিল্ডার তিনটি উল্লম্ব বিভাগে বিভক্ত, একটি অন্যটির উপরে স্ট্যাক করা হয়েছে। আপনার মাঝখানে "প্রাথমিক শিরোনাম" আছে উপরে একটি "উপরের শিরোনাম" এবং নীচে "শিরোনামের নীচে"।
প্রতিটি হেডারের "হেডার সেটিংস" এর নিজস্ব সেট রয়েছে, যা আপনি হেডারের বাম দিকের গিয়ার আইকনে ক্লিক করে অ্যাক্সেস করতে পারেন৷
এখান থেকে, আপনি হেডারের উচ্চতা, সীমানা আকার, পটভূমি, প্যাডিং এবং মার্জিন কাস্টমাইজ করতে পারেন।
এছাড়াও, লক্ষ্য করুন কিভাবে প্রতিটি হেডার তিনটি বিভাগে বিভক্ত। আপনি এই বিভাগগুলি থেকে শিরোনাম উপাদানগুলিকে আরও বৈশিষ্ট্যযুক্ত করতে যুক্ত করতে এবং সরাতে পারেন৷ এই টিউটোরিয়ালটি লেখার সময়, আপনার কাছে 12টি হেডার উপাদানগুলিতে অ্যাক্সেস রয়েছে:
এখন, একটি নতুন শিরোনাম উপাদান যোগ করতে, আপনার মাউসটি সেই বিভাগে ঘোরান এবং "+" বোতামে ক্লিক করুন। এটি উপলব্ধ উপাদানগুলির একটি তালিকা আনবে। আপনি যেটি ব্যবহার করতে চান সেটি বেছে নিন এবং এটি হেডার বিভাগে যোগ করা হবে।
একইভাবে, হেডার এলিমেন্ট অপসারণ করতে হেডার এলিমেন্টের পাশে “x” বোতামে ক্লিক করুন।
আপনি কেবল টেনে এবং ড্রপ করে হেডার বিভাগগুলির মধ্যে হেডার উপাদানগুলির চারপাশে সরাতে পারেন।
আপনার ব্যবহৃত সমস্ত শিরোনাম উপাদানগুলি সাধারণ ট্যাবের নীচে বাম দিকের মেনুতে প্রদর্শিত হবে। এখানে, আপনি হেডারের ধরন পরিবর্তন করার বিকল্পও পাবেন। বিনামূল্যে ব্যবহারকারীরা শুধুমাত্র "স্বচ্ছ শিরোনাম" এর বিকল্প পাবেন। যাইহোক, আপনি যদি Astra Pro ব্যবহার করেন তবে আপনি "স্টিকি হেডার" সক্ষম করতে পারেন।
এখান থেকে, আপনি হেডার উপাদানের নির্দিষ্ট সেটিংস অ্যাক্সেস করতে পারেন।
সাধারণ ট্যাবের ঠিক পাশে, আমাদের ডিজাইন ট্যাব আছে। এখান থেকে, আপনি হেডারের প্রস্থ এবং মার্জিন পরিবর্তন করার জন্য কয়েকটি মৌলিক ডিজাইনের বিকল্প পাবেন। আরও উন্নত সেটিংস Astra Pro ব্যবহারকারীদের জন্য উপলব্ধ।
অ্যাস্ট্রা হেডার বিল্ডার আপনাকে ডেস্কটপ, মোবাইল বা ট্যাবলেটের মতো বিভিন্ন স্ক্রীনের আকারে সাইট হেডার কীভাবে দেখাবে তা সূক্ষ্ম-টিউন করতে দেয়। একটি ভিন্ন স্ক্রিনের আকার বাছাই করতে এবং এটি কাস্টমাইজ করতে, স্ক্রিনের নীচে-বাম কোণে ডিভাইস নির্বাচক ব্যবহার করুন৷
আপনি দেখতে পাচ্ছেন, একটি ছোট পর্দায়, আপনি "অফ ক্যানভাস" নামে একটি অতিরিক্ত এলাকা পাবেন। এটি আপনাকে হেডারে স্থান বাঁচাতে এবং স্ক্রীনের বাইরের কিছু জিনিস সরাতে দেয় যা দর্শকরা প্রয়োজনে টগল করতে পারে।
এবং এটি অ্যাস্ট্রা থিম ব্যবহার করে কীভাবে একটি শিরোনাম তৈরি করতে হয় সে সম্পর্কে আমাদের দ্রুত গাইডকে গুটিয়ে দেয়। একবার আপনি সমস্ত শিরোনাম উপাদান যোগ করা এবং প্রয়োজনীয় নকশা পরিবর্তন করার কাজ শেষ করে, প্রকাশ বাটনে ক্লিক করুন, এবং এটিই।
আপনার নতুন তৈরি Astra শিরোনাম এখন আপ এবং আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে চলমান.
উপরের টিউটোরিয়ালে, আমরা Astra হেডার বিল্ডার ব্যবহার করে একটি খুব মৌলিক শিরোনাম তৈরি করেছি যাতে আপনি বৈশিষ্ট্যটি কীভাবে কাজ করে তার একটি ধারণা দিতে পারেন। যাইহোক, আপনাকে আরও জটিল এবং অত্যাশ্চর্য হেডার তৈরি করতে সাহায্য করার জন্য Astra হেডার বিল্ডারের মধ্যে প্রচুর টুল এবং বিকল্প রয়েছে।
আপনার নিষ্পত্তিতে আপনার কাছে থাকা বিভিন্ন বিকল্পগুলির একটি দ্রুত নজর এখানে রয়েছে:
প্রাথমিক শিরোনাম
অ্যাস্ট্রার ডিফল্ট হেডার হল প্রাথমিক হেডার। এটি একটি লোগো এবং একটি নেভিগেশন মেনু দেখাবে যা Astra-তে বিভিন্ন প্রাথমিক হেডার সেটিংসের সাথে কাস্টমাইজযোগ্য।
শুধু Astra ইনস্টল করুন এবং প্রাথমিক শিরোনাম বিকল্পটি চয়ন করতে এবং কাস্টমাইজেশন পেতে হেডার বিভাগে যান। হেডার > প্রাথমিক হেডার
আপনি নিম্নলিখিত কাস্টমাইজেশন সেটিংস ব্যবহার করতে পারেন
লেআউট
লেআউট সেটিংস আপনার পৃষ্ঠার লোগোর অবস্থান পরিচালনা করবে। লোগোটির জন্য Astra-এ তিনটি ভিন্ন অবস্থান রয়েছে
বাম লোগো
এই সেটিং এর লোগো নেভিগেটিং মেনুর বাম দিকে চলে যায়। এটি একটি লোগো অবস্থান করার একটি সাধারণ শৈলী।
ডান লোগো
এই সেটিং-এর লোগোটি নেভিগেটিং মেনুর ডানদিকে চলে যায়।
কেন্দ্রের লোগো
এই সেটিং-এর লোগো নেভিগেটিং মেনুর উপরে কেন্দ্রে চলে যায়। দীর্ঘ মেনুর ক্ষেত্রে এটি একটি ভাল বিকল্প।
প্রস্থ
প্রস্থ সেটিংস পাঠ্যের জন্য হেডারের প্রস্থ পরিচালনা করে। আপনি আপনার হেডার প্রস্থ হিসাবে কাস্টমাইজ করতে পারেন
সম্পূর্ণ প্রস্থ
পূর্ণ-প্রস্থ সেটিংসে, আপনার শিরোনামটি উভয় প্রান্ত থেকে প্রসারিত হবে এবং আপনার ব্রাউজার পৃষ্ঠার আকারের সাথে মানানসই হবে।
বিষয়বস্তুর প্রস্থ
বিষয়বস্তু প্রস্থ সেটিংসে, শিরোনামটি কন্টেইনার প্রস্থের সেট অনুসারে সামঞ্জস্য করে এবং আপনি নিম্নলিখিতগুলি নির্বাচন করে এটি সেট করতে পারেন
গ্লোবাল > কন্টেইনার > প্রস্থ
বর্ডার
সীমানা নির্বাচন করে, আপনি আপনার শিরোনামের নীচে একটি সীমানা যোগ করতে পারেন এবং এর রঙ এবং প্রস্থ কাস্টমাইজ করতে পারেন।
মোবাইল হেডার
নেভিগেটিং মেনু, প্রতিক্রিয়াশীল ডিভাইসে, হ্যামবার্গারে পরিবর্তিত হয়। অতএব, এই ডিভাইসগুলির প্রাথমিক শিরোনাম শুধুমাত্র হ্যামবার্গার মেনু এবং লোগো প্রদর্শন করবে। আপনি প্রতিক্রিয়াশীল উইজেটগুলিতে মেনু সম্পর্কিত লোগোর বিন্যাস কাস্টমাইজ করতে পারেন।
স্ট্যাক
স্ট্যাক বিকল্পে, লোগো হ্যামবার্গার মেনুর উপরে চলে যাবে। আপনার যদি একটি বড় লোগো থাকে তবে স্ট্যাকের জন্য নির্বাচন করা কার্যকর হতে পারে।
ইনলাইন
ইনলাইন বিকল্পে, লোগো এবং মেনু একে অপরের সাথে সামঞ্জস্যপূর্ণ হবে এবং একটি ছোট লোগোর ক্ষেত্রে এটি একটি ভাল বিকল্প হতে পারে।
রঙিন থিম
প্রাথমিক শিরোনামগুলি Astra থিম ব্যবহার করে বিভিন্ন রঙে উপস্থাপন করা যেতে পারে। বিশ্বব্যাপী রঙগুলি বিনামূল্যে পাওয়া যাবে, তবে আপনাকে আরও উন্নত বৈশিষ্ট্যগুলির জন্য Astra Pro এর অ্যাডন plugin ব্যবহার করতে হবে। Astra-এ গ্লোবাল কালার ব্যবহার করার জন্য, আপনাকে Appearance ট্যাবের নিচে যেতে হবে, কাস্টমাইজ নির্বাচন করতে হবে, তারপর গ্লোবাল এবং সবশেষে কালার অপশন বেছে নিতে হবে। চেহারা > কাস্টমাইজ > গ্লোবাল > রং
টাইপোগ্রাফি
পৃষ্ঠা বা সাইটের জন্য টাইপোগ্রাফি সেটিংস স্বয়ংক্রিয়ভাবে Astra থিমের সাথে প্রাথমিক শিরোনামে প্রযোজ্য। আপনি গ্লোবালের অধীনে উপস্থিতি ট্যাবে গিয়ে টাইপোগ্রাফি সেটিংস নির্বাচন এবং কাস্টমাইজ করতে পারেন।
চেহারা> কাস্টমাইজ> গ্লোবাল> টাইপোগ্রাফি
স্বচ্ছ শিরোনাম
স্বচ্ছ শিরোনাম হল আপনার পৃষ্ঠার জন্য সুন্দর এবং আকর্ষণীয় হেডার তৈরি করার একটি সহজ উপায়। প্রাথমিক শিরোনামের পটভূমি স্বচ্ছ সেট করা হবে এবং পৃষ্ঠার বিষয়বস্তুকে শীর্ষে টেনে আনবে। পৃষ্ঠার বিষয়বস্তু এবং প্রাথমিক শিরোনাম একত্রিত হবে, যার অর্থ হল বিষয়বস্তুর উপরের অংশটি স্বচ্ছ হেডারের পটভূমিতে পরিণত হবে। উদাহরণস্বরূপ, চিত্রটি পৃষ্ঠার উপরের অংশে থাকলে, এটি স্বচ্ছ শিরোনামের জন্য একটি পটভূমিতে পরিণত হবে।
কিভাবে একটি স্বচ্ছ শিরোনাম যোগ করতে?
স্বচ্ছ শিরোনাম আপনার পৃষ্ঠাকে আকর্ষণীয় করতে দুটি দ্রুত ধাপে তৈরি করে
ধাপ 1
আপনি কাস্টমাইজারের অধীনে স্বচ্ছ শিরোনামের বিকল্পটি খুঁজে পেতে পারেন এবং তারপরে এটি সম্পাদনা করতে পারেন
চেহারা > কাস্টমাইজ > হেডার > স্বচ্ছ শিরোনাম
ধাপ 2
স্বচ্ছ শিরোনাম বিকল্পের অধীনে, আপনি পুরো ওয়েবসাইটের জন্য এটি সক্ষম করতে পারেন, নীচের সীমানা, রঙের স্কিম এবং লোগো বিন্যাস নির্বাচন করতে পারেন
সম্পূর্ণ ওয়েবসাইটে সক্রিয় করা হচ্ছে
আপনি যদি পুরো ওয়েবসাইটের জন্য স্বচ্ছ শিরোনাম সেটিংস চান, আপনি চেকবক্সে টিক দিয়ে এই বিকল্পটি সক্ষম করতে পারেন। আপনি যদি চেকবক্সে টিক দেন, এখনও কিছু বর্জন নিয়ম রয়েছে যা আপনি নির্দিষ্ট পোস্ট বা পৃষ্ঠাগুলির জন্য সক্ষম করতে পারেন৷ আপনি নিম্নলিখিত পৃষ্ঠাগুলির জন্য স্বচ্ছ শিরোনাম বিকল্পটি নিষ্ক্রিয় করতে পারেন
সংরক্ষণাগার, অনুসন্ধান এবং 404-এ অক্ষম করুন
চেকবক্সে টিক দিয়ে এই বিশেষ পৃষ্ঠাগুলিতে স্বচ্ছ শিরোনাম সেটিং নিষ্ক্রিয় করা যেতে পারে।
ব্লগ সূচী পাতা নিষ্ক্রিয়
আপনি যদি আপনার হোমপেজ থেকে সেটিংস পরিবর্তন করেন তবে আপনার ব্লগের প্রথম পৃষ্ঠাটি ব্লগ সূচী পৃষ্ঠা হয়ে যায়। একটি ব্লগ সূচী পৃষ্ঠা তৈরি করার জন্য, আপনি হোমপেজ সেটিংসে যেতে পারেন এবং "আপনার হোমপেজ প্রদর্শন" এর ট্যাবের অধীনে "আপনার সর্বশেষ পোস্টগুলি" চয়ন করতে পারেন।
আপনার হোমপেজ প্রদর্শন > আপনার সর্বশেষ পোস্ট
আপনি যদি এই ব্লগ সূচী পৃষ্ঠায় স্বচ্ছ শিরোনামের সেটিংস নিষ্ক্রিয় করতে চান তবে আপনি এটির জন্য চেকবক্সে টিক দিতে পারেন।
পৃষ্ঠাগুলিতে নিষ্ক্রিয় করুন
আপনি যদি সমস্ত পৃষ্ঠায় স্বচ্ছ শিরোনামের বিকল্পটি নিষ্ক্রিয় করতে চান তবে চেকবক্সে টিক দিন।
পোস্টে অক্ষম করুন
আপনি যদি সমস্ত পোস্টে স্বচ্ছ শিরোনামের বিকল্পটি নিষ্ক্রিয় করতে চান তবে চেকবক্সে টিক দিন।
রং এবং পটভূমি
আপনি নিম্নলিখিত উপলব্ধ বিকল্পগুলির সাথে আপনার স্বচ্ছ হেডারের পটভূমি এবং রঙের সেটিংস কাস্টমাইজ করতে পারেন
পেশাদার
কনস
Astra সেখানে সেরা থিম এক. এবং, আপনি যদি এটি ব্যবহার করেন, তাহলে আপনি আপনার সাইট বজায় রাখার জন্য সঠিক পথে আছেন।
Astra এর বিনামূল্যের থিম আপনাকে আপনার ওয়েব পৃষ্ঠার জন্য সুন্দর এবং আকর্ষণীয় হেডার ডিজাইন করতে দেয়। একটি স্বচ্ছ শিরোনামের বিকল্প এবং কাস্টমাইজেশনও উপলব্ধ, যা দর্শকের অভিজ্ঞতাকে উন্নত করতে পারে। Astra থিমে হেডার কাস্টমাইজেশনের অনেক পছন্দ আপনাকে একটি অত্যাশ্চর্য হেডার তৈরি করতে দেয়।
একটি ওয়েবসাইটের শিরোনাম এবং ফুটার অপরিহার্য উপাদান। বেশিরভাগ ক্ষেত্রে, হেডার নেভিগেশন প্রদান করে...
বাজারে সবচেয়ে জনপ্রিয় দুটি ওয়ার্ডপ্রেস থিম হল Astra এবং OceanWP। পেশাদার…
একটি চমৎকার নিউজ ওয়েবসাইট তৈরি করার জন্য আপনাকে ওয়েব ডিজাইনার হতে হবে না। আমরা…
নিউজপেপার থিম হল ট্যাগডিভ দ্বারা ডিজাইন করা সবচেয়ে উল্লেখযোগ্য ওয়ার্ডপ্রেস থিমগুলির মধ্যে একটি, একটি…
যখন একটি অনলাইন স্টোর সেট আপ করার কথা আসে, তখন WooCommerce হল গো-টু plugin ৷ এটা…
একটি শিরোনাম হল সাধারণত প্রথম জিনিস যা একজন ব্যক্তি দেখেন যখন তারা আপনার ওয়েবসাইট পরিদর্শন করেন,…
মন্তব্য দেখুন
Bonjour, j'ai compris comment faire un entête transparent mais pas comment vous avez fait pour mettre l'arrière plan bleuté-dégradé juste en haut de page derrière le menu... মন্তব্য avez-vous fait?
এটি শুধুমাত্র ব্যাকগ্রাউন্ড ইমেজ যা এই রঙ এবং হেডার স্বচ্ছ ... :)
বন্ধুত্ব,
Merci beaucoup pour toutes ces infos. Pourriez-vous svp ma'aider?
J'aimerai cééer l'entête Astra uniquement sur ma page d'accueil. Mais soit elle s'affiche sur toutes les পৃষ্ঠাগুলি soit sur aucune... মন্তব্য করতে পারেন?
সোম সাইট মোড রক্ষণাবেক্ষণের জন্য বাস্তবসম্মত।
En vous remerciant par avance
হাই, অ্যাস্ট্রা হেডার অ্যাসাইনেশন প্রতিটি পৃষ্ঠা সেটিংয়ে প্রতি পৃষ্ঠায় তৈরি করতে হবে। Astra সেটিংসে এটি শুধু বিশ্বব্যাপী নিয়োগ।