TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

3

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

সম্পর্কিত: কিভাবে Weebly এ হাইপারলিঙ্ক োকানো যায়?

ওয়ার্ডপ্রেসে হাইপারলিঙ্ক যোগ করুন

আপনি বিভিন্ন পদ্ধতি ব্যবহার করে সম্পাদকের পাঠ্য এবং চিত্রের লিঙ্ক যুক্ত করতে পারেন।

  • মাইক্রোসফট ওয়ার্ড এবং অন্যান্য রিচ টেক্সট এডিটর থেকে কপি পেস্ট
  • পাঠ্য লিঙ্ক সন্নিবেশ করান
  • ছবিতে লিঙ্ক যোগ করুন
  • বোতামে লিঙ্ক ব্যবহার করা
  • টেবিলে লিঙ্ক erোকানো

টেক্সট এডিটর থেকে কপি পেস্ট

আমরা অনেকেই মাইক্রোসফট ওয়ার্ড বা অ্যাপল পেইজের মত সমৃদ্ধ টেক্সট এডিটরে কন্টেন্ট প্রস্তুত করি। অফলাইনে বিষয়বস্তু প্রস্তুত করার এবং দ্রুত সম্পাদকের উপর পেস্ট করার এটি একটি সহজ উপায়। ক্লাসিক এবং গুটেনবার্গ উভয় সম্পাদকই বিন্যাস সংরক্ষণ করবেন এবং শিরোনাম এবং হাইপারলিঙ্ক রাখবেন যেমন আপনি অফলাইনে তৈরি করেছেন। যাইহোক, এর কিছু সমস্যা আছে যে ছবিগুলি ক্লাসিক এডিটরে সরানো হবে এবং গুটেনবার্গে প্লেসহোল্ডার দিয়ে প্রতিস্থাপন করা হবে। উপরন্তু, আপনি লিঙ্কগুলিতে nofollow এর মত বৈশিষ্ট্য যোগ করতে পারবেন না।

ওয়ার্ডপ্রেসে টেক্সট লিংক োকান

যেহেতু ক্লাসিক এডিটর চলে যাচ্ছে, আমরা গুটেনবার্গ এডিটরের সাথে লিঙ্ক erোকানোর ব্যাখ্যা করব। আপনি অনুচ্ছেদ এবং শিরোনামের মতো যে কোনও পাঠ্য উপাদানের লিঙ্ক সন্নিবেশ করতে পারেন। আপনি যখন এডিটরে থাকবেন, + আইকনে ক্লিক করুন এবং একটি "অনুচ্ছেদ" ব্লক যোগ করুন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

অনুচ্ছেদ ব্লক সন্নিবেশ করান

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

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

উপরের ব্লকের টুলবারে হাইপারলিঙ্ক আইকনে ক্লিক করুন। আপনি একটি টুলটিপ দেখতে পাবেন যা আপনাকে "URL আটকান বা অনুসন্ধান করতে টাইপ করুন"। আপনি পাঠ্য বাক্সে যে কোন বাহ্যিক লিঙ্ক সন্নিবেশ করতে পারেন এবং এন্টার কী বা তীর আইকন টিপুন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

বাহ্যিক লিঙ্ক টাইপ করুন

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

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

বিদ্যমান নিবন্ধটি লিঙ্ক হিসাবে নির্বাচন করুন

ওয়ার্ডপ্রেস Ajax সার্চ করা শুরু করবে এবং আপনার কীওয়ার্ডের সাথে মানানসই পোস্টের তালিকা দেখাবে। একটি বিদ্যমান নিবন্ধের লিঙ্ক toোকানোর জন্য লিঙ্কটি নির্বাচন করুন এবং এন্টার আইকনে ক্লিক করুন।

হাইপারলিঙ্ক অপসারণ বা পরিবর্তন করা

যখন আপনি লিঙ্কটি সরিয়ে ফেলতে চান, তখন কেবল হাইপারলিঙ্কযুক্ত পাঠ্যে ক্লিক করুন। এটি শৃঙ্খল ভাঙার মতো লিঙ্ক আইকনটিকে অন্যভাবে হাইলাইট করবে। আপনার লেখা থেকে লিঙ্কটি সরানোর জন্য আইকনে ক্লিক করুন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

লিঙ্কটি সরান বা সম্পাদনা করুন

আপনি পেন্সিল আইকনে ক্লিক করতে পারেন এবং হাইপারলিঙ্ক পরিবর্তন করতে উপরের একই প্রক্রিয়া অনুসরণ করতে পারেন।

