 |
| Code thumbnail |
আর্টিকেল শর্ট কোড কি?
Alert Success alert-success
Alert Info alert-info
Alert Warning alert-warning
Alert Error alert-error
উদাহরণঃ
আর্টিকেল short code হলো, কওমী কলম ওয়েবসাইটের Theme এর অতিরিক্ত কিছু কোডিং যার মধ্যমে একজন রাইটার তার লেখার সৌন্দর্য বাড়ানোর পাশাপাশি ভিজিটরদেরকে সহজেই দিক নির্দেশনা দিতে পারে।
এটি শুধু মাত্র Templateify এর অধীনে তৈরিকৃত Themes গুলোতেই কাজ করে থাকে।
সাধারণত ব্লগ সাইটের Post বক্স পেইজে লেখাকে Bold, Italic, Underline করা এবং Image, Url Link যুক্ত করার বিষয় গুলো Default ভাবে দেওয়া থাকে।
কিন্তু যদি আর্টিকেলের মাঝে buttons, alerts, contact form, code box, sidebar alignment, ব্যবহার করতে চান তাহলে অতিরিক্ত কিছু কোড ব্যবহার করতে হবে।
ব্লগ আর্টিকেল সাজিয়ে গুছিয়ে লিখতে হলে শর্ট কোডের ব্যবহার অপরিহার্য। লেখার সৌন্দর্য ফুটে উঠে শর্ট কোডের সঠিক ব্যবহার জানলে৷ কিভাবে পোস্টের মাঝে শর্ট কোড ব্যবহার করবেন তা নিয়ে আজ আলোচনা করবো।
সম্পুর্ন স্ক্রিন: full-width
বামে সাইডবার: left-sidebar
ডানে সাইডবার: right-sidebar
যোগাযোগ ফর্ম: contact-form
Button With Icon: Button Text/Icon/button
Default Button Colored: Button Text/button/Color
Button With Icon Colored: Button Text/Icon/button/Color
উদাহরণ:
কিভাবে কোড সেটাপ করবেন?
(1) Layout and Contact Form: এগুলোর ব্যবহার সব সময় পোস্টের শেষে করতে হয়। এই কোড গুলোর কাজ Desktop ভার্সনের জন্য প্রযোজ্য। তাই মোবাইল দিয়ে ভিজিট করার সময় বুঝা যাবেনাসম্পুর্ন স্ক্রিন: full-width
বামে সাইডবার: left-sidebar
ডানে সাইডবার: right-sidebar
যোগাযোগ ফর্ম: contact-form
Note: কোড ব্যবহার করার সময় অবশ্য Strike করে দিতে হবে। না হয় কোড কাজ করবেনা। Example: 🔻
(2) Post Buttons: পোস্ট এর মাঝে কোন গুরুত্বপূর্ণ নাম বা লিংক হাইলাইট করতে চাইলে বাটন কোড ব্যবহার করতে হয়। এর জন্য 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 button/preview/button Download/download/button/purple Link button/link/button/green Cart button/cart/button/blue Share button/share/button/teal Info button/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
নোটঃ উল্লেখিত কোড এর কাজ গুলো শুধুমাত্র আমাদের টিমের লেখকদের জন্য। বাকি ইউজারদের এই কোড কোন কাজে আসবেনা।
মনোযোগ দিয়ে সম্পূর্ণ লেখাটি পড়ার জন্য ধন্যবাদ! কোন কিছু বুঝতে সমস্যা হলে আমাদের টেলিগ্রাম চ্যানেলে অবশ্যই মেসেজ দিবেন
আরো সহজে বুঝার জন্য ভিডিওতে দেখন।
Post a Comment