কিভাবে ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করবেন

আপনি কি আপনার ওয়ার্ডপ্রেস সাইটে একটি ছবিতে একটি বর্ডার যোগ করতে চান কিন্তু কিভাবে জানেন না? এই নির্দেশিকাটি আপনার জন্য লেখা হয়েছে, কারণ এটি অর্জন করার জন্য একাধিক পদ্ধতির বৈশিষ্ট্য রয়েছে৷

এই নির্দেশিকাটি ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করার তিনটি উপায় ব্যাখ্যা করে৷ অতএব, আপনি শিখবেন কিভাবে ডিফল্ট ওয়ার্ডপ্রেস ব্লক এডিটরের মাধ্যমে এই কাজটি সম্পাদন করতে হয়।

উপরন্তু, এই নির্দেশিকাটি আপনাকে শেখাবে কিভাবে একটি ইমেজ এডিটর প্লাগইন ব্যবহার করে ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করতে হয়। শুধু তাই নয়, এইচটিএমএল ব্যবহার করে এই কাজটি সম্পাদন করার পদ্ধতিও এই নির্দেশিকায় দেওয়া হবে।

সেগুলি ছাড়াও, আপনি এই গাইডে একটি FAQ বিভাগ পাবেন। এই বিভাগটি কিছু প্রশ্নের উত্তর দেবে যা লোকেরা বেশিরভাগই এই গাইডের বিষয় সম্পর্কে জিজ্ঞাসা করে।

ওয়ার্ডপ্রেস ব্লক এডিটরের মাধ্যমে ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করুন

আপনার ওয়ার্ডপ্রেস সাইটের ছবিতে একটি বর্ডার যোগ করার একটি উপায় হল ডিফল্ট ওয়ার্ডপ্রেস ব্লক এডিটরের মাধ্যমে। যাইহোক, ওয়ার্ডপ্রেসের সমস্ত সংস্করণ ব্লক সম্পাদকের মাধ্যমে একটি ছবিতে একটি বর্ডার যোগ করার বিকল্প অফার করে না।

আপনি কিভাবে ফেসবুকে বন্ধুদের পরামর্শ দিচ্ছেন

মূলত, বিকল্পটি শুধুমাত্র ওয়ার্ডপ্রেস সংস্করণ 5.0 বা উচ্চতর সংস্করণে উপলব্ধ। সুতরাং, সংস্করণ 5.0 এর আগে যেকোন ওয়ার্ডপ্রেস সংস্করণে ব্লক সম্পাদকের মাধ্যমে একটি চিত্রের সীমানা অন্তর্ভুক্ত করার বিকল্প থাকবে না।

বলা হচ্ছে, ওয়ার্ডপ্রেস ব্লক এডিটরের মাধ্যমে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে একটি ছবিতে একটি সীমানা যুক্ত করতে নীচের পদ্ধতিগুলি অনুসরণ করুন।

1. অ্যাডমিনিস্ট্রেটর হিসেবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের ব্যাকএন্ড ড্যাশবোর্ডে সাইন ইন করুন। তারপর ক্লিক করুন পোস্ট বা পাতা বাম ফলকের বিকল্পগুলির মধ্যে, যেখানে আপনি একটি ছবিতে একটি সীমানা যোগ করতে চান তার উপর নির্ভর করে।

1. এর পরে, পৃষ্ঠা/পোস্টের শিরোনামে ক্লিক করুন যেখানে আপনি এটি খুলতে একটি ছবিতে একটি বর্ডার যোগ করতে চান। এই প্রদর্শনের জন্য, আমি আমাদের ওয়ার্ডপ্রেস সাইটে 'রিডাক্টিং' শিরোনামের একটি পোস্ট খুলব।

1. যখন পোস্ট/পৃষ্ঠা খোলে, বাম-ক্লিক করুন ব্লক যোগ করুন আপনি যে ছবিটি আপলোড করতে চান সেই এলাকার আইকন যেখানে আপনি একটি বর্ডার যোগ করতে চান। এর পরে, অনুসন্ধান ক্ষেত্রে 'চিত্র' টাইপ করুন, তারপর নির্বাচন করুন ছবি অনুসন্ধান ফলাফল থেকে ব্লক.