এসইও অফার: সেম্রাশ প্রো বিশেষ 14 দিনের ফ্রি ট্রায়াল দিয়ে আপনার সাইটটি অপ্টিমাইজ করুন

হাইপারলিঙ্কগুলিতে বৈশিষ্ট্য যুক্ত করা

এসইওর উদ্দেশ্যে লিঙ্কের ধরন নির্দেশ করতে “rel =" অ্যাট্রিবিউট যোগ করা ভালো। উদাহরণস্বরূপ, গুগলের নির্দেশিকা অনুসারে যদি আপনি একটি স্পনসর করা লিঙ্ক প্রকাশ করেন তাহলে আপনাকে লিঙ্কগুলিকে "rel = sponsored" হিসেবে চিহ্নিত করতে হবে। অ্যাট্রিবিউট অপশন দেখতে লিংক পপ-আপের ছোট ডাউন অ্যারো আইকনে ক্লিক করুন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

পাঠ্য লিঙ্কগুলিতে বৈশিষ্ট্য যুক্ত করুন

  • নতুন ট্যাবে খুলুন – লিঙ্কটি একটি নতুন উইন্ডোতে খুলতে এটি সক্ষম করুন। এটি লিঙ্ক ট্যাগে "target = _blank" অ্যাট্রিবিউট যোগ করবে।
  • Nofollow – লিঙ্কটিকে nofollow করতে এটি ব্যবহার করুন যাতে সার্চ ইঞ্জিনগুলি লিঙ্কটিকে উপেক্ষা করে। এটি লিঙ্ক ট্যাগে "rel =" nofollow "অ্যাট্রিবিউট যোগ করবে।
  • স্পনসর – আপনি যখন আপনার স্পনসরদের থেকে পেইড লিঙ্ক ertোকান তখন এটি ব্যবহার করুন। এটি লিঙ্ক ট্যাগে "rel = sponsored" অ্যাট্রিবিউট যোগ করবে।

আপনি তিনটি বিন্দু সেটিংস বোতামে ক্লিক করতে পারেন এবং ব্যাকএন্ড কোড দেখতে "HTML হিসাবে সম্পাদনা করুন" নির্বাচন করতে পারেন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

কোড দেখতে HTML হিসাবে সম্পাদনা করুন

কোডটি নিচের মত দেখাবে। আপনি দেখতে পাচ্ছেন যে ওয়ার্ডপ্রেস স্বয়ংক্রিয়ভাবে আরও দুটি বৈশিষ্ট্য যুক্ত করবে।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

ওয়ার্ডপ্রেসে হাইপারলিঙ্কের সোর্স কোড

  • আরিয়া-লেবেল = “(একটি নতুন ট্যাবে খুলুন)”-এটি একটি স্ক্রিন রিডারের জন্য লিঙ্কটি একটি নতুন ট্যাবে খোলা হবে তা নির্দেশ করার জন্য। যখন আপনি "নতুন ট্যাবে খুলুন" বিকল্পটি বেছে নেবেন তখন অ্যাক্সেসিবিলিটির উদ্দেশ্যে ওয়ার্ডপ্রেস এটি যুক্ত করবে।
  • Rel = “noreferrer noopener” – ওয়ার্ডপ্রেস এই বৈশিষ্ট্যগুলো স্বয়ংক্রিয়ভাবে যোগ করবে যখন আপনি নতুন উইন্ডোতে খুলতে পছন্দ করবেন। যখন আপনি নতুন ব্রাউজার উইন্ডো বা ট্যাবে একটি লিঙ্ক খুলবেন তখন লিঙ্ক ট্র্যাকিং নিষ্ক্রিয় করা নিরাপত্তার উদ্দেশ্যে।

আপনি আবার তিনটি বিন্দু সেটিংসে ক্লিক করে ভিজ্যুয়াল মোডে ফিরে যেতে পারেন এবং "দৃশ্যত সম্পাদনা করুন" নির্বাচন করতে পারেন।

দ্রষ্টব্য, আপনি অনুচ্ছেদ, শিরোনাম বা তালিকা ব্লকের ভিতরে পাঠ্য উপাদানের লিঙ্ক যুক্ত করতে পারেন।

ছবিতে হাইপারলিঙ্ক যোগ করা

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

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

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

