কিভাবে WordPress এ একটি ফেভিকন যোগ করবেন

WordPress 4.3 থেকে, কোর একটি Site Icon বৈশিষ্ট্য প্রেরণ করে যা আপনার জন্য সঠিক <link> ট্যাগগুলি ক্রপ করে, পুনরায় আকার দেয় এবং ইনজেক্ট করে। স্ট্যান্ডার্ড সাইটের জন্য কোন প্লাগইন প্রয়োজন নেই।

আপলোড করা আইকন মিডিয়া লাইব্রেরিতে সংরক্ষণ করা হয় এবং সামনের প্রান্তে wp_site_icon() এর মাধ্যমে উল্লেখ করা হয়। আপনি যখন প্রকাশ করেন তখন WordPress একাধিক মাপের সার্ভার-সাইড তৈরি করে।

বৈশিষ্ট্যটি বেশিরভাগ ব্লগার, সংস্থা এবং WooCommerce স্টোরের জন্য ম্যানুয়াল favicon.ico আপলোডগুলিকে প্রতিস্থাপন করে৷

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

wp-admin-এ Appearance → Customize → Site Identity → Site Icon এ যান।

Site Icon নির্বাচন করুন ক্লিক করুন এবং একটি বর্গাকার PNG অন্তত 512×512 পিক্সেল আপলোড করুন৷ WordPress একটি লাইভ ক্রপার দেখায় — আপনার লোগোমার্ককে বর্গাকার নিরাপদ এলাকার মধ্যে কেন্দ্রে রাখুন।

প্রকাশ করুন ক্লিক করুন. কোর আউটপুট আপেল-টাচ-আইকন, বিভিন্ন PNG আকার, এবং পরবর্তী ফ্রন্ট-এন্ড পৃষ্ঠা লোডে মেটা ট্যাগ।

প্রতি-সেকশন আইকন বা সাবডিরেক্টরি ব্র্যান্ডের জন্য, আপনার চাইল্ড থিম functions.php-এ get_site_icon_url() ফিল্টার করুন।

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

উন্নত দলগুলি ডিফল্ট সাইট-আইকন মেটা ডিক্যু করতে পারে এবং header.php-এ কাস্টম <link> ট্যাগগুলি মুদ্রণ করতে পারে, তবে এটি ডুপ্লিকেট ওয়ার্ক কোর ইতিমধ্যেই ভাল করে।

একক ব্লগ: Customizer এর মাধ্যমে 512×512 PNG আপলোড করুন। সম্পন্ন — কোনো FTP নেই, কোনো .ico সম্পাদনা নেই৷

WooCommerce স্টোর: একই প্রবাহ; চেকআউট এবং অ্যাকাউন্ট পৃষ্ঠাগুলিতে আইকন যাচাই করুন, শুধুমাত্র হোমপেজ নয়। ক্যাশিং প্লাগইন কখনও কখনও CSS বিলম্বিত করে কিন্তু খুব কমই আইকন ট্যাগগুলিকে ব্লক করে৷

হেডলেস WordPress: Site Icon ট্যাগগুলি শুধুমাত্র PHP-রেন্ডার করা পৃষ্ঠাগুলিতে প্রদর্শিত হয়৷ আপনার Next.js ফ্রন্ট এন্ডকে অবশ্যই সেই আর্কিটেকচারে নিজস্ব <link> ট্যাগ ঘোষণা করতে হবে।

স্টেজিং → উত্পাদন: মিডিয়া আইডি পুনরায় আপলোড বা স্থানান্তর করুন। হার্ডকোড পরম আইকন ইউআরএল শুধুমাত্র যদি আপনি CDN ক্যাশে অবৈধতা বুঝতে পারেন।

জনপ্রিয় এসইও প্লাগইনগুলি একটি favicon সেটিংও প্রকাশ করতে পারে। এসইও প্লাগইন এবং Site Icon উভয়কে আলাদাভাবে কনফিগার করা এড়িয়ে চলুন — সত্যের একটি উৎস বেছে নিন।

ক্যাশিং প্লাগইনগুলি (WP রকেট, W3 টোটাল ক্যাশে) আইকন ফাইলগুলিকে ব্লক করা উচিত নয়, তবে তারা পরিষ্কার না হওয়া পর্যন্ত নতুন ট্যাগ ছাড়াই HTML ক্যাশে করতে পারে৷

ফেভিকন প্লাগইনগুলি WordPress 4.3 এর আগে উপলব্ধি করেছিল৷ 2026 সালে এগুলি অপ্রয়োজনীয় যদি না আপনার অ্যানিমেটেড বা নির্ধারিত আইকন অদলবদলের প্রয়োজন হয়।