1. মধ্যে ছবি ব্লক, নীল ক্লিক করুন আপলোড করুন বোতাম

1. ফলস্বরূপ, খোলা উইন্ডো স্বয়ংক্রিয়ভাবে চালু করা উচিত। অত:পর, আপনি যে ছবিটি আপলোড করতে চান সেটি যেখানে আপনি সংরক্ষণ করেছেন সেখানে নেভিগেট করুন, তারপরে আপলোড করতে ছবিটিতে ডাবল ক্লিক করুন।

1. ছবিটি আপলোড করার পরে, এটিতে ক্লিক করুন এবং নিশ্চিত করুন সেটিংস প্যানেল নির্বাচন এবং খোলা হয়.

1. এখন, ক্লিক করুন সীমানা অধীনে শৈলী শ্রেণীতে ব্লক উপর ট্যাব সেটিংস প্যানেল সুতরাং, আপনি নির্বাচিত চিত্রের চারপাশে একটি কালো বর্ডার লক্ষ্য করবেন।

একটি প্লাগইন ব্যবহার করে ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করুন

ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করার আরেকটি উপায় হল একটি ইমেজ এডিটর প্লাগইনের সাহায্যে। যদিও সেখানে বেশ কয়েকটি ইমেজ এডিটর প্লাগইন রয়েছে, আমি সুপারিশ করছি WP পেইন্ট প্লাগ লাগানো.

অতএব, পড়ুন কিভাবে ওয়ার্ডপ্রেসে WP পেইন্ট প্লাগইন ইন্সটল এবং সক্রিয় করবেন আপনার ওয়ার্ডপ্রেস সাইটে এই প্লাগইনটি কীভাবে ইনস্টল এবং সক্ষম করবেন তা শিখতে। তারপর, ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করতে প্লাগইনটি কীভাবে ব্যবহার করবেন তা শিখতে নীচের পদ্ধতিগুলি অনুসরণ করুন৷

1. আপনি প্লাগইনটি ইনস্টল এবং সক্রিয় করার পরে, নিশ্চিত করুন যে আপনি আপনার ওয়ার্ডপ্রেস সাইটের ব্যাকএন্ডে প্রশাসক হিসাবে লগ ইন করেছেন। তারপর ক্লিক করুন মিডিয়া ব্যাকএন্ডের বাম ফলকের বিকল্পগুলির মধ্যে।

1. আপনার ওয়ার্ডপ্রেস এ মিডিয়া লাইব্রেরি , আপনি একটি সীমানা যোগ করতে চান যে চিত্র নির্বাচন করুন. সুতরাং, চিত্রটি সংযুক্তি বিবরণ পৃষ্ঠা খুলতে হবে।

1. মধ্যে সংযুক্তি বিবরণ পৃষ্ঠা, ক্লিক করুন WP পেইন্ট ব্যবহার করে ছবি সম্পাদনা করুন ছবির নিচে বোতাম। অত: পর WP পেইন্ট ইমেজ এডিটর প্লাগইন খুলতে হবে।

1. এখন, ক্লিক করুন টুলস উপরের মেনু WP পেইন্ট ইমেজ এডিটর প্লাগইন পৃষ্ঠা। তারপর, নির্বাচন করুন সীমান্ত… প্রদর্শিত বিকল্পগুলি থেকে।

1. এর পরে, রঙ প্যালেট বোতামে ক্লিক করুন সীমানা সীমানার জন্য একটি পছন্দের রঙ নির্বাচন করতে পৃষ্ঠা।

1. তারপর, ব্যবহার করুন আকার সীমানার বেধ/প্রস্থ বাড়াতে বা কমাতে স্লাইডার।

1. আপনার সন্তুষ্টি সীমানা কাস্টমাইজ করার পরে, ক্লিক করুন ঠিক আছে নীচে বোতাম সীমানা পৃষ্ঠা

