ওয়ার্ডপ্রেসে হরফ কীভাবে পরিবর্তন করবেন

আপনার ওয়ার্ডপ্রেস সাইটে কিছু ব্র্যান্ডিং এবং স্বতন্ত্রতা যুক্ত করার একটি দুর্দান্ত উপায় হ'ল আপনার থিমের ফন্টগুলি পরিবর্তন করা

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

আপনি যদি কেবল একটি ওয়ার্ডপ্রেস থিম ইনস্টল বা কিছু সিএসএস এবং কোডিংয়ের অভিজ্ঞতা রয়েছে, আমরা আপনাকে ওয়ার্ডপ্রেসে ফন্ট পরিবর্তন করতে ব্যবহার করতে পারেন এমন কয়েকটি বিকল্প দেখাব

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

ওয়ার্ডপ্রেসে আপনার ফন্ট পরিবর্তন করতে এখানে তিনটি প্রধান বিকল্প উপলব্ধ:

  • গুগল ফন্ট, ফন্টস.কম, বা এর মতো ওয়েব ফন্টগুলি ব্যবহার করুন 4, যা তৃতীয় পক্ষের সাইটে হোস্ট করা হয়
  • আপনার থিমটিতে ওয়েব ফন্টগুলি কোড করুন এবং সেগুলি সজ্জিত করুন
  • আপনার সাইটে ফন্টগুলি হোস্ট করুন এবং সেগুলি আপনার থিমে যুক্ত করুন

    • 1। ওয়েব ফন্ট ব্যবহার করে ওয়ার্ডপ্রেসে ফন্টগুলি কীভাবে পরিবর্তন করবেন

    ফন্ট ফাইল ডাউনলোড এবং আপলোড করার চেয়ে ওয়ার্ডপ্রেসে ফন্ট পরিবর্তন করার জন্য ওয়েব ফন্ট ব্যবহার করা সহজ এবং দ্রুত উপায়

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

    ইনকন্টেন্ট_1 সব: [300x250] / dfp: [640x360]->
    googletag.cmd.push (ফাংশন () {googletag.display ('snhb-In_content_1-0');});

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

    আপনি নিজের ওয়েব সাইটে কয়েকটি লাইন কোড যুক্ত করে ওয়েব ফন্ট একটি ওয়ার্ডপ্রেস প্লাগইন ব্যবহার করে বা ম্যানুয়ালি যুক্ত করতে পারেন। আসুন দুটি বিকল্পই অন্বেষণ করুন

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

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

    1. শুরু করতে আপনার ওয়ার্ডপ্রেস অ্যাডমিন ড্যাশবোর্ডে লগ ইন করুন এবং প্লাগইন>নির্বাচন করুন নতুন যুক্ত করুন।
      1. অনুসন্ধান বাক্সে গুগল ফন্টের টাইপোগ্রাফিটাইপ করুন এবং নির্বাচন করুন >এখনই ইনস্টল করুন
      2. গুগল ফন্টবিভাগ নির্বাচন করুন
      3. এরপরে, ফন্টগুলির সেটিংসটি খুলতে এবং নীচে সেগুলি কনফিগার করতে লিঙ্কটিতে ক্লিক করুন:
        • বেসিক সেটিংসএর অধীনে, আপনার শরীরের জন্য ডিফল্ট ফন্ট সেট করুন পাঠ্য, শিরোনাম এবং বোতামগুলি২
          • উন্নত সেটিংসএর অধীনে আপনার সাইটের শিরোনাম এবং ডেস্ক কনফিগার করুন ফাটল, মেনু, শিরোনাম এবং সামগ্রী, সাইডবার এবং পাদচরণ
            • ফন্ট লোডিংবিভাগে বিভাগে কোনও অযাচিত ফন্টের ওজন চেক করুন s>8।

              আপনার সাইটে যদি ফন্টগুলি থাকে যা সঠিকভাবে প্রদর্শিত হয় না বা কাজ করে না তবে ডিবাগিংবিভাগটি ব্যবহার করুন সমস্যা সমাধানের জন্য/ noscript>

              1. আপনি কাস্টমাইজারে এই সেটিংগুলি যেভাবে চান তার জন্য কাজ করছেন কিনা তা নিশ্চিত করার জন্য এবং তারপরে প্রকাশ করুন।

                2. নোট: যদি আপনি কাস্টমাইজারে প্রকাশনা নির্বাচন করতে ভুলে যাবেন, আপনার করা সমস্ত পরিবর্তন আপনি হারাবেন

                কোড ব্যবহার করে ওয়েব ফন্টগুলি কীভাবে যুক্ত করবেন

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

                তবে, আপনি ওয়ার্ডপ্রেস থিম ডিরেক্টরি থেকে কোনও থিম ব্যবহার করছেন কিনা তা নিতে বিভিন্ন পদক্ষেপ নিতে হবে বা একটি কাস্টমাইজড থিম

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

                1. শুরু করতে গুগল ফন্ট লাইব্রেরি থেকে একটি ফন্ট নির্বাচন করুন, এবং এটি আপনার লাইব্রেরিতে যুক্ত করতে + (প্লাস)আইকনটি নির্বাচন করুন
                2. এরপরে, নীচে থাকা ট্যাবটি নির্বাচন করুন যেখানে আপনি নিজের সাইটে যুক্ত করতে কোড পাবেন। এম্বেডট্যাবের অধীনে এম্বেড ফন্টবিভাগে যান। গুগল ফন্টের দ্বারা উত্পন্ন কোডটি আপনি দেখতে পাবেন যা দেখতে এরকম কিছু দেখাচ্ছে:

                  3. নোট: আমরা এই গাইডের জন্য ওয়ার্ক সানগুলি বেছে নিয়েছি যাতে ফন্ট আপনি যা চয়ন করেছেন তার উপর ভিত্তি করে আপনার নামটি আলাদা হতে পারে

                3. কোডটির এই অংশটি অনুলিপি করুন:https://fouts.googleapis.com/css2?family = কাজের + সানস

                  4. এটি আপনাকে তৃতীয় পক্ষের প্লাগইনগুলির সাথে বিরোধ রোধ করতে গুগল ফন্ট সার্ভারগুলি থেকে স্টাইল সজ্জিত করতে দেয়। এটি সহজ চাইল্ড থিম পরিবর্তনগুলির জন্যও মঞ্জুরি দেয়

                4. ফন্টটি সরাতে ফাংশন ফাইলটি খুলুন এবং নিম্নলিখিত কোডটি যুক্ত করুন। (গুগল ফন্ট থেকে প্রাপ্ত লিঙ্কটির সাথে লিঙ্কটি প্রতিস্থাপন করুন):

                  5. ফাংশন wosib_add_google_fouts () {wp_register_style ('googleFouts', ' https://fouts.googleapis.com/css?family=Work Sans ');

                  wp_enqueue_style (' googleFouts ');}

                  অ্যাডঅ্যাকশন ('wp_enqueue_scriptts', 'mybh_add_google_fouts');

                5. আপনি পারেন আপনি যদি ভবিষ্যতে আরও ফন্ট যুক্ত করতে চান তবে আপনার ফাংশনে অথবা একই লাইনে একটি নতুন লাইন যুক্ত করুন:

                  6. ফাংশন mybh_add_google_fouts () {
                  ডাব্লুপি_রেজিস্টার_ স্টাইল ('googleFouts', 'https://fouts.googleapis.com/css?family=CambriaypeWork Sans');

                  | }

                  অ্যাডঅ্যাকশন ('wp_enqueue_scriptts', 'mybh_add_google_font s ');

                  এক্ষেত্রে আমরা ক্যামব্রিয়া এবং ওয়ার্ক সানস উভয় ফন্ট সজ্জিত করেছি

                  পরবর্তী পদক্ষেপটি আপনার থিমের স্টাইলশিটে ফন্টগুলি যুক্ত করা হবে আপনার সাইটে ফন্টটি কাজ করুন

                  1. এটি করার জন্য, আপনার থিমের স্টাইল। CSS ফাইলটি খুলুন এবং আপনার ওয়েব ফন্টগুলির সাথে পৃথক উপাদানগুলিকে স্টাইল করতে কোডটি যুক্ত করুন:

                    2. দেহ {
                    ফন্ট-পরিবার: 'ওয়ার্ক সানস', সানস-সিরিফ;

                    এইচ 1, এইচ 2, এইচ 3 {ফন্ট-পরিবার: 'ক্যামব্রিয়া', সেরিফ ;| }

                    এই ক্ষেত্রে, মূল ফন্টটি ওয়ার্ক সান হবে যখন এইচ 1, এইচ 2 এবং এইচ 3 এর মতো শিরোনাম উপাদান ব্যবহার করবে ক্যামব্রিয়া

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

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

                    3. বডি {->ফন্ট-পরিবার: 'ওয়ার্ক সান ', আড়িয়াল, সানস-সেরিফ;

                    এইচ 1, এইচ 2, এইচ 3 {ফন্ট -প্রশাসন: 'ক্যামব্রিয়া', টাইমস নিউ রোমান, সেরিফ;

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

                    2। হোস্টিং ফন্টগুলির মাধ্যমে ওয়ার্ডপ্রেসে ফন্টগুলি কীভাবে পরিবর্তন করবেন

                    আপনার নিজের সার্ভারে ফন্ট হোস্টিং আপনাকে আপনার ওয়েব ফন্টগুলির কার্যকারিতা অনুকূল করতে সহায়তা করে তবে এটি আরও নিরাপদ উপায় এটি করার ক্ষেত্রে তৃতীয় পক্ষের সাইটগুলি থেকে রিসোর্সগুলিতে টানা পরিবর্তেআপনাকে এটি করতে হবে

                    1. শুরু করতে, ডাউনলোড করতে, আনজিপ করুন, ফন্ট ফাইলটি আপনার সাইটে আপলোড করুন এবং তারপরে এটি আপনার স্টাইলশীটে লিঙ্ক করুন। এক্ষেত্রে আপনাকে ওয়েব ফন্টগুলির মতো ফাংশন.এফপি ফাইলে ফন্টগুলি সজ্জিত করতে হবে না। নিশ্চিত করুন যে আপনি যে ফাইলগুলি আপলোড করছেন তা আপনার ওয়েবসাইটে ব্যবহারের আগে ওফ ফরম্যাটে রয়েছে
                      1. এরপরে এ যান >আপনার থিমটিতে ফন্ট ফাইল আপলোড করতে ডাব্লুপি-কনটেন্ট / থিম / থিয়েনাম।
                      2. স্টাইলশিটটি খুলুন এবং নিম্নলিখিত কোড যুক্ত করুন (এক্ষেত্রে আমরা ওয়ার্ক সানস ফন্ট ব্যবহার করছি তবে আপনি এটি নিজের ফন্টের সাহায্যে প্রতিস্থাপন করতে পারেন):

                        3. @ ফন্ট-ফেস {
                        ফন্ট-পরিবার: 'ওয়ার্ক সানস';এসসিআর: ইউআরএল ("ফন্ট / ওয়ার্ক সানস-মিডিয়াম.টিএফ") বিন্যাস ('woff'); / * মাঝারি * /
                        ফন্ট-ওজন: স্বাভাবিক;অনলাইন

                        ফন্ট শৈলী: সাধারণ;

                        }

                        @ ফন্ট-ফেস {
                        ফন্ট-পরিবার: 'ওয়ার্ক সানস';এসসিআর: ইউআরএল ( "হরফ / ওয়ার্ক সানস-বোল্ড.টিএফ") ফর্ম্যাট ('woff'); / * মাঝারি * /
                        ফন্ট-ওজন: সাহসী;
                        ফন্ট-শৈলী: স্বাভাবিক;

                        @ ফন্ট-ফেস {
                        ফন্ট-পরিবার: 'ক্যামব্রিয়া';এসসিআর: ইউআরএল (" হরফ / ক্যামব্রিয়া.টিটিএফ ”) ফর্ম্যাট ('woff'); / * মাঝারি * /
                        ফন্ট-ওজন: স্বাভাবিক;অনলাইনফন্ট শৈলী: সাধারণ;}

                        দ্রষ্টব্য: @ ফন্টফেস ব্যবহার করা আপনাকে আপনার ফন্টের গা bold়, তির্যক এবং অন্যান্য প্রকারের ব্যবহারের অনুমতি দেয়, তারপরে আপনি প্রতিটি ফন্টের জন্য ওজন বা শৈলী নির্দিষ্ট করতে পারবেন

                      3. এরপরে, আপনার উপাদানগুলির জন্য নীচে স্টাইলিং যুক্ত করুন:

                        4. শরীর body->ফন্ট-পরিবার: 'কাজের সান ', আড়িয়াল, সানস-সেরিফ;
                        এসসিআর: ইউআরএল ("/ ফন্ট / ওয়ার্ক সানস-মিডিয়াম.টিটিএফ");}

                        এইচ 1, এইচ 2, এইচ 3 {
                        ফন্ট-পরিবার: 'ক্যামব্রিয়া', টাইমস নিউ রোমান, সেরিফ;}

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

                        ব্র্যান্ডিং এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য ওয়ার্ডপ্রেসে ফন্ট পরিবর্তন করা একটি দুর্দান্ত ধারণা। এটি কোনও সোজা কাজ নয়, তবে আপনার থিমের উপর আপনার আরও নিয়ন্ত্রণ থাকবে

                        আপনি কি এই সাইটের টিপস ব্যবহার করে এই সাইটের ফন্টগুলি কাস্টমাইজ করতে সক্ষম হয়েছিলেন? মন্তব্যগুলিতে আমাদের জানান

                        সম্পর্কিত পোস্ট:

                        ওয়ার্ডপ্রেসের জন্য এএমপি কী এবং এটি কীভাবে ইনস্টল করবেন কীভাবে ওয়ার্ডপ্রেসে পাদলেখ সম্পাদনা করবেন একটি ওয়ার্ডপ্রেস থিম কীভাবে কাস্টমাইজ করবেন কীভাবে আপনার কম্পিউটারে ওয়ার্ডপ্রেস টেস্ট সাইট ইনস্টল করবেন 11 টি ধাপে কীভাবে কোনও ওয়ার্ডপ্রেস সাইট গতি বাড়ানো যায় 11 সেরা ওয়ার্ডপ্রেস পডকাস্ট প্লাগইন ওয়ার্ডপ্রেসে কীভাবে থিম ইনস্টল করবেন

                        14.11.2020