আপনার কাছে পাঠ্য লিঙ্ক সন্নিবেশ করার মতো সমস্ত বিকল্প রয়েছে।

  • বাক্সে বাহ্যিক লিঙ্ক আটকান এবং এন্টার টিপুন।
  • আপনার সাইটে একটি বিদ্যমান অভ্যন্তরীণ লিঙ্ক অনুসন্ধান এবং সন্নিবেশ করার জন্য একটি কীওয়ার্ড টাইপ করুন।
  • ইমেজ ফাইলে লিঙ্ক toোকানোর জন্য "মিডিয়া ফাইল" বিকল্পটি নির্বাচন করুন।
  • ছবিতে সংযুক্তি পৃষ্ঠার লিঙ্ক সন্নিবেশ করার জন্য "সংযুক্তি পৃষ্ঠা" বিকল্পটি নির্বাচন করুন।

একটি ছবিতে হাইপারলিঙ্ক যোগ করার পর, আবার লিঙ্ক আইকনে ক্লিক করুন এবং তারপর ছোট ডাউন তীর। এখন, আপনি নতুন ট্যাবে লিঙ্কটি খুলতে এবং "rel" বৈশিষ্ট্য যুক্ত করার জন্য অতিরিক্ত বৈশিষ্ট্যগুলি দেখতে পারেন। লিঙ্কটিকে nofollow এবং স্পনসর করার জন্য আপনি "লিঙ্ক রিল" বক্সে nofollow স্পন্সর টাইপ করতে পারেন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

ছবিতে লিঙ্ক বৈশিষ্ট্য যোগ করুন

বোতামে লিঙ্ক যোগ করুন

আপনার পৃষ্ঠায় বোতাম ব্লক যুক্ত করার পরে, লিঙ্ক আইকনে ক্লিক করুন। আপনি বাহ্যিক সন্নিবেশ করতে পারেন বা পাঠ্য এবং চিত্রের মতো অভ্যন্তরীণ লিঙ্ক অনুসন্ধান করতে পারেন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

বোতামে লিঙ্ক যোগ করুন

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

ওয়ার্ডপ্রেস শিখুন: 400+ বিনামূল্যে ওয়ার্ডপ্রেস টিউটোরিয়াল দেখুন

গুটেনবার্গ টেবিলে লিঙ্ক ertোকান

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

  • টেক্সট লিংক – টেক্সট সিলেক্ট করুন এবং উপরে বর্ণিত লিংক োকান।
  • ছবির লিঙ্ক – টুলবারের ছোট তীরটিতে ক্লিক করুন এবং "ইনলাইন ইমেজ" নির্বাচন করুন। এটি "মিডিয়া লাইব্রেরি" খুলবে একটি টেবিল ঘরের মধ্যে ছবি নির্বাচন করতে এবং োকানোর জন্য। হাইপারলিঙ্ক যোগ করার জন্য ছবিতে এবং তারপর লিঙ্ক আইকনে ক্লিক করুন।

বৈশিষ্ট্য সহ ওয়ার্ডপ্রেসে হাইপারলিঙ্ক কিভাবে যুক্ত করবেন?

গুটেনবার্গ টেবিলে লিঙ্ক োকান

লিঙ্ক erোকানোর জন্য কীবোর্ড শর্টকাট

ওয়ার্ডপ্রেস আপনাকে সহজেই কীবোর্ড শর্টকাট দিয়ে লিঙ্কগুলি সন্নিবেশ এবং অপসারণ করতে দেয় ।

শর্টকাট ফাংশন
কমান্ড + কে ম্যাক এ লিঙ্ক োকান
Shift + Command + K ম্যাকের লিঙ্কটি সরান
কন্ট্রোল + কে উইন্ডোজ পিসিতে লিঙ্ক োকান
Shift + Control + K উইন্ডোজ পিসিতে লিঙ্কটি সরান

দ্রষ্টব্য: আপনার থিম গুটেনবার্গ সম্পাদকের লিঙ্ক সেটিংসকে প্রভাবিত করতে পারে। উদাহরণস্বরূপ, আপনি পেন্সিল আইকনের পরিবর্তে "সম্পাদনা করুন" বোতামটি দেখতে পাবেন এবং nofollow / স্পন্সর বৈশিষ্ট্য যোগ করার কোন বিকল্প নেই। সর্বোত্তম উপায় হল ডিফল্ট ওয়ার্ডপ্রেস থিমটি পরীক্ষা করা এবং আপনার থিম ডেভেলপারের সাথে যোগাযোগ করুন যদি আপনি কোন বিকল্প মিস করেন। যাই হোক না কেন, আপনি “HTML এডিট করুন” ভিউ টগল করে অথবা “কোড এডিটর” এ গিয়ে সোর্স এইচটিএমএল -এ লিঙ্ক অ্যাট্রিবিউট যোগ করতে পারেন।

রেকর্ডিং উত্স: www.webnots.com

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত