থিম কাস্টমাইজ করা

আপনি Apigee Edge ডকুমেন্টেশন দেখছেন।
Apigee X ডকুমেন্টেশনে যান । তথ্য

একটি থিম ফাইলের একটি সংগ্রহ যা একটি সাইটের চেহারা এবং অনুভূতি সংজ্ঞায়িত করে। বিকাশকারী পরিষেবা পোর্টালটি প্রাথমিকভাবে একটি ডিফল্ট থিম দিয়ে সংজ্ঞায়িত করা হয়েছে, যা আপনি কাস্টমাইজ করতে পারেন। এটি আপনাকে আপনার পোর্টালের চেহারা এবং অনুভূতির জন্য আপনার পছন্দগুলি নির্বাচন করতে দেয়৷ আরও নির্দিষ্টভাবে, আপনি লিঙ্ক, ব্যাকগ্রাউন্ড, পাঠ্য এবং অন্যান্য থিম উপাদানগুলির রঙ পরিবর্তন করতে পারেন। আপনি আপনার বিকাশকারী পোর্টালের প্রথম পৃষ্ঠায় প্রদর্শিত স্বাগত বার্তাটিও পরিবর্তন করতে পারেন।

আপনি বিকাশকারী পোর্টাল UI এর মাধ্যমে থিমটি কাস্টমাইজ করতে পারেন বা ডিফল্ট থিম ফাইলটিকে ওভাররাইড করতে একটি কাস্টম থিম ফাইলে কোড লিখে।

বিকাশকারী পোর্টালের আপনার সংস্করণের উপর নির্ভর করে, আপনার কাছে বেছে নেওয়ার জন্য বেশ কয়েকটি থিম থাকবে:

ডিফল্ট থিম সেট করা হচ্ছে

যদি আপনার পোর্টাল এখনও পুরানো Apigee DevConnect থিম ব্যবহার করে, তাহলে আপনি ফর্মটিতে একটি সতর্কতা দেখতে পাবেন:

"Apigee DevConnect theme" is out of date 

পোর্টালের জন্য ডিফল্ট থিম সেট করতে আপনি নিম্নলিখিত পদ্ধতি ব্যবহার করতে পারেন। উত্পাদনে থিম স্থাপন করার আগে আপনার সর্বদা একটি অ-উৎপাদন সিস্টেমে প্রথমে একটি নতুন থিম পরীক্ষা করা উচিত।

ডিফল্ট থিম সেট করতে:

1. প্রশাসক বা বিষয়বস্তু তৈরির সুবিধা সহ ব্যবহারকারী হিসাবে আপনার পোর্টালে লগ ইন করুন৷
2. ড্রুপাল প্রশাসন মেনুতে উপস্থিতি নির্বাচন করুন। সক্রিয় থিমগুলির তালিকা প্রদর্শিত হবে৷
3. আপনি যে থিমটি ডিফল্ট হিসাবে ব্যবহার করতে চান তার জন্য, সেট ডিফল্ট নির্বাচন করুন।
   Apigee রেসপন্সিভ থিম ব্যবহার করতে, নিশ্চিত করুন যে বুটস্ট্র্যাপ 7.x-3.0 থিমটি সেই পৃষ্ঠাতেও সক্রিয় আছে।
4. কনফিগারেশন সংরক্ষণ করুন।

Apigee প্রতিক্রিয়াশীল থিম কাস্টমাইজ করা

এই বিভাগটি বর্ণনা করে যে কিভাবে Apigee রেসপন্সিভ থিম কনফিগার করতে হয়, যার মধ্যে রয়েছে:

• মডেল ফর্ম কাস্টমাইজ করা
• সাধারণ সেটিংস কাস্টমাইজ করা

মডেল ফর্ম সমর্থন কাস্টমাইজ করতে:

পোর্টালটি ড্রুপাল বুটস্ট্র্যাপ মোডাল ফর্ম স্যান্ডবক্স মডিউল ব্যবহার করে ড্রুপাল ফর্মগুলিকে মডেল হিসাবে প্রদর্শন করে৷ মোডাল হিসাবে ডিফল্ট ফাংশন দ্বারা লগইন এবং নিবন্ধন ফর্ম. আপনি এই কার্যকারিতা অক্ষম করতে পারেন যাতে এই ফর্মগুলি পৃথক পৃষ্ঠা হিসাবে প্রদর্শিত হয়।

1. অ্যাডমিন সুবিধা সহ একজন ব্যবহারকারী হিসাবে বিকাশকারী পোর্টালে লগ ইন করুন।
2. ড্রুপাল অ্যাডমিনিস্ট্রেশন মেনুতে কনফিগারেশন > ইউজার ইন্টারফেস > বুটস্ট্র্যাপ মোডাল ফর্ম নির্বাচন করুন।
3. ফর্মগুলির জন্য মডেল সমর্থন সক্ষম বা অক্ষম করুন৷
4. কনফিগারেশন সংরক্ষণ করুন নির্বাচন করুন।

Apigee প্রতিক্রিয়াশীল থিমের সাধারণ সেটিংস কাস্টমাইজ করতে:

