রাঙিয়ে তুলুন ওয়ার্ডপ্রেস || রং করুন আপনার ওয়ার্ডপ্রেস ব্লগের পোষ্ট পেজকে।

Print Friendly, PDF & Email

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

এখন একটিবার কল্পনা করুন তো যদি আপনার পোষ্ট পেজকে রাঙিয়ে দেয়া যায় রংধুনুর মতো করে? 😀 । যদি আপনার ব্লগের সকল পাবলিশ পোষ্ট, পেন্ডিং পোষ্ট, ড্রাফট পোষ্ট, নির্বাচিত পোষ্ট হয়ে থাকে ভিন্ন ভিন্ন রঙের? খুব কি খারাপ হবে? 😉

color-my-posts-all-posts-statuses

আমাদের কাজটি করতে প্রথমতো Color My Posts WordPress plugin টি ডাউনলোড করে নিতে হবে। প্লাগিং টি ব্যবহার করতে আপনাকে খানিখটা CSS বা  Cascading Style Sheets সম্পর্কে বেসিক ধারনা থাকতে হবে। এখন না থাকলেও অসুবিধা নেই ব্যবহারের আগে জেনে নিলেই চলবে।

১/ আপনার ওয়ার্ডপ্রেস ব্লগে লগিন করে ড্যাশবোর্ড থেকে প্লাগিং পেজে যান।

Image 1

২/ এবার Color My Posts নাম দিয়ে প্লাগিংটি সার্চ করে ইন্সটল করে স্বয়ংক্রিয় করুন। যদি না পেয়ে থাকেন তবে নামিয়ে নিতে পারেনঃ ডাউনলোড

Image 2

মূল ধাপঃ এই কাজের সবচে কঠিন ধাপঃ 

৩/প্লাগিং থেকে এডিট/সম্পাদক এর মধ্যা যেয়ে ডানপাশ থেকে Color My Posts সিলেক্ট করে দিয়ে  নির্বাচন করুন।

Image 3

৪/ এবার Color My Posts.php ফাইলের এর নিচে যেয়ে দেখুন স্টাইল সেকশন রয়েছে। যা শুরু হয়েছে <style> এবং “Color by post Status” এর মাধ্যমে।

color-my-posts-style

৫/ এখন আমরা রাঙিয়ে তুলবো আমাদের পেজকে। এখানে সাধারন রঙ দেয়া আছে। আমরা আমাদের ইচ্ছে মতো রঙ চেঞ্জ করে দিলেই হয়ে যাবে। আমরা যেখানে যে রঙ সিলেক্ট করবো অতঃপর তাই দেখতে পাবো 😉

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

যা এরকমঃ { background: #FF9 !important;}

Image 5

প্রত্যেকটির জন্যই পাশে আলাদা আলাদা রং সিলেক্ট করে দেয়া রয়েছে। আর রঙের নাম শুরু হয়েছে  # এর পর থেকে। যেমন FF9 বা D3E4ED একেকটি রং। অবাক হচ্ছেন তাই নাহ? হ্যাঁ অবাক হবার মতোই। এখানে blue লিখলে নীল অথবা black লিখলে কালো হবে নাহ।

একেই পোষ্টের উপড়ে CSS বা  Cascading Style Sheets বলা হয়েছিল। তো আপনি তো আর এরকোম ভাবে কোন রঙের নাম জানেন নাহ তাই নাহ? 😛 । সমস্যা নেই আপনাকে কিছু জানিয়ে দিচ্ছি 😉

Image 6

সম্পূর্ণ  Web color chart দেখতে এখানে চলে যানঃ http://html-color-codes.com/

এবার আপনি এখান থেকে যেই রং টি পছন্দ হয় তা নিয়ে যেয়ে ব্যাকগ্রাউন্ড এর মাঝে # এর পরে যেই সাধারণ রং দেয়া রয়েছে তা কেটে দিয়ে বসিয়ে দিন।

যেমনঃ { background: #FFECE6 !important;} পরিবর্তে { background: #FF6 !important;} 😉

Image 7

অতঃপর নিচ থেকে ফাইল হালনাগাদ/সেভ করেদিন 🙂

Image 2.4

অবশেষে কাজ শেষে কর্মের ফল 😀

ভালো থাকুন,ভালো থাকার চেষ্টা করুন। পোষ্টটি ভালো লাগলে মন্তব্য করে যানাতে ভুলবেন নাহ যেন!! আর হ্যাঁ আগামীকাল তো পহেলা বৈশাখ ১৪২০! আমাদের নতুন বছর! 😀 সবাইকে শুভ নববর্ষের শুভেচ্ছা ♥

facebook-logo

 

আমি সাধারণত পোষ্ট শেষে এভাবে অ্যাড মারি নাহ। তবে অনেকদিন ধরেই দেখতেছি অনেকজনকেই অ্যাড দিতে। তাই আজকে এতোবড় একটা অ্যাড দিয়েই দিলাম। হাহাহা! 😉

পাশেই থাকুন। ধন্যবাদ 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.