ওয়ার্ডপ্রেস সাইটে গুগল ওয়েব ফন্ট যুক্ত করে আপনার সাইটকে আকর্ষনীয় করে তুলুন

বিদ্রঃ পোস্টটি পড়ে কাজে লাগানোর জন্য আপনার কিছুটা HTML এবং CSS জ্ঞান থাকা প্রয়োজন। HTML শিখার জন্য এখানে দেখতে পারেন। 

ওয়ার্ডপ্রেস সাইট সহ যেকোন সাইটের সৌন্দর্য নির্ভর করে ফন্টের উপর। একটা সাইট থেকে আরেকটা সাইটকে বেশি আকর্ষনীয় করা যায় ফন্টের সঠিক ব্যবহার করে। নিজের সাইটের জন্য ফন্ট আপলোড করে এড করা জামেলার কাজ।তাছাড়া সাইটের লোডিং টাইম ও বেড়ে যায়। ওয়েব সাইটে সহজেই আকর্ষনীয় ফন্ট এড করার জন্য রয়েছে Google font API. যার মাধ্যমে আপনার সাইটের জন্য গুগলে CDN থেকে ফন্ট গুলো লোড হবে। এতে সাইটের গতিও বেড়ে যাবে। আমি ওয়ার্ডপ্রেস ব্যবহার করেই সন্টুষ্ট তাই এখানে দেখব কিভাবে ওয়ার্ডপ্রেস সাইটে Google font API ব্যবহার করে ফন্ট ব্যবহার করব। এটা অনেক সহজ। কোডিং বলতে গেলে করতে হবে না। আর যারা ওয়ার্ডপ্রেসের থিম কাস্টোমাইজেশন করে তাদের জন্য অনেক উপকারী । প্রথমেই Google webfont ভিজিট করুন। ঐখানে অনেক গুলো ফন্ট দেখতে পাবেন। আপনার পছন্দের যেকোন একটা ব্যবহার করার জন্য দেখুন Quick use নামে একটা অফশন রয়েছে। ঐখানে ক্লিক করুন।

  আরেকটা নতুন পেইজ খুলবে। আসলে ঐখানেই লেখা রয়েছে কিভাবে কি করতে হবে। আপনি নিচের মত অপশন গুলো দেখতে পাবেনঃ

প্রথমেই দেখবেনঃ

  • Choose the styles you want:

এবং নিচে কত গুলো অপশন পাবেন। এ গুলো হচ্ছে ফন্টের স্টাইল এবং ওয়েট। যে কোন একটা সিলেক্ট করুন। [ কিছু কিছু ফন্টে এ সুবিদা নাও পেতে পারেন]

তার পর পাবেনঃ Choose the character sets you want: এটা সম্পর্কে জানার জন্য আপনি ঐখানের লিঙ্কটি অনুসরন করতে পারেন। আপাতত এটা স্কিপ করুন।

এবার আপনার সাইটে গুগল ফন্ট যুক্ত করুন, তার জন্য একটা লিঙ্ক পাবেন। নিচের মত। ঐটা আপনার ওয়ার্ডপ্রেস থিমের header.php ফাইলের head ট্যাগ এর যেকোন এক যাগায় কপি করে পেস্ট করুন।

        সব শেষে আপনি style.css এর কোন উপাদানের মধ্যে ফন্টটা যুক্ত করতে চান তার মধ্যে Integrate the fonts into your CSS   থেকে পাওয়া কোডটা যুক্ত করুন। এবার দেখুন আপনার সাইটের আকর্ষনীয় কাস্টম ফন্ট।

বিদ্রঃ এভাবে আপনি শুধু ওয়ার্ডপ্রেস না, যেকোন সাইটেই ফন্ট গুলো এড করতে পারেন। তার জন্য ফন্টের লিঙ্কটা আপনার সাইটের header ট্যাগ এর ভিতর যুক্ত করে এবং font-family টা যেকোন style ট্যাগ এ ব্যবহার করেই তা করতে পারেন।

আশা করি আপনারা গুগল ফন্ট ব্যবহার করতে পারবেন। কোন সমস্যা হলে জানাতে ভুলবেন না। আমি যতটুকু পারি সাহায্য করব। ধন্যবাদ সবাইকে।

জাকির হোসাইন। 

tech.jakir.me

Level 0

আমি জাকির হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 224 টি টিউন ও 1487 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

পৃথিবীতে অল্পকয়েক দিনের জন্য অনেকেই আসে, হেঁটে খেলে চলে যায়। এর মধ্যে অল্প কয়েক জনই পায়ের চাপ রেখে যায়।ওদের একজন হতে ইচ্ছে করে। প্রযুক্তির আরেকটি সেরা ব্লগ টেকটুইটস। আপনাদের স্বাগতম, যেখানে প্রতিটি বন্ধুর অংশ গ্রহনে গড়ে উঠেছে একটি পরিবার। আপনাদের পছন্দ হবে আশা করি। ফেসবুকে আমি - ?জাকির!


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

সব ঠিক আছে কিন্তু আমি যদি চাই পোস্টের হেডারে শুধু এই ফন্ট টা ব্যাবহার করবেো । বা কিছূ কিছূ পোষ্টে ব্যাবহার করবো, সবগুলোতে নয়, সেটা কিভাবে করা যায়। টিউন টা খুবই কাজের টিউন । ধন্যবাদ আপনাকে ।

সুন্দর ও কাজের টিউনটির জন্য অনেক অনেক ধন্যবাদ।