1. এখন, নীল ক্লিক করুন ছবি সংরক্ষন করুন উপরের বাম দিকে বোতাম WP পেইন্ট পরিবর্তন সংরক্ষণ করতে ইমেজ এডিটর প্লাগইন পৃষ্ঠা।

1. সবশেষে, ইমেজ এডিটর প্লাগইনটি বন্ধ করতে পৃষ্ঠার উপরের ডানদিকে 'x' চিহ্নে ক্লিক করুন।

এইচটিএমএল ব্যবহার করে ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যোগ করুন

মজার বিষয় হল, আপনি এইচটিএমএল ব্যবহার করে আপনার ওয়ার্ডপ্রেস সাইটে একটি ছবিতে একটি বর্ডার যোগ করতে পারেন। যাইহোক, এইচটিএমএল যাদের জ্ঞান নেই তাদের জন্য এইচটিএমএল ভয়ঙ্কর হতে পারে।

তবুও, আমি পদ্ধতিগুলি যতটা সম্ভব সহজ করে তুলব। তাই, এইচটিএমএল ব্যবহার করে ওয়ার্ডপ্রেসে একটি ইমেজে বর্ডার যোগ করতে নিচের ধাপগুলো অনুসরণ করুন।

1. প্রথমে, অ্যাডমিন হিসাবে আপনার ওয়ার্ডপ্রেস সাইটের ব্যাকএন্ড ড্যাশবোর্ডে লগ ইন করুন। তারপরে, আপনি একটি ছবিতে একটি বর্ডার যোগ করতে চান তার উপর নির্ভর করে, ক্লিক করুন পোস্ট বা পাতা বাম ফলকে।

1. এর পরে, পৃষ্ঠা/পোস্টের শিরোনামে বাম-ক্লিক করুন যেখানে আপনি এটি খুলতে একটি ছবিতে একটি বর্ডার যোগ করতে চান। এই ক্ষেত্রে, আমি আমাদের ওয়ার্ডপ্রেস সাইটে 'হ্যালো' শিরোনামের একটি পোস্ট খুলব।

1. পোস্ট বা পেজ খুললে, ক্লিক করুন অপশন উপরের ডান কোণায় আইকন এবং নির্বাচন করুন কোড সম্পাদক .

1. এখন, নিচের এইচটিএমএল কোডটি ইনপুট করুন যেখানে আপনি একটি চিত্রের বর্ডার অন্তর্ভুক্ত করতে চান। যাইহোক, আপনি একটি বর্ডার যোগ করতে চান এমন ছবির URL দিয়ে 'ছবির URL' প্রতিস্থাপন করুন।

এছাড়াও, আপনি সীমানাটি কতটা চওড়া করতে চান তার উপর নির্ভর করে একটি পিক্সেল মান দিয়ে 'আকার' প্রতিস্থাপন করুন। উপরন্তু, সীমানার জন্য আপনার পছন্দের রঙের নামের সাথে 'রঙ' প্রতিস্থাপন করুন।

<img src="image URL" style="border: size solid color;">

সুতরাং, যদি আমি আমার পছন্দের ছবিটিকে 5 পিক্সেল চওড়া একটি লাল বর্ডার দিতে চাই তাহলে কোডটি নিম্নরূপ উপস্থিত হওয়া উচিত।

<img src="https://wp.blogsandbox.co.uk/wp-content/uploads/2023/01/2023-01-10-12_31_52-Clipboard-3.jpg" style="border: 5px solid red;">

1. অবশেষে, ক্লিক করুন কোড এডিটর থেকে প্রস্থান করুন বোতাম সুতরাং, চিত্রটি বর্ডার সহ প্রদর্শিত হওয়া উচিত এবং শীর্ষে একটি ক্লাসিক ওয়ার্ডপ্রেস এডিটর টুলবার - দ্বিতীয় স্ক্রিনশটটি দেখুন।

ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যুক্ত করা সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্ন

