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

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

0

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

সম্পর্কিত: বিনামূল্যে ওয়েবলি সাইটে ফেভিকন কীভাবে যুক্ত করবেন?

আপনার কেন ফ্যাভিকন ব্যবহার করা উচিত?

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

ব্রাউজার ট্যাবে ফেভিকন দেখুন

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

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

ব্রাউজারে ব্যবহার ছাড়াও, আরও কয়েকটি দৃশ্যমানতার কারণ রয়েছে। ইয়ানডেক্সের মতো সার্চ ইঞ্জিনগুলি সার্চ ফলাফলে ফেভিকন দেখায় যেমনটি নীচে দেখানো হয়েছে:

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

ইয়ানডেক্স অনুসন্ধান ফলাফল

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

সংক্ষেপে, কোম্পানিগুলি তাদের ব্র্যান্ডের লোগোর মতো ফেভিকন ব্যবহার করে যাতে ব্যবহারকারীরা সহজেই মনে রাখতে পারে।

ফ্যাভিকনের সাধারণ ব্যবহার

ফেভিকন সাধারণত .ico এক্সটেনশন সহ একটি ইমেজ আইকন ফাইল। আপনাকে আপনার সাইটের রুট ডিরেক্টরিতে ছবিটি আপলোড করতে হবে। তারপর ফেভিকন ইমেজটি হেডার বিভাগে নিম্নলিখিত মেটা ট্যাগ ব্যবহার করে সাইটের সাথে সংযুক্ত করা হয়:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

ব্যবহৃত ফ্যাভিকনের আকার 16 x 16 পিক্সেল।

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

ওয়ার্ডপ্রেস সংস্করণ 4.2 পর্যন্ত ফেভিকন যুক্ত করতে ঝামেলা ছিল। জিনিসগুলিকে সহজ করার জন্য, ফ্যাভিকন যোগ করা 4.3 সংস্করণ থেকে একটি মূল কার্যকারিতা হিসাবে তৈরি করা হয়েছিল। জেটপ্যাক প্লাগইন থেকে "সাইট আইকন" মডিউলটি একটি ডিফল্ট ফাংশন হিসাবে ওয়ার্ডপ্রেস কাস্টমাইজারে যুক্ত করা হয়েছে।

ছবির প্রয়োজনীয়তা

ওয়ার্ডপ্রেস সাইট আইকনের দুটি সহজ প্রয়োজনীয়তা প্রয়োজন:

  • চিত্রটি একটি বর্গক্ষেত্রের হওয়া উচিত।
  • সর্বনিম্ন আকার 512 x 512 পিক্সেল হওয়া উচিত।

আপনার .ico ইমেজ ব্যবহার করার দরকার নেই, শুধু একটি .png, .jpg বা .gif বর্গক্ষেত্রের ইমেজ 512px সাইজের ওয়ার্ডপ্রেস সাইটে আপনার ফেভিকন হিসেবে ব্যবহার করার জন্য প্রস্তুত করুন। একই আইকন সব মোবাইল ডিভাইসে অ্যাপ আইকন হিসেবে ব্যবহৃত হবে। ফটোশপ বা স্নাগিটের মতো সফ্টওয়্যার ব্যবহার করে স্পষ্ট দৃশ্যমানতা সহ ছোট আকারের একটি ছবি প্রস্তুত করুন । মনে রাখবেন ব্রাউজার ট্যাবে ফেভিকন ইমেজটির আকার 16 x 16 px করা হবে। অতএব, দৃশ্যমানতা বাড়ানোর জন্য ছবিটি গা dark় রঙ দিয়ে প্রস্তুত করুন। আপনি আপনার সাইটের জন্য আইকন ইমেজ ফাইল তৈরি করতে আমাদের বিনামূল্যে ফেভিকন জেনারেটর সরঞ্জামগুলিও চেষ্টা করতে পারেন।

সাইটে ছবি আপলোড করা হচ্ছে

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

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

ওয়ার্ডপ্রেস কাস্টমাইজারে সাইট আইডেন্টিটি অপশন

"সিলেক্ট ইমেজ" এ ক্লিক করুন এবং আপনার ফেভিকন ইমেজ আপলোড করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

ওয়ার্ডপ্রেস সাইটে সাইট আইকন যোগ করা

আপনি যদি 512px ইমেজ সাইজের বড় আপলোড করেন তাহলে ওয়ার্ডপ্রেস স্বয়ংক্রিয়ভাবে ক্রপ ইমেজ স্ক্রিন খুলবে। ব্রাউজারে আপনার ফেভিকনের তাত্ক্ষণিক পূর্বরূপ দেখতে এবং বাম প্যানেলে অ্যাপ আইকন হিসাবে ক্রপ এলাকা সরান।

ফ্যাভিকনের জন্য ক্রপ ইমেজ অপশন

ছবিটি আপলোড হয়ে গেলে, "প্রকাশ করুন" বোতামে ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে ফেভিকন যুক্ত করবেন?

ফ্যাভিকন দিয়ে সাইট প্রকাশ করুন

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

ফ্যাভিকনের সাথে ঘন ঘন সমস্যা

ওয়ার্ডপ্রেসে ফেভিকন আপলোড করা সহজ হলেও ব্যবহারকারীরা কিছু ঘন ঘন সমস্যার সম্মুখীন হয়।

  • গুগল / অন্যান্য সার্চ ইঞ্জিন সার্চ ফলাফলে ফেভিকন দেখায় না – এটি সাধারণত আপনার আইকনের আকারের কারণে ঘটে। যদিও ওয়ার্ডপ্রেসের 512 পিক্সেল সাইজের প্রয়োজন, ফেভিকনের প্রস্তাবিত আকার 16 × 16, 32 × 32 বা 48 × 48 পিক্সেল। বড় ছবির আকার সমস্যা তৈরি করতে পারে কারণ এটি একটি প্রস্তাবিত আকার নয়। যাইহোক, এটি ওয়ার্ডপ্রেস সাইটগুলির জন্য কাজ করা উচিত কারণ আপনি এই ওয়েবসাইটের ব্রাউজারে এটি দেখতে পারেন। যদি আপনার সমস্যা হয়, কাস্টমাইজারে সাইট আইকনটি সরান এবং এটি পুনরায় আপলোড করুন। যদি আপনি ক্যাশিং প্লাগইন এবং সার্ভার সাইড ক্যাশিং ব্যবহার করেন তবে ক্যাশে সাফ করুন। কিছু দিন অপেক্ষা করুন যাতে গুগল আবার পৃষ্ঠাগুলি ক্রল করতে পারে এবং আইকনটি সঠিকভাবে দেখাতে পারে। যতক্ষণ আপনি ব্রাউজারে আইকনটি দেখছেন, ততক্ষণ আপনার চিন্তা করা উচিত নয় যে গুগল অনুসন্ধানের ফলাফলে দেখাচ্ছে কিনা।
  • ব্রাউজারে অস্পষ্ট আইকন – এটি ঘটে যখন আপনি বড় ইমেজকে ছোট আকারে বা উল্টো আকারে পরিবর্তন করার চেষ্টা করেন। আমরা ঠিক প্রয়োজনীয় আকার তৈরি এবং ফাইল আপলোড করার সুপারিশ করছি।
  • ব্রাউজারে ফ্যাভিকন দৃশ্যমান নয় – এই ক্ষেত্রে, নিশ্চিত করুন যে আপনি ছবিটি সঠিকভাবে আপলোড করেছেন এবং চেক করুন আপনি ব্রাউজারে ইমেজ ফাইলটি সফলভাবে খুলতে পারেন।

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত