ফুটারে করেন্ট ইয়ার অটোমেটিক আপডেট করা সবচেয়ে সহজ কাজগুলোর একটি। দুর্ভাগ্যবশত, অনেক ওয়েবসাইট মালিক নही জানেন যে করেন্ট ইয়ার প্রদর্শন করা কপিরাইট কারণ এবং ব্যবহারকারীদের জানাতে হয় যে তাদের ওয়েবসাইট আপ-টু-ডেট।
বেশিরভাগ পুরনো ওয়েবসাইটের ফুটারে HTML এরকম দেখায়, এবং কিছু আধুনিক সাইটেও:
<span>© 2018 Company Name</span>- কপিরাইট ক্লেম © সিম্বল দিয়ে।
- কারেন্ট ইয়ার।
- কোম্পানির নাম।
এই স্ট্যাটিক টাইমস্ট্যাম্প পদ্ধতি ব্যবহার করে, ওয়েবসাইট মালিককে প্রতি বছর ম্যানুয়ালি প্রদর্শিত বছর এডিট করতে হয়। এটি অপ্র্যাকটিক্যাল।
সব ওয়েবসাইটের ইউজার-ফ্রেন্ডলি UI ড্যাশবোর্ড থাকে না যাতে সহজে ফুটার ইনফো এডিট করা যায়। তাই ওয়েবসাইট মালিক কিংবা নিজে HTML ফাইল এডিট করে নিতে হয় অথবা কাউকে 고용 করতে হয়।
এটি সময় এবং রিসোর্সের অপচয়।
পুরনো টাইমস্ট্যাম্প আপনার ব্র্যান্ডকে আঘাত করতে পারে
দুর্ভাগ্যবশত, করেন্ট ইয়ার প্রদর্শন না করলে আপনার ওয়েবসাইট পুরনো লাগে — যদিও সেটি পুরনো নাও হতে পারে। আপনি আজ একটি ওয়েবসাইটে যান, কিন্তু ওয়েবসাইটের কারেন্ট ইয়ার ২০১৫ বলে, তখন আপনি কী চিন্তা করবেন?
ঠিক সেটাই। আপনি চিন্তা করবেন ওয়েবসাইটটি এখনও এক্টিভ কিনা।
আজ থেকে, আপনার নিজের সাইট বা আপনার ক্লায়েন্টদের কোনো সাইটে এই সমস্যা নিয়ে চিন্তা করতে হবে না।
জাভাস্ক্রিপ্টের getFullYear() মেথড দিয়ে কারেন্ট ইয়ার দেখানো
উপরোক্ত HTML-এ দেখানো স্ট্যাটিক টাইমস্ট্যাম্প ব্যবহার না করে, আসুন এটিকে ডাইনামিক করি নেটিভ জাভাস্ক্রিপ্ট ডেট মেথড, getFullYear(): আমাদের ফুটারে যোগ করে।
প্রথমে, নিচের কোডটি আপনার ব্রাউজার কনসোলে (অথবা কনসোলযুক্ত যেকোনো টেক্সট এডিটরে) যোগ করুন যাতে আমরা এটি টেস্ট করতে পারি:
document.write(new Date().getFullYear());এন্টার চাপুন, এবং আপনি আপনার ব্রাউজার উইন্ডোর উপরের বাম কোণে কারেন্ট ডেট দেখবেন।
আপনি এই CodePen উদাহরণে কোডটি কাজ করতে দেখতে পারেন। কনসোল উইন্ডোটি দেখুন।
এখন যেহেতু আমরা জানি এটি কাজ করে, আসুন উপরের getFullYear() কোডটি নিলে আগের ফুটার HTML-এ র্যাপ করি:
<span> ©<script>document.write(new Date().getFullYear());</script> Company Name </span>ফলাফল:
অভিনন্দন, আপনার আর ইয়ার টাইমস্ট্যাম্প আপ-টু-ডেট রাখতে হবে না, জাভাস্ক্রিপ্ট এখন থেকে দায়িত্ব নিচ্ছে।
মূল কপিরাইট ইয়ার এবং কারেন্ট ইয়ার একসাথে দেখানো
কখনো কখনো আপনি কারেন্ট ইয়ার এবং আপনার কোম্পানি নিবন্ধনের ইয়ার দুটোই দেখাতে চান। এটি আপনার কপিরাইট ক্লেমের ইয়ার হাইলাইট করার জন্য হতে পারে। সমস্যা নেই। আপনি যদি আপনার স্টার্ট ইয়ার ২০১৬ রাখতে চান, তবে উপরের কোডে 2016- যোগ করুন, যেন এটি এরকম দেখায়:
<span> © 2016-<script>document.write(new Date().getFullYear());</script> Company Name </span>