Page Layout এবং Master Page কাস্টমাইজেশন SharePoint এর Classic Experience ব্যবহারকারী হিসেবে সাইটের সামগ্রিক লেআউট এবং ডিজাইন কাস্টমাইজ করার গুরুত্বপূর্ণ উপায়। Classic SharePoint সাইটে, Page Layout এবং Master Page দ্বারা আপনি সাইটের প্রতিটি পেজ এবং সামগ্রিক ইউজার ইন্টারফেস ডিজাইন করতে পারেন।
নিচে Page Layout এবং Master Page কাস্টমাইজ করার বিস্তারিত পদ্ধতি আলোচনা করা হলো।
Page Layout কাস্টমাইজ করা
Page Layout হল SharePoint পেজের কাঠামো বা লেআউট। এটি নির্ধারণ করে যে পেজটি কীভাবে দেখাবে এবং কিভাবে কন্টেন্ট উপস্থাপন করা হবে। SharePoint সাইটে পেজের কন্টেন্ট উপস্থাপনের জন্য একাধিক পেজ লেআউট থাকতে পারে, যেমন Article Page, Welcome Page, Custom Page Layout ইত্যাদি।
স্টেপ ১: Page Layout এর জন্য নতুন লেআউট তৈরি করা
- SharePoint Designer খুলুন এবং আপনার সাইটে সংযুক্ত করুন।
- Site Objects প্যানেলে গিয়ে _catalogs > _catalogs > Master Page নির্বাচন করুন।
- সেখানে Display Templates এর অধীনে Page Layouts ফোল্ডারে নতুন পেজ লেআউট তৈরি করতে পারেন। আপনি HTML, ASPX, CSS এবং JavaScript ব্যবহার করে এটি কাস্টমাইজ করতে পারেন।
- আপনার তৈরি করা পেজ লেআউট ফাইলটিকে SharePoint সাইটের Master Page Gallery এ সেভ করুন।
স্টেপ ২: কাস্টম Page Layout নির্বাচন করা
- Site Settings থেকে Page Layouts নির্বাচন করুন।
- পেজের জন্য পছন্দসই Page Layout নির্বাচন করুন অথবা আপনার তৈরি করা কাস্টম পেজ লেআউট নির্বাচন করুন।
- সাইটের পেজে নতুন লেআউটটি প্রয়োগ করতে, পেজটি এডিট করুন এবং পেজ লেআউট পরিবর্তন করুন।
স্টেপ ৩: Page Layout কাস্টমাইজেশন
- আপনি কাস্টম Page Layout এর HTML কাঠামো পরিবর্তন করতে পারেন।
- কন্টেন্ট ওয়েদার, সাইডবার, হেডার এবং ফুটারের ডিজাইন পরিবর্তন করতে পারবেন।
- Web Parts যোগ করা, কাস্টম কোডিং, বা ফিল্ড ভ্যালু প্রদর্শন করার জন্য Content Query Web Parts ব্যবহার করা যেতে পারে।
Master Page কাস্টমাইজ করা
Master Page SharePoint সাইটের মৌলিক ডিজাইন এবং লেআউট কন্ট্রোল করে। এটি সাইটের প্রতিটি পেজের জন্য শিরোনাম, ফুটার, মেনু, লোগো, এবং স্টাইল গঠন করে। Classic SharePoint সাইটে Master Page কাস্টমাইজ করার মাধ্যমে আপনি পুরো সাইটের ডিজাইন পরিবর্তন করতে পারেন। তবে, Master Page কাস্টমাইজ করার আগে নিশ্চিত হন যে আপনি এটি পরিবর্তন করার জন্য যথাযথ অনুমতি পেয়েছেন।
স্টেপ ১: SharePoint Designer দিয়ে Master Page কাস্টমাইজ করা
- SharePoint Designer ওপেন করুন এবং আপনার সাইটে সংযুক্ত করুন।
- Site Objects প্যানেলে গিয়ে _catalogs > _catalogs > Master Page নির্বাচন করুন।
- Display Templates এর অধীনে আপনি Master Page এর জন্য কাস্টম ফাইল তৈরি বা সম্পাদনা করতে পারেন। এই ফাইলটি সাধারণত custom.master নামক ফাইলে থাকে।
- Master Page এ পরিবর্তন করার সময়, আপনি নিচের অংশগুলোর কাস্টমাইজেশন করতে পারবেন:
- Header Section: সাইটের লোগো, মেনু, এবং শিরোনাম এর ডিজাইন কাস্টমাইজ করা।
- Footer Section: সাইটের ফুটার এলিমেন্ট কাস্টমাইজ করা।
- Navigation Menus: সাইটের নেভিগেশন মেনু গুলি কাস্টমাইজ করা।
- CSS Styles: সাইটের CSS ফাইলের মাধ্যমে ডিজাইন পরিবর্তন করা।
স্টেপ ২: Master Page Gallery থেকে Master Page সিলেক্ট করা
- Master Page Gallery তে গিয়ে আপনার কাস্টম Master Page নির্বাচন করুন।
- সেটি সাইটের ডিফল্ট Master Page হিসেবে ব্যবহার করতে চাইলে Site Settings থেকে Master Page অপশনটি নির্বাচন করে কাস্টম Master Page টি সিলেক্ট করুন।
স্টেপ ৩: কোড এবং স্টাইল শীট প্রয়োগ করা
- CSS: Master Page কাস্টমাইজ করার সময় আপনি CSS ফাইল ব্যবহার করে সাইটের লেআউট ও ডিজাইন কাস্টমাইজ করতে পারবেন। যেমন, ফন্ট সাইজ, কালার স্কিম, মার্জিন ইত্যাদি।
- JavaScript: JavaScript দিয়ে আপনি ডাইনামিক কন্টেন্ট, ইন্টারেকটিভ ফিচার (যেমন মেনু বা ফর্ম ইন্টারঅ্যাকশন) যোগ করতে পারবেন।
স্টেপ ৪: রিস্পন্সিভ ডিজাইন কাস্টমাইজ করা
- Master Page কাস্টমাইজ করার সময় আপনি রেসপন্সিভ ডিজাইন কৌশল ব্যবহার করতে পারেন যাতে সাইটটি বিভিন্ন ডিভাইসে (মোবাইল, ট্যাবলেট, ডেস্কটপ) ভালভাবে প্রদর্শিত হয়। এর জন্য CSS Media Queries ব্যবহার করা হয়।
টিপস এবং বেস্ট প্র্যাকটিস
- Customization Consistency: কাস্টমাইজেশন করার সময় নিশ্চিত হন যে, সাইটের সমস্ত পেজে একটি সঙ্গতিপূর্ণ ডিজাইন থাকে।
- Backup: Master Page বা Page Layout পরিবর্তন করার আগে সাইটের ব্যাকআপ নেওয়া খুবই গুরুত্বপূর্ণ, যাতে কোনো সমস্যা হলে আপনি আগের অবস্থায় ফিরে যেতে পারেন।
- Minimal Customization: খুব বেশি কাস্টমাইজেশন না করার চেষ্টা করুন, কারণ এটি পরবর্তীতে সাইটের আপডেট বা পারফরম্যান্সে সমস্যা তৈরি করতে পারে।
Master Page এবং Page Layout কাস্টমাইজেশনের মাধ্যমে আপনি আপনার SharePoint সাইটের ডিজাইন এবং ইউজার ইন্টারফেসের অভিজ্ঞতা উন্নত করতে পারেন, তবে মনে রাখবেন যে এটি একটি উন্নত কাস্টমাইজেশন এবং কিছু সীমাবদ্ধতা থাকতে পারে, বিশেষ করে যখন আপনার সাইটটি Modern Experience তে পরিবর্তিত হয়।
Read more
