WordPress এর জন্য ফেভিকন

WordPress নেটিভভাবে সাইট আইকন বৈশিষ্ট্যের মাধ্যমে ফেভিকন ইনজেকশন পরিচালনা করে, যা WordPress 4.3 এ প্রবর্তিত হয়েছে। আপনি যখন Customizer-এ একটি ছবি আপলোড করেন, তখন WordPress স্বয়ংক্রিয়ভাবে এটি ক্রপ করে, ছোট ভেরিয়েন্ট তৈরি করে এবং প্রতিটি পৃষ্ঠায় সঠিক `<link rel='icon'>` এবং `<link rel='apple-touch-icon'>` ট্যাগগুলি ইনজেক্ট করে। বেশিরভাগ সাইটের জন্য কোন প্লাগইন বা কোড পরিবর্তনের প্রয়োজন নেই।

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

WordPress-এর সাইট আইকনের জন্য ন্যূনতম 512×512 পিক্সেল চিত্রের আকার প্রয়োজন৷ একটি বর্গাকার PNG সেই রেজোলিউশনে বা বড় আপলোড করুন — WordPress উৎস থেকে স্বয়ংক্রিয়ভাবে ছোট ভেরিয়েন্ট (16×16, 32×32, 180×180) তৈরি করবে। কখনই একটি ছোট ছবি আপলোড করবেন না এবং WordPress এটিকে উন্নত করার আশা করবেন না; ফলাফল ব্রাউজার ট্যাবে একটি অস্পষ্ট আইকন হবে.

PNG হল WordPress ফেভিকন আপলোডের জন্য প্রস্তাবিত বিন্যাস৷ প্ল্যাটফর্মটি JPEG এবং GIFও সমর্থন করে, কিন্তু JPEG স্বচ্ছতা সমর্থন করে না এবং GIF ফটোগ্রাফিক লোগোগুলির জন্য দুর্বল কম্প্রেশন প্রদান করে। একটি স্বচ্ছ-পটভূমি PNG নিশ্চিত করে যে আপনার আইকন ডার্ক মোড ট্যাব বার সহ যেকোনো ব্রাউজার থিমের বিপরীতে পরিষ্কার দেখাচ্ছে।

যদি আপনার থিম গুটেনবার্গ সাইট এডিটর (সম্পূর্ণ সাইট সম্পাদনা) ব্যবহার করে, তাহলে সাইট আইকন পাথ সামান্য ভিন্ন হতে পারে। চেহারা > সম্পাদক > শৈলীর অধীনে দেখুন বা সাইট লোগো ব্লক সেটিংস ব্যবহার করুন। কিছু ব্লক থিম গ্লোবাল সেটিংস প্যানেলে একটি ফ্যাভিকন ক্ষেত্রও প্রকাশ করে। অন্তর্নিহিত WordPress ফাংশন একই — শুধুমাত্র অ্যাডমিন UI পাথ পরিবর্তন হয়৷

উন্নত নিয়ন্ত্রণের জন্য — উদাহরণস্বরূপ, ব্লগের বিপরীতে দোকানের সাবডিরেক্টরিতে একটি ভিন্ন ফ্যাভিকন পরিবেশন করা — আপনি সাইট আইকন ইউআরএলকে প্রোগ্রামগতভাবে ওভাররাইড করতে পারেন। এটি আপনার থিমের functions.php বা একটি সাইট-নির্দিষ্ট প্লাগইনে যোগ করুন: `add_filter('get_site_icon_url', function($url, $size, $blog_id) { return 'https://example.com/custom-favicon.png'; }, 10, 3);`৷ এটি সম্পূর্ণরূপে Customizer বাইপাস করে এবং আপনাকে যেকোনো URL থেকে যেকোনো আইকন পরিবেশন করতে দেয়।

কিছু পেজ-বিল্ডার প্লাগইন (Elementor, Divi, Beaver Builder) তাদের নিজস্ব ফেভিকন সেটিংস যোগ করে যা WordPress Customizer এর সাথে বিরোধ করতে পারে। আপনার পৃষ্ঠা নির্মাতার সাইট সেটিংস প্যানেলটি পরীক্ষা করুন এবং সেখানে যেকোনও ফেভিকন ওভাররাইড সরিয়ে দিন, তারপর নেটিভ WordPress Customizer এর মাধ্যমে পুনরায় সেট করুন৷ একই পৃষ্ঠায় দুটি প্রতিযোগী ফেভিকন ট্যাগ থাকা ব্রাউজার জুড়ে অসামঞ্জস্যপূর্ণ ফলাফল তৈরি করতে পারে।

