Bootstrap ফ্রেমওযার্ক এর মেনুটা একটু জটিল টাইপের। নরমাল মেনু ফাংকশন কাজ করে না। এজন্য আমরা আজ ওয়ালকার মেনু বানাবো Bootstrap সাপোর্ট হওয়ার জন্য। চলুন শুরু করি ….
ওয়েব ডিজাইনে যারা নতুন তাদের জন্য একটি আলাদা পেজ বানানো হয়েছে , দেখতে
এখানে ক্লিক করুননতুনদের জন্য সম্পূর্ন নিবেদিত একটি ফাউন্ডেশন , আর আর ফাউন্ডেশন , আপনিও যোগ দিন
এখানে ক্লিক করুন যোগ দিতেBootstrap ফ্রেমওযার্ক এর মেনুটা একটু জটিল টাইপের। নরমাল মেনু ফাংকশন কাজ করে না। এজন্য আমরা আজ ওয়ালকার মেনু বানাবো Bootstrap সাপোর্ট হওয়ার জন্য। চলুন শুরু করি ….
থিমস বানানোর পর গ্রাহকের জন্য সহজ করতে অবশ্যই অপশন প্যানেলের দরকার পড়ে। কিছুদিন আগে থিমস অপশন ফ্রেমওয়ার্ক নিয়ে আলোচনা করেছিলাম, আজ অন্য আরেকটি ফ্রেমওয়ার্ক নিয়ে আলোচনা করব। ফ্রেমওয়ার্ক নিয়ে আরেকটি পোষ্ট লেখার কারন আগেরটার কিছু থিমস অপশন ছিল না। আজকেরটায় একটু এডভান্স অপশন আছে। চলুন আজকের ফ্রেমওয়ার্কটি দেখে নেই
আমার নিজের জন্য প্রায়ই আমার ব্লগের থিমস পরিবর্তন করেছি। অনেকে অনেক বিরক্ত হয়েছেন তারপরও আমি পরিবর্তন করে গেছি। পরিবর্তন করার মুল কারন থিমস পরিবর্তন করে করে থিমস কাষ্টোমাইজ শিখেছি। এখন আমি মোটামুটি বলতে পারি নিজেই স্ক্র্যাচ থেকে থিমস বানিয়ে ফেলতে পারব
চলুন দেখে নেই কেমন ছিল সেই ডিজাইনগুলো।
ওয়ার্ডপ্রেস থিমস কাষ্টোমাইজের সময় অনেক রকম মেটা বক্স এবং ফিল্ড এর দরকার পড়ে। যেমন: একটি কাষ্টোম পোষ্ট তৈরী করলেন ক্লায়েন্ট টেষ্টিমনিয়ালের জন্য , কিন্তু কাষ্টোম পোষ্টে শুধু আপনি টাইটেল+কন্টেন্ট দেখাতে পারবেন। কাষ্টোম ফিল্ড ও দেখানো যায় , সেক্ষেত্রে আপনাকে ম্যানুয়ালী কাষ্টোম ফিল্ড বসিয়ে নিতে হবে। কিন্তু আপনি চাচ্ছেন সেখানে সয়ংক্রিয়ভাবে ক্লায়েন্ট লিংক , কোম্পানী নাম, পদবী ই্ত্যাদি ডাটা দেবার ব্যবস্থা থাকবে সেক্ষেত্রে তখন আপনাকে একটি কাষ্টম মেটা বক্স এবং অনেক গুলো ফিল্ড তৈরী করতে হবে। এই কাষ্টোম ফিল্ড কিভাবে সয়ংক্রিয় করা যায় তাই নিয়ে আজ আলোচনা করব। এই কাষ্টম মেটা বক্স এবং ফিল্ড থিমস বানানো বা কাষ্টোমাইজের বেলায় খুবই কাজে দেয়। চলুন দেখে নেই কিভাবে কাষ্টম মেটা বক্স এবং ফিল্ড তৈরী করা যায়।
ওয়ার্ডপ্রেস থিমস কাষ্টোমাইজের সময় অনেক রকম পোষ্ট কুয়েরীর দরকার পড়ে। যেমন: প্রথম পাতা থেকে কোন বিভাগের পোষ্ট বাদ দেয়া বা শুধুমাত্র নির্দিষ্ট বিভাগের পোষ্ট প্রদর্শন করা, বিভাগ এবং ট্যাগ ভিত্তিক প্রদর্শন করা। এই কুয়েরী গুলো থিমস বানানো বা কাষ্টোমাইজের বেলায় খুবই কাজে দেয়। আমি আজকে এই কুয়েরী নিয়ে আলোচনা করব। চলুন দেখে নেই কিভাবে কাষ্টোম কুয়েরী দিয়ে পোষ্ট প্রদর্শন করাবেন।
ওয়ার্ডপ্রেসে পিএইচপি ফাইলকে সিএসএস ফাইল হিসাবে ব্যবহার করা হয় সাধারনত থিমস settings api এর ক্ষেত্রে। সাধারনত সিএসএস ফাইলে পিএইচপি কোড যোগ করা যায় না। এই জন্য পিএইচপি ফাইলকে সিএসএস ফাইল হিসাবে ব্যবহার করতে হয়। আসুন দেখে নেই কিভাবে পিএইচপি ফাইলকে সিএসএস ফাইল হিসাবে ব্যবহার করবেন।
যারা কম বেশি ওয়ার্ডপ্রেস থিমস কাষ্টোমাইজ করেন বা থিমস বানান তারা অনেকে থিমস অপশন বানান যাতে ক্লায়েন্ট অনায়াশেই সব কিছু ব্যবহার করতে পারে। এখানে কেউ নিজের বানানো থিমস অপশন ব্যবহার করেন আবার কেউ অন্য থিমস থেকে কপি করেন। বেশির ভাগ থিমস অপশন ফ্রেমওয়ার্ক এ কোড ভুল থাকে বা অপশন ব্যবহার করা ঝামেলা। আমি অনেক ঘেটে একটা পেয়েছি যেটা আপনাদের মাঝে শেয়ার করছি, সেটার নাম (Alltuts)। নতুনদের জন্য আমি আমার পছন্দের একটা থিমস অপশন Alltuts কিভাবে প্রয়োগ করতে হয় তা দেখাবো। খুব সহজেই এই অপশনটি ব্যবহার করা সম্ভব।
কাষ্টোম সাইডবার হল সাধারন সাইডবারে মত আরেকটা সাইডবার অপশন , যেখানে নতুন সাইডবার সাইটের যেকোন যায়গায় প্রদর্শন করতে পারবেন। সাধারনত ওয়ার্ডপ্রেস থিমস এ একটি সাইডবার নিবন্ধন করা থাকে, এখানে যতখুশি উইজেট এক জায়গায় প্রদর্শন করা যায় , আবার কোন কোন থিমস এ সাধারন সাইডবারই নিবন্ধন করা থাকে না। আপনার প্রয়োজনে সাইটের বিভিন্ন জায়গায় উইজেট দেখানোর দরকার হতে পারে, সেক্ষেত্রে নতুন একটি কাষ্টোম সাইডবার অপশনের দরকার। এই কাষ্টোম সাইডবার সাধারনত কাষ্টোম থিমস ডেভলপ করার সময় ব্যবহার করা হয়। সামান্য কিছু কোড অতিরিক্ত যোগ করে সহজেই এটা করা সম্ভব।
কাষ্টোম পোষ্ট হল পোষ্ট(Post) সেকশনের মত আরেকটা সেকশন , যেখানে নতুন পোষ্ট তৈরী করা যাবে , সম্পাদনা করা যাবে। সাধারনত ওয়ার্ডপ্রেস ব্লগ পোষ্টে সব বিভাগের পোষ্ট প্রদর্শন করে , আপনি ইচ্ছা করলে আপনার ইচ্ছামত কাষ্টোম পোষ্ট প্রদর্শন করাতে পারেন। এই কাষ্টোম পোষ্ট পদ্ধতি সাধারনত কাষ্টোম থিমস ডেভলপ করার সময় ব্যবহার করা হয়। সামান্য কিছু কোড অতিরিক্ত যোগ করে সহজেই এটা করা সম্ভব।
ওয়ার্ডপ্রেস ব্লগ টাইপ থিমস এ সাধারনত এক কলামের পোষ্ট প্রদর্শিত থাকে। প্রয়োজনের ভিত্তিতে আপনার একের অধিক কলামের পোষ্ট প্রদর্শন করাতে হতে পারে। এটি পোষ্ট লুপ কোডের মাধ্যমে খুবই সহজে করা যায়। পোষ্টটি মিডিয়াম লেভেল ওয়ার্ডপ্রেস ব্যবহারকারীদের জন্য। কোড আপডেট করার আগে প্রত্যেক কোডেরই ব্যাকাপ রাখা জরুরী।