কিভাবে ওয়ার্ডপ্রেস মেনু আইকন CSS যোগ করবেন?WP নেভিগেশন আইকন ফন্ট প্লাগইন ইনস্টল করুন

ওয়ার্ডপ্রেসকিভাবে মেনু আইকন CSS যোগ করবেন?

WP নেভিগেশন আইকন ফন্ট প্লাগইন ইনস্টল করুন

নতুন মিডিয়ালোকে করেএসইওএটি ওয়েবসাইট অপ্টিমাইজ করা এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করা।

আপনি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে আইকন ফন্ট যোগ করতে পারেন, যেগুলো খুবই সুন্দর এবং প্রতিক্রিয়াশীল ডিজাইন WP থিম টেমপ্লেট সমর্থন করে।

ছোট ইমেজ ফরম্যাটে আইকন ফন্ট এবং আইকন ভিন্ন:

  • রেটিনা ডিসপ্লে সমর্থন করে।
  • ক্যানসীমাহীনবড় করা
  • আইকন ফন্ট হিসাবে পৃথকভাবে নেভিগেশন মেনুতে আইটেমগুলি ব্যক্তিগতকৃত করুন।

নির্দিষ্ট প্রভাব চিত্রটি দেখা যেতে পারেচেন উইলিয়াংব্লগ নেভিগেশন মেনু.

আইকন ফন্ট কিভাবে ব্যবহার করবেন?

第 1 步:প্লাগইন ইন্সটল করুন

  • WP ব্যাকগ্রাউন্ড → প্লাগইনস → ইন্সটল প্লাগইন → "Font Awesome 4 Menus" এর জন্য অনুসন্ধান করুন, ডাউনলোড করুন এবং ইনস্টল করুন এবং সক্ষম করুন;
  • আপনি ওয়েবসাইট থেকে সরাসরি ডাউনলোড করতে পারেন, তারপর আপলোড করার পরে FTP এর মাধ্যমে আপলোড বা ইনস্টল করতে পারেন।

第 2 步:আইকন ফন্ট খুঁজুন

আইকন ফন্টের অফিসিয়াল ওয়েবসাইটে যেতে এখানে ক্লিক করুন

আইকন ফন্টের অফিসিয়াল ওয়েবসাইট খুলুন এবং আমাদের প্রয়োজনীয় আইকনটি খুঁজুন▼

ফন্ট-অসম ফন্ট আইকন হোম

  • যা আপনি আইকনে ক্লিক করলে দেখাতে পারবেন <i class =“fa fa-home”> </ i>কপি ফা ফা-বাড়ি.
  • যদি হোম আইকনের নাম হোম হয়, তাহলে আমাদের "মেনু CSS ক্লাস" এ প্রবেশ করতে হবে fas fa-home

第 3 步:মেনু ইনপুট CSS ক্লাস ফন্ট আইকন

  • WP ব্যাকগ্রাউন্ড → উপস্থিতি → মেনু, মেনু সেটিং পৃষ্ঠায় প্রবেশ করুন।
  • একটি মেনু আইটেম নির্বাচন এবং সম্পাদনা করুন,
  • CSS ক্লাসে, আইকন ফন্টের নামটি পেস্ট করুন যা আমরা এইমাত্র কপি করেছি (fa fa-home) ▼

ওয়ার্ডপ্রেস নেভিগেশন মেনু CSS ফন্ট আইকন

  • (অন্যান্য আইকনগুলির অপারেশন একই)
  • সবশেষে save এ ক্লিক করুন।

নিরাপত্তা

আপনার যদি এডিট মেনু আইটেম প্যানেলে CSS ক্লাস না থাকে, তাহলে আপনি উপরের ডানদিকের কোণায় "Display Options" খুলতে পারেন এবংমেনুর উন্নত বৈশিষ্ট্য দেখান, "CSS ক্লাস" ▼ নির্বাচন করুন

ওয়ার্ডপ্রেস নেভিগেশন মেনু অপশনগুলোতে CSS ক্যাটাগরিটি দেখুন।

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

হোপ চেন উইলিয়াং ব্লগ ( https://www.chenweiliang.com/ ) শেয়ার করেছেন "কিভাবে ওয়ার্ডপ্রেস মেনু আইকন সিএসএস যোগ করবেন?WP নেভিগেশন আইকন ফন্ট প্লাগইন ইনস্টল করুন", এটি আপনাকে সাহায্য করবে।

এই নিবন্ধটির লিঙ্ক শেয়ার করতে স্বাগতম:https://www.chenweiliang.com/cwl-642.html

আরও লুকানো কৌশল 🔑 জানতে, আমাদের টেলিগ্রাম চ্যানেলে যোগদান করতে স্বাগতম!

ভালো লাগলে শেয়ার এবং লাইক করুন! আপনার শেয়ার এবং লাইক আমাদের অব্যাহত অনুপ্রেরণা!

 

发表 评论

আপনার ইমেল ঠিকানা প্রকাশ করা হবে না. 必填 项 已 用 * 标注

উপরে যান