1. প্রশাসক বা বিষয়বস্তু তৈরির সুবিধা সহ ব্যবহারকারী হিসাবে আপনার পোর্টালে লগ ইন করুন৷
2. ড্রুপাল প্রশাসন মেনুতে উপস্থিতি নির্বাচন করুন। সক্রিয় থিমগুলির তালিকা প্রদর্শিত হবে৷
3. পৃষ্ঠার Apigee প্রতিক্রিয়াশীল (ডিফল্ট থিম) এলাকায়, সেটিংস নির্বাচন করুন (পৃষ্ঠার শীর্ষে সেটিংস বোতামটি নির্বাচন করবেন না)।
4. Apigee প্রতিক্রিয়াশীল থিমের জন্য সেটিংস পৃষ্ঠা প্রদর্শিত হবে।
5. নিম্নলিখিত সারণীটি সেই পৃষ্ঠার ক্ষেত্রগুলি বর্ণনা করে যা আপনি থিম কনফিগার করতে ব্যবহার করতে পারেন। আপনি যদি এই সেটিংসের যেকোনো একটি পরিবর্তন করেন, তাহলে কনফিগারেশন সংরক্ষণ করুন নির্বাচন করুন।
   
   

   এলাকা	ধারা	বর্ণনা
   বুটস্ট্র্যাপ সেটিংস
   	উপাদান	ব্রেডক্রাম্বের প্রদর্শন নিয়ন্ত্রণ করুন, প্রধান মেনুর অবস্থান (সেটিংসে নববার বলা হয়), এবং অঞ্চলের কূপের প্রদর্শন: ব্রেডক্রাম্ব : ব্রেডক্রাম্ব লুকান/দেখান, ব্রেডক্রাম্বের ভিতরে হোম লিঙ্ক চালু/বন্ধ করুন। Navbar : Navbar (প্রধান মেনু) এর অবস্থানকে স্থির/স্থির/স্বাভাবিক অবস্থানে পরিবর্তন করুন, লেআউটটিকে আরও গতিশীল করে। অঞ্চলের কূপগুলি : অঞ্চলে একটি গাঢ় পটভূমি যোগ করতে সাইটের যে কোনও অঞ্চলে একটি ভাল শ্রেণী যুক্ত করুন৷
   	জাভাস্ক্রিপ্ট	অ্যাঙ্কর, পপোভার এবং টুলটিপগুলির প্রদর্শন নিয়ন্ত্রণ করুন: অ্যাঙ্কর : অ্যাঙ্কর পজিশন ঠিক করুন এবং মসৃণ স্ক্রোলিং সক্ষম করুন। Popovers : Popovers যে কোনো উপাদানে বিষয়বস্তুর ছোট ওভারলে যোগ করে। পপভারগুলিকে সক্ষম/অক্ষম করুন এবং কীভাবে পপোভারগুলি ব্যবহার করা হয় তা কনফিগার করুন৷ টুলটিপস : কিভাবে টুলটিপ ব্যবহার করা হয় তা কনফিগার করুন। আপনি প্রতিটি টুলটিপকে প্রতিটি ফর্ম উপাদানের ডান, বাম, উপরে বা নীচে প্রদর্শন করতে বাধ্য করতে পারেন এবং অন্যান্য প্রদর্শন বিকল্পগুলি সেট করতে পারেন।
   	উন্নত	বুটস্ট্র্যাপ থিম ফাইল আপডেট করার জন্য পোর্টাল কিভাবে BootstrapCDN ব্যবহার করে তা নিয়ন্ত্রণ করে। আপনি BootstrapCDN-এ পোর্টালের নির্ভরতা অক্ষম করতে পারেন, তবে আপনাকে অবশ্যই বুটস্ট্র্যাপ কাঠামোর নিজস্ব বাস্তবায়ন প্রদান করতে হবে।
   	DevConnect সেটিংস	স্বাগত বার্তা, ডিফল্ট রং এবং প্রধান মেনুতে প্রদর্শিত লোগোর আকার সেট করুন।
   গ্লোবাল সেটিংস ওভাররাইড করুন
   	প্রদর্শন টগল করুন	পোর্টালের বিভিন্ন এলাকার প্রদর্শন সক্ষম এবং অক্ষম করুন।
   	লোগো ইমেজ সেটিংস	প্রধান মেনুতে প্রদর্শিত চিত্রটি নির্দিষ্ট করে।
   	শর্টকাট আইকন সেটিংস	একটি ব্রাউজারের ঠিকানা বারে বা পোর্টালে বুকমার্কের জন্য প্রদর্শিত চিত্রটি নির্দিষ্ট করে৷

Apigee DevConnect থিম কাস্টমাইজ করা

Apigee DevConnect থিম হল পোর্টালের পুরানো রিলিজের জন্য ডিফল্ট পোর্টাল থিম, এবং নতুন Apigee প্রতিক্রিয়াশীল থিমে আপগ্রেড করা যেতে পারে। যাইহোক, আপগ্রেড করার আগে আপনাকে অবশ্যই নিশ্চিত করতে হবে যে সমস্ত ব্লক, টেমপ্লেট এবং অন্যান্য বিষয়বস্তু বুটস্ট্র্যাপ 3 এর সাথে সামঞ্জস্যপূর্ণ।