WordPress মাল্টিসাইট ইনস্টলেশনের জন্য প্রতিটি সাবসাইটের নিজস্ব সাইট আইকন পৃথকভাবে সেট করা প্রয়োজন। নেটওয়ার্ক অ্যাডমিন সেটিংস সাবসাইটে ক্যাসকেড করে না। আপনি যদি সমগ্র নেটওয়ার্ক জুড়ে একটি ভাগ করা ফেভিকন চান, তাহলে প্রোগ্রাম্যাটিক ফিল্টার পদ্ধতি ব্যবহার করুন এবং অবশ্যই ব্যবহারযোগ্য প্লাগইন (mu-plugins) ব্যবহার করে নেটওয়ার্ক স্তরে সাইট আইকন URL-এ হুক করুন৷

ক্যাশিং প্লাগইন যেমন WP Rocket, W3 Total Cache, বা LiteSpeed ​​Cache ফ্যাভিকন আপডেটে বিলম্ব করতে পারে। আপনার সাইট আইকন পরিবর্তন করার পরে, সমস্ত ক্যাশে স্তরগুলি সাফ করুন: WordPress অবজেক্ট ক্যাশে, পৃষ্ঠা ক্যাশে, আপনার CDN ক্যাশে এবং আপনার ব্রাউজার ক্যাশে৷ পুরানো আইকনটি টিকে থাকলে, HTML-এ ম্যানুয়ালি ফ্যাভিকন লিঙ্কে `?v=2` যুক্ত করুন বা ক্যাশে TTL মেয়াদ শেষ হওয়ার জন্য অপেক্ষা করুন।

WordPress সঠিক ফ্যাভিকন ট্যাগগুলি আউটপুট করছে কিনা তা পরীক্ষা করতে, ব্রাউজারে আপনার সাইটে ডান-ক্লিক করুন, পৃষ্ঠা উত্স দেখুন চয়ন করুন এবং `rel='icon'` অনুসন্ধান করুন৷ আপনি একটি favicon.ico এন্ট্রি এবং একটি apple-touch-icon এন্ট্রি দেখতে পাবেন যা আপনার আপলোড করা ছবির দিকে নির্দেশ করে৷ যদি একটি অনুপস্থিত থাকে, আপনার থিম `wp_head()` ওভাররাইডিং হতে পারে — নিশ্চিত করুন যে `<?php wp_head(); ?>` কে আপনার থিমের header.php এ কল করা হয়েছে৷

Yoast SEO এবং Rank Math-এর মতো তৃতীয় পক্ষের WordPress SEO প্লাগইনগুলি তাদের নিজস্ব সামাজিক এবং স্কিমা মেটাডেটা অন্তর্ভুক্ত করে কিন্তু সাইট আইকনে হস্তক্ষেপ করে না। যাইহোক, যদি আপনি WordPress নেটিভ সমর্থন যোগ করার আগে কয়েক বছর আগে একটি ফ্যাভিকন-নির্দিষ্ট প্লাগইন ইনস্টল করেন, তাহলে সেই প্লাগইনটি এখন বিরোধপূর্ণ হতে পারে। অন্তর্নির্মিত Customizer বিকল্পটি ব্যবহার করার আগে যেকোনো লিগ্যাসি ফেভিকন প্লাগইন নিষ্ক্রিয় করুন।

WordPress.com হোস্ট করা সাইটগুলির জন্য (স্ব-হোস্ট করা WordPress.org এর বিপরীতে), ফ্যাভিকন পাথটি আমার সাইট > সেটিংস > সাধারণ > সাইট আইকনে রয়েছে। ধাপগুলি স্ব-হোস্ট করা Customizer প্রবাহের প্রায় অভিন্ন, কিন্তু থিম সম্পাদনা এবং প্লাগইনগুলি আপনার পরিকল্পনার উপর নির্ভর করে সীমিত৷ একটি 512×512 PNG আপলোড করুন এবং সংরক্ষণ করুন — WordPress.com সমস্ত আকার পরিবর্তন এবং ট্যাগ ইনজেকশন পরিচালনা করে৷

আপনার ফেভিকন সেট করার পরে, আপনার সাইটের URL দিয়ে favicon tester ব্যবহার করে এটি সঠিকভাবে কাজ করে তা যাচাই করুন। এটি নিশ্চিত করে যে আইকনটি সর্বজনীনভাবে অ্যাক্সেসযোগ্য এবং প্রত্যাশিত পথে প্রদর্শিত হবে। কোন রেজোলিউশনগুলি WordPress তৈরি করে এবং PWA সমর্থনের জন্য আপনাকে ম্যানুয়ালি কোনও যোগ করতে হবে কিনা তা বোঝার জন্য best favicon size চেক করুন৷