হোম

Short Codes

Code thumbnail

আর্টিকেল শর্ট কোড কি? 

আর্টিকেল short code হলো,  কওমী কলম ওয়েবসাইটের Theme এর অতিরিক্ত কিছু কোডিং যার মধ্যমে একজন রাইটার তার লেখার সৌন্দর্য বাড়ানোর পাশাপাশি ভিজিটরদেরকে সহজেই দিক নির্দেশনা দিতে পারে। 
এটি শুধু মাত্র Templateify এর অধীনে তৈরিকৃত Themes গুলোতেই কাজ করে থাকে।   

সাধারণত ব্লগ সাইটের Post বক্স পেইজে লেখাকে Bold, Italic, Underline করা এবং Image, Url Link যুক্ত করার বিষয় গুলো Default ভাবে দেওয়া থাকে।

কিন্তু যদি আর্টিকেলের মাঝে buttons, alerts, contact form, code box, sidebar alignment, Copy Button, ব্যবহার করতে চান তাহলে অতিরিক্ত কিছু কোড ব্যবহার করতে হবে। 

ব্লগ আর্টিকেল সাজিয়ে গুছিয়ে লিখতে হলে শর্ট কোডের ব্যবহার অপরিহার্য। লেখার সৌন্দর্য ফুটে উঠে শর্ট কোডের সঠিক ব্যবহার জানলে৷ কিভাবে পোস্টের মাঝে শর্ট কোড ব্যবহার করবেন তা নিয়ে আজ আলোচনা করবো। কিভাবে কোড সেটাপ করবেন? নিচে প্রত্যেকটি কোড তার ব্যবহার এবং উদাহরণ দেওয়া হল। 

(1) Layout and Contact Form: 

এগুলোর ব্যবহার সব সময় পোস্টের শেষে করতে হয়। এই কোড গুলোর কাজ Desktop ভার্সনের জন্য প্রযোজ্য। তাই মোবাইল দিয়ে ভিজিট করার সময় বুঝা যাবেনা।
সম্পুর্ন স্ক্রিন:   full-width
বামে সাইডবার:  left-sidebar
ডানে সাইডবার: right-sidebar 
যোগাযোগ ফর্ম:  contact-form

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

(2) Post Button Code

পোস্ট এর মাঝে কোন গুরুত্বপূর্ণ নাম বা লিংক হাইলাইট করতে চাইলে বাটন কোড ব্যবহার করতে হয়। এর জন্য link icon ক্লিক করার পর link name এর শেষে /button লিখলেই বাটন হয়ে যাবে। 
অথবা urlname এর শেষে /button লিখলেই হবে। Button এর সাথে Icon ব্যবহার করার জন্য Link name এর শেষে /icon/button লিখতে হয়। আর বাটন কালার দিতে চাইলে url name/button/colour code। 
নিচর ছবিতে Example দেখুন 🔻
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


উদাহরণ: 

(3) Alert Boxes,

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

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

নিচের ছবিত Example দেখুন 🔻
উদাহরণঃ
Alert Success alert-success

Alert  Info alert-info

Alert  Warning alert-warning

Alert  Error alert-error

(4) Code Box, 

লেখার মাঝে Html কোড ব্যবহার করার জন্য কোড বক্স ব্যবহার করতে হয়, যাতে করে কোড এলোমেলো না হয় এবং কপি করতে সহজ হয়। 
Shortcode: code-box.
Note: কোড ব্যবহার করার সময় অবশ্য Strike করে মার্ক করে দিতে হবে। Example 🔻


উদাহরণঃ 
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>  code-box 

(5) Copy Message 

কোন লেখা সরাসরি এক ক্লিকে কপি করার জন্য এই কোড ব্যবহার করত হয়। বিশেষ করে,  বাংলা মেসেজ, বাণী, উক্তি, ক্যাপশন ইত্যাদির জন্য বেশি প্রয়োজনীয়।  
<div class="c-box"><p>text</p> <button class="c-button">Click to Copy</button> </div> code-box

উপরে উল্লেখিত কোডের মাঝে যেখানে "Text" লেখার স্থানে আপনার কাঙ্খিত মেসেজটি Html View করে লিখবেন । 
উদাহরণস্বরূপ নিচের মেসেজটি দেখুন 🔻

জীবন একটি পরীক্ষাগার, যেখানে প্রত্যেক ভুল থেকে শিক্ষা নিয়ে সামনে এগিয়ে যেতে হয়।


নোটঃ উল্লেখিত কোড এর কাজ গুলো শুধুমাত্র আমাদের টিমের লেখকদের জন্য। বাকি ইউজারদের এই কোড কোন কাজে আসবেনা। 
মনোযোগ দিয়ে সম্পূর্ণ লেখাটি পড়ার জন্য ধন্যবাদ! কোন কিছু বুঝতে সমস্যা হলে আমাদের টেলিগ্রাম চ্যানেলে অবশ্যই মেসেজ দিবেন 

আরো সহজে বুঝার জন্য ভিডিওতে দেখন। 


একটি মন্তব্য পোস্ট করুন