ওয়ার্ডপ্রেস সিনট্যাক্স হাইলাইটারে দিন নতুন মাত্রা !!!

শুভেচ্ছা নিবেন সবাই। আশাকরি ভালো আছেন। টিউটোরিয়াল ওয়ার্ডপ্রেস ব্লগের জন্য ‘সিনট্যাক্স হাইলাইটার‘ একটি গুরুত্বপূর্ণ বিষয়। এর মাধ্যমে আপনি পাঠকের কাছে আপনার শেয়ার করা কোড গুলো খুব সুন্দর ভাবে উপস্থাপন করতে পারেন। কিন্তু ওয়ার্ডপ্রেসে <pre> ট্যাগ এর যে স্টাইল টা দেওয়া থাকে সেটা খুবই সাধারণ একটা স্টাইল। তাই আমি আজ আপনাদের সাথে একটা স্টাইল শেয়ার করছি। যেটার সাহায্যে আপনি আপনার ‘সিনট্যাক্স হাইলাইটার‘ এ নতুন নতুন স্টাইল যোগ করতে পারবেন।

অবশ্য এটা করার জন্য আপনাকে html ও css জানতে হবে। নিচে থেকে আমার দেওয়া স্টাইল টা কপি করে আপনার ওয়ার্ডপ্রেস থিমের style.css এর মধ্যে বসিয়ে সেভ করুন:

/* Code
———————————————————— */

pre {
background-color: #dbdbdb;
font-family: “Consolas”, “Bitstream Vera Sans Mono”, “Courier New”, Courier, monospace !important;
font-size: 13px !important;
font-weight: normal !important;
font-style: normal !important;
text-align: left !important;
line-height: 20px !important;
border-left: 3px solid #75DB75;
padding: 10px;
margin: 0 0 15px 0;
overflow: auto;
}

pre::selection {
background-color: #3399ff;
}

code {
background-color: #FFFF9E;
}

এখন প্রত্যেক বার কোড প্রকাশ করার জন্য কোড কে <pre>…..</pre> ট্যাগ এর মধ্যে বসান। উপরে দেওয়া কোড গুলোর মধ্য থেকে আপনার ইচ্ছামত স্টাইল পরিবর্তন করে আপনার মনের মত করে নিন।

ধন্যবাদ সবাইকে।