হ্যাঁ, আপনি PNG ইমেজ সহ ওয়ার্ডপ্রেসের যেকোনো ফরম্যাটে একটি বর্ডার যোগ করতে পারেন।

অবশ্যই, আপনি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে একটি ছবি থেকে একটি সীমানা সরাতে পারেন।

ওয়ার্ডপ্রেস প্রাথমিকভাবে পিএইচপি প্রোগ্রামিং ভাষা ব্যবহার করে তৈরি করা হয়েছিল। প্রকৃতপক্ষে, ওয়ার্ডপ্রেসে উপলব্ধ প্লাগইন এবং থিমগুলি পিএইচপি ব্যবহার করে তৈরি করা হয়েছিল।

একটি ছবির সীমানা হল একটি রূপরেখা যা একটি ছবিকে ঘিরে বা ফ্রেম করে।

হ্যাঁ, আপনি এমন একটি ছবিতে একটি বর্ডার যোগ করতে পারেন যা ইতিমধ্যেই আপনার ওয়ার্ডপ্রেস পোস্ট বা পৃষ্ঠায় রয়েছে।

সাইন ইন প্রক্রিয়া প্রারম্ভিক ব্যর্থতা

ওয়ার্ডপ্রেসে একটি ছবিতে একটি বর্ডার যুক্ত করার বিষয়ে আমার চূড়ান্ত চিন্তাভাবনা

একটি ছবিতে একটি বর্ডার যোগ করা আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের ভিজ্যুয়াল আবেদন উন্নত করার একটি সহজ কিন্তু কার্যকর উপায়। এটি আপনার ওয়েবসাইটের নির্দিষ্ট চিত্রগুলিকে অন্যদের থেকে আলাদা করে তুলবে এবং তাদের প্রতি দৃষ্টি আকর্ষণ করতে সহায়তা করবে৷

আনন্দের সাথে, এই নির্দেশিকাটি ওয়ার্ডপ্রেসে একটি ছবিতে একটি সীমানা যুক্ত করার অনেক উপায় প্রদর্শন করেছে৷ সুনির্দিষ্ট হওয়ার জন্য, আমরা ডিফল্ট ওয়ার্ডপ্রেস ব্লক এডিটরের মাধ্যমে কীভাবে এই কাজটি সম্পাদন করতে হয় তা নিয়ে আলোচনা করেছি।

আমি একটি প্লাগইন ব্যবহার করে ওয়ার্ডপ্রেসে একটি ছবিতে একটি সীমানা যুক্ত করার পদক্ষেপগুলিও সরবরাহ করেছি। এটাই সবকিছু না; এই নির্দেশিকাটিতে HTML ব্যবহার করে এই কাজটি সম্পাদন করার পদ্ধতিও অন্তর্ভুক্ত রয়েছে।

আমি আশা করি এই গাইডটি আপনাকে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে একটি ইমেজে একটি বর্ডার যোগ করতে সাহায্য করতে সক্ষম হয়েছে। যদি তা হয়, আমরা আপনার চিন্তাভাবনা জানতে চাই - অনুগ্রহ করে কমিউনিটি ফোরামে আমাদের সাথে আপনার চিন্তা শেয়ার করুন।

আপনি কমিউনিটি ফোরামে এই গাইডের বিষয় সম্পর্কে মতামত দিতে বা প্রশ্ন জিজ্ঞাসা করতে পারেন। আমাদের দল এবং অন্যান্য সম্প্রদায়ের সদস্যরা যত তাড়াতাড়ি সম্ভব আপনার প্রশ্ন বা প্রতিক্রিয়ার উত্তর দিতে পেরে আনন্দিত হবে।

পরিশেষে, আমাদের পরিদর্শন করুন ওয়ার্ডপ্রেস এবং ওয়েবসাইট কিভাবে করতে হয় অন্যান্য সহায়ক ওয়ার্ডপ্রেস গাইড অ্যাক্সেস করতে পৃষ্ঠা।