আমি কি ধরনের ফাইল আপলোড করব? PNG সবচেয়ে নিরাপদ। WordPress JPG গ্রহণ করে, কিন্তু আপনি স্বচ্ছতা হারাবেন।

সর্বনিম্ন আকার? 512×512 আনুষ্ঠানিকভাবে; বড় উৎস ডাউনস্কেল জরিমানা.

WordPress কি favicon.ico তৈরি করে? এটি PNG আকার এবং মেটা ট্যাগ নির্গত করে। হোস্টিং বা চাইল্ড থিমের মাধ্যমে ওয়েব রুটে একটি বাস্তব .ico স্থাপন করে ব্রাউজাররা এখনও উপকৃত হয়৷

মাল্টিসাইট: প্রতিটি সাইটের নিজস্ব Customizer এর নিজস্ব Site Icon রয়েছে৷ একটি থিম বিশ্বব্যাপী ইউআরএল ফিল্টার না করা পর্যন্ত নেটওয়ার্ক প্রশাসকরা সাইট প্রতি সেট করে।

ব্রাউজার HTML থেকে আলাদাভাবে favicon কে ক্যাশে করে। WordPress-এ প্রকাশ করার পরে, হার্ড-রিফ্রেশ করুন বা একটি ব্যক্তিগত উইন্ডোতে পরীক্ষা করুন৷

আপনি যদি হ্যান্ড-রোল ট্যাগ করেন তবেই আইকন URL-এ ?ver=2 যোগ করুন। Site Icon URL-এ ক্যোয়ারী আর্গ থাকে যা আপনি পুনরায় আপলোড করার সময় পরিবর্তিত হন।

WordPress অবজেক্ট ক্যাশে এবং যেকোনো CDN (ক্লাউডফ্লেয়ার, জেটপ্যাক বুস্ট) সাফ করুন যদি HTML এখনও একটি পুরানো সংযুক্তি URL উল্লেখ করে।

আপনি যদি ডোমেন স্থানান্তরিত করেন, তবে সিরিয়ালকৃত বিকল্পগুলিতে পুরানো আইকন URLগুলির জন্য ডাটাবেস অনুসন্ধান করুন — কিছু আমদানিকারক siteicon_id মিস করেন।

আপলোডের পরে ঝাপসা আইকন: উৎস চিত্রটি 512×512 এর চেয়ে ছোট বা বর্গাকার নয়। একটি বড় মাস্টার থেকে পুনর্জন্ম.

Google ফলাফলে কোনো আইকন নেই: Google তার নিজস্ব ক্যাশে ব্যবহার করে; Site Icon আপডেট করার পর সার্চ কনসোলে রিইন্ডেক্স করার অনুরোধ করুন।

ডেস্কটপে আইকন কিন্তু আইফোন নয়: iOS অ্যাপল-টাচ-আইকন প্রয়োজন; নিশ্চিত করুন Site Icon প্রকাশিত হয়েছে, শুধুমাত্র Customizer-এ খসড়া হিসাবে সংরক্ষিত নয়।

লোগোর চারপাশে সাদা বাক্স: স্বচ্ছ PNG এর পরিবর্তে সাদা ব্যাকগ্রাউন্ড সহ JPG আপলোড করা হয়েছে৷

প্রান্তে পরিচালিত WordPress হোস্ট (WP ইঞ্জিন, Kinsta, SiteGround) ক্যাশে HTML। Site Icon পরিবর্তন করার পরে, হোস্ট ড্যাশবোর্ড থেকে সমস্ত ক্যাশে পরিষ্কার করুন।

ক্লাউডফ্লেয়ার অরেঞ্জ-ক্লাউড প্রক্সিগুলি /wp-content/uploads/ আইকনগুলি ক্যাশে না করে HTML ক্যাশে করতে পারে — সাধারণত ঠিক থাকে, কিন্তু আইকন সংযুক্তি URL গুলি পরিবর্তিত হলে পরিষ্কার করে৷

বহুভাষিক প্লাগইনগুলি (WPML, Polylang) ডিফল্টরূপে প্রতি ভাষায় Site Icon নকল করে না। আপনি URL ফিল্টার না করা পর্যন্ত একটি আইকন সমস্ত লোকেল পরিবেশন করে৷

বেডরক বা হেডলেস সেটআপ আপলোডগুলিকে স্থানান্তর করতে পারে৷ ফ্রন্ট-এন্ড HTML পয়েন্টে মিডিয়া URLগুলি নিশ্চিত করুন যেখানে আপনার CDN তাদের প্রত্যাশা করে৷