Apigee DevConnect থিমের সাধারণ সেটিংস কাস্টমাইজ করতে :

1. প্রশাসক বা বিষয়বস্তু তৈরির সুবিধা সহ ব্যবহারকারী হিসাবে আপনার পোর্টালে লগ ইন করুন৷
2. ড্রুপাল প্রশাসন মেনুতে উপস্থিতি > অ্যাপিজি ডেভকানেক্ট থিম > সেটিংস নির্বাচন করুন। এটি থিমের প্রাথমিক সেটিংস প্রদর্শন করে। রঙের সেটিংস হেক্সাডেসিমেল মান হিসাবে নির্দিষ্ট করা হয়।

   

3. আপনার পছন্দ অনুসারে সেটিংস পরিবর্তন করুন।
   উদাহরণস্বরূপ, স্বাগত বার্তা যোগ করুন বা পরিবর্তন করুন বা হেডারের পটভূমির রঙ পরিবর্তন করুন। হেডারের পটভূমির রঙটি প্রাথমিকভাবে কমলার কাছাকাছি কিছুতে সেট করা হয়েছে (#FF4300)। আপনি এটিকে অন্য রঙে পরিবর্তন করতে পারেন যেমন নীল (#0000FF)।
4. আপনি সেটিংস পরিবর্তন করা হয়ে গেলে, সংরক্ষণ করুন ক্লিক করুন।

একটি উপ-থিম তৈরি করে একটি থিম কাস্টমাইজ করা

পোর্টালের সাথে পাঠানো ডিফল্ট থিমগুলিকে সংজ্ঞায়িত করে এমন সমস্ত ফাইল এবং সম্পদগুলি পোর্টাল ইনস্টলেশন ডিরেক্টরির অধীনে প্রোফাইল/apigee/থিম ডিরেক্টরিতে রয়েছে। আপনি যদি ডিফল্ট অবস্থানে পোর্টালটি ইনস্টল করেন তবে এই ডিরেক্টরিটি /var/www/html/profiles/apigee/themes- এ রয়েছে।

সাইটের চেহারা এবং অনুভূতি পরিবর্তন করতে একটি থিম সম্পাদনা করতে, প্রোফাইল/এপিজি/থিমের অধীনে থিম ফাইলগুলিকে সরাসরি পরিবর্তন করবেন না। যদি আপনি তা করেন, পরের বার আপনি পোর্টাল আপগ্রেড করার সময় আপনার পরিবর্তনগুলি ওভাররাইট করা হবে৷

পরিবর্তে, থিমের একটি সাব-থিম তৈরি করুন যা আপনি ডিফল্ট থিম ফাইলগুলিকে /sites/all/themes ডিরেক্টরিতে অনুলিপি করে পরিবর্তন করতে চান। সাব-থিমের নির্দেশাবলীর জন্য, https://www.drupal.org/node/225125- এ ড্রুপাল ডকুমেন্টেশন দেখুন।

1. প্রোফাইল/apigee/themes/apigee_responsive/apigee_responsive_starterkit ফোল্ডারটিকে /sites/all/themes ফোল্ডারে কপি করুন।
2. apigee_responsive_starterkit ফোল্ডারটিকে YOUR_THEME_NAME এ পুনঃনামকরণ করুন।
3. apigee_responsive_starterk it.info ফাইলের নাম পরিবর্তন করে YOUR_THEME_NAME.info করুন।
4. css/apigee_responsive_starterkit.css এর নাম পরিবর্তন করে css/YOUR_THEME_NAME.css করুন।
5. js/apigee_responsive_starterkit.js এর নাম পরিবর্তন করে YOUR_THEME_NAME.js করুন।
6. YOUR_THEME_NAME.info ফাইল সম্পাদনা করুন এবং নিম্নলিখিত লাইনগুলি প্রতিস্থাপন করুন:
   
   স্টাইলশীট[সব] [] = css/apigee_responsive_starterkit.css
   স্ক্রিপ্ট[] = js/apigee_responsive_starterkit.js
   
   সঙ্গে:
   
   স্টাইলশীট[সমস্ত][] = css/YOUR_THEME_NAME.css
   স্ক্রিপ্ট[] = js/YOUR_THEME_NAME.js
7. Apigee রেসপন্সিভ স্টার্টার কিট থেকে YOUR_THEME_NAME.info ফাইলে থিমের নাম পরিবর্তন করে আপনার থিম নাম করুন৷
8. আপনি যদি আপনার থিমের জন্য একটি নতুন স্ক্রিনশট যোগ করতে চান তাহলে বিদ্যমান screenshot.png ফাইলটি প্রতিস্থাপন করুন।
9. আপনি যদি আপনার থিমে একটি নতুন লোগো যোগ করতে চান তাহলে exiting logo.png ফাইলটি প্রতিস্থাপন করুন।
10. আপনি যদি আপনার থিমে একটি নতুন ফেভিকন যোগ করতে চান তাহলে বিদ্যমান favicon.ico ফাইলটি প্রতিস্থাপন করুন।