কিভাবে আপনার ওয়ার্ডপ্রেস থিমে যেকোনো ফন্ট পরিবর্তন করবেন

আপনি কি কখনো ওয়ার্ডপ্রেস ওয়েবসাইটে ফন্ট পরিবর্তন করতে চেয়েছেন? কাস্টমাইজারের সাথে একটি নতুন ফন্ট নির্বাচন করা কঠিন নয়। চ্যালেঞ্জটি আসে যখন আপনি এমন একটি ফন্ট ব্যবহার করতে চান যা থিমের সাথে আসে না বা আপনি যে উপাদানটি পরিবর্তন করতে চান তার জন্য এটি করার বিকল্প নেই৷

কাস্টমাইজেবল ফন্ট পরিবর্তন করুন

আরও ফন্ট পেতে, প্রথমে আপনার সাইটে সহজ Google ফন্ট প্লাগইন ইনস্টল করুন৷

1. "প্লাগইন -> নতুন যোগ করুন।"

2. "সহজ Google ফন্ট" অনুসন্ধান করুন৷

3. ইনস্টল ক্লিক করুন এবং তারপর সক্রিয় করুন৷

4. এখন আপনার সাইটে আরো ফন্ট বিকল্প আছে. এগুলি পরিবর্তন করতে, আপনার কাস্টমাইজারে যান (আবির্ভাব -> কাস্টমাইজ করুন)৷

5. "টাইপোগ্রাফি -> থিম টাইপোগ্রাফি" এ ক্লিক করুন৷

6. ড্রপডাউন তীরটিতে ক্লিক করুন এবং নীচে স্ক্রোল করুন। আপনি আরো অনেক উপলব্ধ ফন্ট দেখতে হবে.

7. আপনি যেটি ব্যবহার করতে চান সেটি নির্বাচন করতে ক্লিক করুন৷

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

সেগুলি কাস্টমাইজ করতে আপনাকে ওয়েবসাইটের সেই অংশের জন্য CSS কোড পরিবর্তন করতে হবে। যাইহোক, এটি লুকানো আছে, তাই আপনাকে এটি ট্র্যাক করতে হবে।

এক্সটেনশন পান

Google Chrome ব্রাউজারে, WhatFont নামে একটি এক্সটেনশন অনুসন্ধান করুন এবং তারপরে এটি ইনস্টল করুন এবং এটি চালানোর অনুমতি দিন৷

সক্রিয় করা হলে, WhatFont যে কোনো ওয়েবসাইটে পাওয়া যে কোনো ফন্ট সনাক্ত করে। সুতরাং আপনি যদি একটি ফন্ট পছন্দ করেন এবং এটি আপনার কাজে ব্যবহার করতে চান, WhatFont চলাকালীন পাঠ্যের উপর আপনার মাউস ঘোরান, এবং এটি আপনাকে ফন্টের নাম দেখাবে৷

পরবর্তী এক্সটেনশনটি আপনাকে ইনস্টল এবং সক্রিয় করতে হবে তা হল Firebug Lite। এটি আপনার সাইটের কোড প্রদর্শন করে এবং আপনাকে CSS বৈশিষ্ট্য লাইভ সম্পাদনা করতে দেয়। এই এক্সটেনশনটি কোডে পাঠ্যের অবস্থান খুঁজে বের করে ফন্টগুলি খুঁজে পাওয়া এবং পরিবর্তন করা সহজ করে তোলে৷

ফন্টটি খুঁজুন

আপনার থিমটি বর্তমানে যে ফন্টটি ব্যবহার করছে তার নাম খুঁজে বের করতে:

1. WhatFont এর আইকনে ক্লিক করে সক্রিয় করুন

2. আপনি যে ফন্টটি সনাক্ত করতে চান তার উপর হোভার করুন৷

3. ফন্টের নাম নোট করুন।

4. WhatFont বন্ধ করুন।

পরবর্তী ধাপ হল কোডে সেই ফন্টের সাথে CSS সনাক্ত করা।

1. কাস্টমাইজার খুলুন যেমন আপনি আগে করেছিলেন৷

2. ফায়ারবাগ লাইট খুলুন (স্ক্রু ড্রাইভার সহ একটি বাগের আইকন)।

3. যখন আপনি Firebug সক্রিয় করেন, সাইটের কোডটি স্ক্রিনের নীচে প্রদর্শিত হয়৷

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

আপনি যে পাঠ্য পরিবর্তন করতে চান তার বর্তমান ফন্ট খুঁজুন।

1. CSS-এ ক্লিক করুন।

2. style.css ফাইলটি বেছে নিন। (এটি একটি দীর্ঘ ফাইল।)

3. Ctrl টিপুন + f এবং সার্চ বক্সে আপনার লেখা ফন্টটি টাইপ করুন।

4. এই উদাহরণে আমি হেলভেটিকা ​​খুঁজছিলাম, এবং আপনি CSS শৈলীতে সেই ফন্টটির অবস্থান কমলা রঙে দেখতে পাবেন।

4. ফন্টের অবস্থান হাইলাইট এবং অনুলিপি করুন। আমি উপরের ছবিতে হলুদে হাইলাইট করেছি। যদি তালিকাভুক্ত একাধিক অবস্থান থাকে, তবে তাদের মধ্যে শুধুমাত্র একটি অনুলিপি করুন৷

একটি ফন্ট নিয়ন্ত্রণ তৈরি করুন

ফন্ট কন্ট্রোল প্লাগইনকে বলে যেখানে CSS ফন্ট ব্যবহার করে আমরা পরিবর্তন করতে চাই। এই পদক্ষেপটি কিছুটা পরীক্ষা এবং ত্রুটি হতে পারে, বিশেষ করে যদি আপনি যে ফন্টটি খুঁজছেন সেটি আপনার সাইটের বিভিন্ন জায়গায় থাকে৷

1. আপনার অ্যাডমিন প্যানেলে ফিরে যান, সেটিংসের উপর হোভার করুন এবং Google ফন্টে ক্লিক করুন৷

2. "একটি নতুন ফন্ট নিয়ন্ত্রণ তৈরি করুন।"

3. নতুন ফন্টের অবস্থান বর্ণনা করতে এটির নাম পরিবর্তন করুন৷

4. CSS তালিকা থেকে আপনি যে অবস্থানটি কপি করেছেন সেটি CSS নির্বাচক বাক্সে আটকান।

5. ফোর্স স্টাইল ওভাররাইড বক্সে ক্লিক করুন।

6. সংরক্ষণ করুন৷

এটি পরীক্ষা করুন

আপনার কাস্টমাইজারে ফিরে যান এবং আপনি ফন্টটি পরিবর্তন করতে চান এমন জায়গাটি সনাক্ত করুন৷ আপনার তৈরি ফন্ট নিয়ন্ত্রণের জন্য ড্রপডাউন বক্স খুঁজুন। এটিকে টানুন এবং আপনি যে ফন্টটি ব্যবহার করতে চান তা নির্বাচন করুন। যদি এটি সফলভাবে কাজ করে, আপনি এটিতে ক্লিক করার সাথে সাথে ফন্ট পরিবর্তিত হয়৷

যদি এটি কাজ না করে, তাহলে ফন্ট কন্ট্রোলে ফিরে যান, আপনি যে অবস্থানে পেস্ট করেছেন সেটি মুছুন এবং আপনার CSS-এ একটি ভিন্ন অবস্থান ব্যবহার করে আবার চেষ্টা করুন যেখানে মূল ফন্ট তালিকাভুক্ত ছিল। মনে রাখবেন, এটিকে কাজ করতে অনেক চেষ্টা করতে হতে পারে।

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