আপনি যদি স্ট্যাটিক এক্সপোর্ট (সিম্পলি স্ট্যাটিক, WP2স্ট্যাটিক) পরিবেশন করেন, তাহলে আইকন পরিবর্তনের পরে এক্সপোর্ট পুনরায় জেনারেট করুন যাতে অফলাইনে HTML নতুন অ্যাটাচমেন্ট আইডি তুলে নেয়।

শুধুমাত্র কাস্টমাইজ ক্ষমতা সহ ব্যবহারকারীরা (সাধারণত প্রশাসক এবং মানক ইনস্টলে সম্পাদক) Site Icon পরিবর্তন করতে পারেন। লেখক উচ্চ অধিকার ছাড়া চিহ্ন অদলবদল করতে পারবেন না.

মাল্টিসাইটে, সুপার অ্যাডমিনরা নেটওয়ার্ক-ওয়াইড থিম আপলোড করতে পারে কিন্তু কাস্টম কোড একটি সংযুক্তি URL শেয়ার না করা পর্যন্ত প্রতি-সাইটে Site Icon থেকে যায়।

থার্ড-পার্টি অ্যাডমিন থিমগুলি অডিট করুন যা চেহারা লুকিয়ে রাখে → কাস্টমাইজ করুন। আপনাকে Customizer পুনরায় সক্রিয় করতে হতে পারে বা Customizer ডিপ লিঙ্ক ?autofocus[section]=title_tagline ব্যবহার করতে হতে পারে।

একটি ক্লায়েন্টকে একটি সাইট হস্তান্তর করার সময়, নথিভুক্ত করুন যে favicon পরিবর্তনগুলি কাস্টমাইজে লাইভ করে, একা মিডিয়া লাইব্রেরিতে নয় — সেখানে Site Icon বরাদ্দ না করে PNG আপলোড করা কিছুই করে না।

WooCommerce চেকআউট স্টোরের বাকি অংশের মতো একই থিম হেড ব্যবহার করে। Site Icon স্বয়ংক্রিয়ভাবে কার্ট এবং ধন্যবাদ পৃষ্ঠাগুলিতে উপস্থিত হয়৷

ফ্রন্ট-এন্ড টেমপ্লেটগুলি প্রতিস্থাপনকারী সদস্যতা প্লাগইনগুলিকে এখনও wp_head() কল করা উচিত তাই Site Icon মেটা আউটপুট।

হোয়াইট-লেবেল ক্লায়েন্ট পোর্টালগুলি কখনও কখনও ব্র্যান্ডিং হুকগুলি স্ট্রিপ করে — যাচাই করুন কাস্টমাইজ ক্ষমতা গ্রাহকের ভূমিকাতে অক্ষম করা হয়নি যদি ক্লায়েন্টরা তাদের নিজস্ব আইকন আপলোড করে।

ইমেল টেমপ্লেট Site Icon ব্যবহার করে না। WooCommerce ইমেল লোগো হল চেহারা → কাস্টমাইজ → WooCommerce এর অধীনে একটি পৃথক সেটিং।

আপনি যদি আগে ওয়েব রুটে favicon.ico FTP-আপলোড করেন, Site Icon এটি মুছে ফেলে না। ব্রাউজারগুলি অপ্রত্যাশিতভাবে অন্য উত্সের চেয়ে একটি উত্স পছন্দ করতে পারে৷

একটি পদ্ধতি বেছে নিন: হয় Site Icon PNG আউটপুটের উপর নির্ভর করুন বা মানানসই ডিজাইনের সাথে একটি হাতে তৈরি করা ICO রাখুন। QA এর পরে সদৃশগুলি সরান৷

Header.php-এ হার্ডকোড লিঙ্ক rel=icon সহ ক্লাসিক থিমগুলি মূল Site Icon এর সাথে লড়াই করতে পারে৷ Site Icon সক্ষম করার সময় ম্যানুয়াল ট্যাগগুলি সরান৷

মাইগ্রেশনের পরে, কোন আইকন জিতছে তা দেখতে ব্যক্তিগত ব্রাউজিং-এ ক্যাশে পরিষ্কার করুন এবং পরীক্ষা করুন৷

আপনার রানবুকে নির্বাচিত পদ্ধতির নথিভুক্ত করুন যাতে পরবর্তী বিকাশকারী দ্বিতীয় বিরোধপূর্ণ favicon প্লাগইন যোগ না করে।