 |
| 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 ভার্সনের জন্য প্রযোজ্য। তাই মোবাইল দিয়ে ভিজিট করার সময় বুঝা যাবেনা।
Button With Icon: Button Text/Icon/button
Default Button Colored: Button Text/button/Color
Button With Icon Colored: Button Text/Icon/button/Color
উদাহরণ:
সম্পুর্ন স্ক্রিন: full-width
বামে সাইডবার: left-sidebar
ডানে সাইডবার: right-sidebar
যোগাযোগ ফর্ম: contact-form
বামে সাইডবার: 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/buttonAvailable Icons: preview, download, link, cart, share, info
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 Download/download/button/purple Link/link/button/green Cart/cart/button/blue Share/share/button/teal Info/info/button/orange
(3) Alert Boxes,
লেখার মাঝে কোন বিষয়ের প্রতি সতর্কতা,ইনফরমেশন, নির্দেশনা ইত্যাদি বুঝাতে এলার্ট কোড ব্যবহার করা হয়। এর জন্য যে লেখাটি Alert করবেন সেটার শেষ Alert কোড blod করে লিখে সবটুকু লেখা Strike করে দিলেই হয়ে যাবে।
Shortcodes: alert-success, alert-info, alert-warning, alert-error.
নিচের ছবিত Example দেখুন 🔻
উদাহরণঃ
(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
কোন লেখা সরাসরি এক ক্লিকে কপি করার জন্য এই কোড ব্যবহার করত হয়। বিশেষ করে, বাংলা মেসেজ, বাণী, উক্তি, ক্যাপশন ইত্যাদির জন্য বেশি প্রয়োজনীয়।
উপরে উল্লেখিত কোডের মাঝে যেখানে "Text" লেখার স্থানে আপনার কাঙ্খিত মেসেজটি Html View করে লিখবেন ।
উদাহরণস্বরূপ নিচের মেসেজটি দেখুন 🔻
জীবন একটি পরীক্ষাগার, যেখানে প্রত্যেক ভুল থেকে শিক্ষা নিয়ে সামনে এগিয়ে যেতে হয়।
নোটঃ উল্লেখিত কোড এর কাজ গুলো শুধুমাত্র আমাদের টিমের লেখকদের জন্য। বাকি ইউজারদের এই কোড কোন কাজে আসবেনা।
মনোযোগ দিয়ে সম্পূর্ণ লেখাটি পড়ার জন্য ধন্যবাদ! কোন কিছু বুঝতে সমস্যা হলে আমাদের টেলিগ্রাম চ্যানেলে অবশ্যই মেসেজ দিবেন
আরো সহজে বুঝার জন্য ভিডিওতে দেখন।