WordPress.org টিউটোরিয়াল (পর্ব ৭) : ফেভিকন অ্যাডিং

13
695

FavIcon কি?

এড্রেসবারে ওয়েবসাইট বা ব্লগের Domain Name -এর ঠিক বাম দিকে ছোট একটা চিহ্ন বা ছবি থাকে। এটাকেই ওয়েব জগতের ভাষায় FavIcon বলে। যেমন – টিউনারপেজ-এর Favicon হলো:
WordPress.org টিউটোরিয়াল (পর্ব ৭) : ফেভিকন অ্যাডিং

 

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

কেন FavIcon ব্যবহার করবো?

  • FavIcon আপনার সাইট এর স্বতন্ত্র বিশেষ বৈশিষ্ট্য বহন ।
  • FavIcon ব্যবহারের কারণে আপনার সাইটকে ভিজিটরা অন্যান্য সাইট থেকে আলাদা করতে পারবে এবং সহজে মনে রাখতে পারবে ।
  • ইউনিক একটা FavIcon আপনার সাইটকে Net-এর জগতে একটা পরিচয় দিবে।
  • FavIcon ব্যবহারের কারণে আপনার সাইট প্রফেশনাল লুকিং হয়।

 

কিভাবে FavIcon বানাবো?

  • প্রথমে Photoshop বা অন্য কোন সফটওয়্যার দিয়ে একটা ছবি বানিয়ে নিন, যেটাকে আপনি FavIcon করতে চান। এটার সাইজ ১৬*১৬ বা ৩২*৩২ বা ৪৮*৪৮ পিক্সেল এবং ফরম্যাট *.png বা *gif বা *jpg হতে হবে।
  • এবার ConvertIcon! সাইটে যান।
  • “Get Started”-এ ক্লিক করুন।
  • নিচে “Files of type:” -এ Image(png, gif, jpeg) সিলেক্ট করুন। আপনার বানানো ছবিটা সিলেক্ট করে “Open” -এ ক্লিক করুন।
  • “Export” -এ ক্লিক করুন।
  • 16×16 ও 32×32 এ টিক দিন।
  • “Save As-এ ক্লিক করুন। ‘Save” -এ ক্লিক করুন।
  • বের হয়ে আসুন।
  • আপনার সেভ করা Icon-টাকে Rename করে “Favicon” নাম দিন।
  • এটা সংরক্ষণ করুন।

 

FavIcon আপলোড করা

  • DhMart Cpanel -এ Login করুন।
  • Control Panel -এ Files সেকশনে “File Manager 1″-এ ক্লিক করুন।
  • Password চাওয়া হলে তা দিয়ে “Login”-এ ক্লিক করুন। আবার “File Manager 1″-এ ক্লিক করুন। Password না চাওয়া হলে দরকার নাই।
  • Net2FTP উইন্ডো আসবে।
  • “public_html”-এর উপর ক্লিক করুন। Directory ওপেন হবে।
  • “Upload”-এ ক্লিক করুন।
  • “Files, Files entered here will be transferred to the FTP server.” -এর নিচে “Browse”-এ ক্লিক করে আপনার সংরক্ষিত Favicon.ico ফাইলটা সিলেক্ট করুন।
  • সবুজ টিক চিহ্নে() ক্লিক করুন। অপেক্ষা করুন।
  • আপলোড শেষ হওয়ার পর ()-এ ক্লিক করুন।
  • বের হয়ে আসুন।

 

FavIcon সাইটে যুক্ত করা

  • আপনার সাইটের Admin Panel-এ LogIn করুন।
  • DashBoard-এ “Appearance” Menu-এর Sub-Menu “Editor” -এ ক্লিক করুন।

WordPress.org টিউটোরিয়াল (পর্ব ৭) : ফেভিকন অ্যাডিং

  • ডান পাশ থেকে “header.php” সিলেক্ট করুন।
  • <head> Tag খুঁজে বের করুন।
  • <head> Tag-এর নিচে নিচের কোডটা Copy করে Paste করুন। (****.***) -কে আপনার Domain Name দিয়ে রিপ্লেস করুন। এই টিউটোরিয়ালের ক্ষেত্রে এটা – tp-tutorial.co.cc ।

 

<link href='http://www.****.***/favicon.ico' rel='shortcut icon'/>
<link href='http://www.****.***/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='http://www.****.***/favicon.ico' rel='icon'/>
<link href='http://www.****.***/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

 

  • “Update File” -এ ক্লিক করুন।

WordPress.org টিউটোরিয়াল (পর্ব ৭) : ফেভিকন অ্যাডিং

  • বের হয়ে আসুন।
  • কাজ শেষ এবার অপেক্ষা করুন। সর্বোচ্চ ২ দিন লাগে FavIcon সেট হতে।

 

কিছুক্ষণ পর আপনার সাইটে গিয়ে দেখুন FavIcon সেট হয়েছে।

নোট: এই সাইটে গিয়েও FavIcon বানাতে পারেন –  iConvertIcons

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

13 মন্তব্য

  1. আপনাকে অনেক ধন্যবাদ। ভাই আমি এই জগতে নতুন। তাই সহজ জিনিসটা ও আমার কাছে জটিল।
    DhMart Cpanel লগ ইন করতে পারছি না যদি একটু আইডিয়া দেন তাহলে কিতজ্ঞ থাকিব।

  2. ভালো জিনিস! এমনিতে এড করতে কিন্তু wordpress পারি না তাই জানতাম না কিভাবে করে! আপনি শিখাইলেন! thanks

  3. চালিয়ে যান , চলছে দারুন , ফেবিকন সম্পর্কে জানা হল ও।

    • চালিয়ে যাব অবশ্যই. কিন্তু মাঝে মাঝে পোস্ট দিতে একটু দেরি হতে পারে, বিভিন্ন সমস্যায় ব্যস্ত আছি… আর এই টিউটোরিয়ালটা কিছুটা বড় হবে, অনেকগুলা পর্ব লেখার ইচ্ছা আছে, যাতে একজায়গায় WordPress-এর সবকিছু পাওয়া যায়…

  4. ভাই আপনার পোস্ট গুলো চরম চরম চরম হইতেছে। আমি পুরা মুগ্ধ হয়ে গেছি। খুব ই সুন্দর ও সহজ ভাবে তুলে ধরেছেন সব কিছু। অসাধারণ ভাই। জটিল

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

twelve − five =