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

পদ্ধতিগতভাবে শিখেছিএকটি ওয়েবসাইট তৈরি করুনপ্রযুক্তিগতএসইওবিশেষজ্ঞরা জানেন কিভাবে সহজে জাভাস্ক্রিপ্ট প্রোগ্রাম ব্যবহার করতে হয়।

ইন্টারনেটে অন্যদের দ্বারা শেয়ার করা অনেক সহজে ব্যবহারযোগ্য জাভাস্ক্রিপ্ট কোড রয়েছে৷

যদি তুমি পারওয়ার্ডপ্রেসনিবন্ধে JS কোড যোগ করা অবশ্যই নিবন্ধটিকে রঙিন করে তুলবে।

কিভাবে ওয়ার্ডপ্রেস নিবন্ধে JS কোড যোগ করতে হয়

একটি ওয়ার্ডপ্রেস পোস্টে জাভাস্ক্রিপ্ট কোড যোগ করা খুবই সহজ।

পরবর্তী,চেন উইলিয়াংআপনার সাথে শেয়ার করা হবে:কিভাবে ওয়ার্ডপ্রেস পোস্টে জাভাস্ক্রিপ্ট কোড যোগ করবেন?

JS কোড যোগ করার জন্য সাধারণত 2 টি উপায় আছে:

1. ওয়ার্ডপ্রেস পোস্টে সরাসরি JS কোড যোগ করুন
2. জেএস ফাইল লেখার পর ওয়ার্ডপ্রেস নিবন্ধে জেএস কোড কল করুন

1) ওয়ার্ডপ্রেস পোস্টে সরাসরি JS কোড যোগ করুন

প্রথম পদ্ধতি, সরাসরি ওয়ার্ডপ্রেস পোস্টে জাভাস্ক্রিপ্ট লেখা।

এখানে "হ্যালো ওয়ার্ল্ড!" টেক্সট প্রিন্ট করার একটি উদাহরণ রয়েছে ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

এটি একটি ওয়ার্ডপ্রেস পোস্টে যা জাভাস্ক্রিপ্ট চালানোর পরে "হ্যালো ওয়ার্ল্ড!" প্রদর্শন করে ▼

2) JS ফাইল লেখার পর, ওয়ার্ডপ্রেস নিবন্ধে JS কোড কল করুন

দ্বিতীয় উপায়, একটি পৃথক ফাইলে জাভাস্ক্রিপ্ট কোড লিখুন।

তারপর ওয়ার্ডপ্রেস পোস্টে যেখানে জাভাস্ক্রিপ্ট ঢোকানো দরকার সেখানে ওয়ার্ডপ্রেস টেক্সট এডিটরের মাধ্যমে জাভাস্ক্রিপ্ট ফাইলটি কল করুন।

নিম্নলিখিত উদাহরণটি একটি ওয়ার্ডপ্রেস পোস্টে, "হ্যালো ওয়ার্ল্ড" টেক্সট ▼ প্রিন্ট করছে

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

জাভাস্ক্রিপ্ট ফাইলের বিষয়বস্তু hello.js ▼

document.write("Hello World");

ওয়ার্ডপ্রেস পোস্টে জাভাস্ক্রিপ্ট কোড যোগ করলে ফলাফল দেখায় ▼

ওয়ার্ডপ্রেস আজকের তারিখের জন্য জেএস কোড কল করে

ইন্টারনেটে অনেক মজার এবং দরকারী জাভাস্ক্রিপ্ট কোড রয়েছে।

এখন এগুলো কিভাবে ব্যবহার করবেন তার একটি উদাহরণ দিন?

ওয়ার্ডপ্রেস পোস্টে আজকের তারিখ প্রিন্ট করুন।

আপনার ওয়ার্ডপ্রেস পোস্টে নিম্নলিখিত JavaScript date.js ফাইলটি প্রবেশ করান ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

নিচে date.js ফাইলের জাভাস্ক্রিপ্ট কন্টেন্ট ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

এখানে জাভাস্ক্রিপ্ট একটি ওয়ার্ডপ্রেস পোস্টে আজকের তারিখ কার্যকর করার ফলাফল ▼

নিচে এই নিবন্ধে জাভাস্ক্রিপ্ট ফাইল date.js এর ফলাফল দেওয়া হল ▼

নিরাপত্তা

একটি পোস্টে JS কোড সন্নিবেশ করার জন্য, আপনাকে ওয়ার্ডপ্রেস এডিটরকে টেক্সট মোডে স্যুইচ করতে হবে।

বিশেষ মনোযোগ和之间不能有换行。

যদি একটি লাইন বিরতি থাকে, ওয়ার্ডপ্রেস স্বয়ংক্রিয়ভাবে একটি অনুচ্ছেদ হিসাবে এটি প্রক্রিয়া করবে এবং স্বয়ংক্রিয়ভাবে একটি পি ট্যাগ যুক্ত করবে যা JS স্ক্রিপ্ট কোডটি ব্যর্থ করে দেয়।

এখানে ওয়ার্ডপ্রেস জাভাস্ক্রিপ্ট কোড সম্পর্কে আরও নিবন্ধ রয়েছে ▼

🔗ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট/সিএসএস কোড লোড করার জন্য নিবন্ধের পৃষ্ঠাগুলি কীভাবে নির্দিষ্ট করবেন?

🔗পৃষ্ঠা রেন্ডারিং দ্রুত করার জন্য ওয়ার্ডপ্রেস কীভাবে জাভাস্ক্রিপ্ট লোড করতে বিলম্বিত করবেন?

🔗কীভাবে ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট সঠিকভাবে প্রবর্তন করবেন? JS এবং CSS ফাইলের কাস্টম লোডিং