Short Codes

ব্লগ আর্টিকেল সাজিয়ে গুছিয়ে লিখতে হলে শর্ট কোডের ব্যবহার অপরিহার্য। লেখার সৌন্দর্য ফুটে উঠে শর্ট কোডের সঠিক ব্যবহার জানলে৷ কিভাবে পোস্টের মাঝে শর্ট কোড ব্যবহার করবেন আজ তা নিয়ে আলোচনা করবো। লেখা Bold,Italic,Under line. করার জন্য ব্লগারে পোস্ট পেইজেইর উপরে সব আইকন দেওয়া আছে। তবে আমাদের সাইটে অতিরিক্ত কিছু ফিচার রয়েছে, যে গুলো কওমী কলমের লেখকদের জন্য খুব গুরুত্বপূর্ণ। 

Post Short Code হলো Templateify টিম দ্বারা পরিচালিত ফাংশন। যার দ্বারা buttons, alerts, contact form, code box, sidebar alignment, এই ফাংশনগুলি সহজেই কন্ট্রোল করতে পারবেন। এই কোডগুলির সম্পর্কে আপনার অভিজ্ঞতা না থাকলেও সেগুলি Add করতে কোন অসুবিধা হবে না৷

কিভাবে কোড সেটাপ করবেন? 

(১) Layout and Contact Form, এগুলো ব্যবহার সব সময় পোস্টের শেষে করতে হয়। এই কোড গুলোর কাজ Desktop ভার্সনের জন্য প্রযোজ্য। তাই মোবাইল দিয়ে ভিজিট করার সময় বুঝা যাবেনা 

সম্পুর্ন স্ক্রিন:   full-width
বামে সাইডবার:  left-sidebar
ডানে সাইডবার: right-sidebar 
যোগাযোগ ফর্ম:  contact-form

Note: কোড ব্যবহার করার সময় অবশ্য Strike করে দিতে হবে। না হয় কাজ করবেনা। 

নিচের ছবিতে দেখুন,

 (২) Post Buttons, পোস্ট এর মাঝে কোন গুরুত্বপূর্ণ লিংক দিতে হলে বাটন ব্যবহার করা হয়ে থাকে। এর জন্য link icon ক্লিক করার পর link name এর শেষে /button লিখলেই বাটন হয়ে যাবে।
Available Icons: preview, download, link, cart, share, info

Default Button: Button Text/button
Button With Icon: Button Text/Icon/button
Default Button Colored: Button Text/button/Color
Button With Icon Colored: Button Text/Icon/button/Color

নিচের ছবিতে দেখুন। 

উদাহরণ: Preview/preview/button/purple Link/link/button/blue 

(৩) Alert Boxes, লেখার মাঝে কোন বিষয়ের প্রতি সতর্কতা,ইনফরমেশন, নির্দেশনা ইত্যাদি বুঝাতে এলার্ট কোড ব্যবহার করা হয়। এর জন্য যে লেখাটি Alert করবেন সেটার শেষ Alert কোড blod করে লিখে সবটুকু লেখা Strike করে দিলেই হয়ে যাবে। 

Shortcodes: alert-success, alert-info, alert-warning, alert-error.

নিচের ছবিত দেখুন। 

উদাহরণঃ

কওমী কলম বাংলাদেশের সর্ব বৃহৎ ইসলামিক টেকনোলজি বিষয়ক ওয়েবসাইট। alert-success 

(৪) Code Box, লেখার মাঝে Html কোড ব্যবহার করার জন্য কোড বক্স ব্যবহার করতে হয়, যাতে করে কোড এলোমেলো না হয় এবং কপি করতে সহজ হয়। 

Shortcode: code-box.

Note: কোড ব্যবহার করার সময় অবশ্য Strike করে মার্ক করে দিতে হবে। 

নিচের ছবিতে দেখুন, 

উদাহরণঃ 

<img src="img_chania.jpg" alt="Flowers in Chania"> code-box 

কোন কিছু বুঝতে সমস্যা হলে ভিডিওতে দেখন।