কিভাবে সহজে আপনার ওয়ার্ডপ্রেস সাইটে প্যারালাক্স ইফেক্ট যোগ করবেন

ওয়েবসাইট ডিজাইন ওয়ার্ল্ডে প্যারালাক্স হল এমন একটি কৌশল যেখানে পটভূমি ছবিগুলি একটি ভিন্ন গতিতে চলে, সাধারণত ফোরগ্রাউন্ড ইমেজগুলির চেয়ে ধীর। উদ্দেশ্য হল একটি 2D পরিবেশে গভীরতার একটি বিভ্রম (ভুল 3D প্রভাব) তৈরি করা।

গেমিং জগতে প্যারালাক্সের প্রয়োগ প্রায় 1980 এর দশক থেকে, কিন্তু ওয়েব ডিজাইনাররা 2011 সালে HTML5 এবং CSS3 ব্যবহার করে ব্যাপকভাবে প্রভাবকে অন্তর্ভুক্ত করতে শুরু করে।

প্রথম পথ:ওয়ার্ডপ্রেস থিম

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

সেখানে প্রচুর প্যারালাক্স-প্রস্তুত WP থিম রয়েছে, বিনামূল্যে এবং অর্থপ্রদান উভয়ই। গুগলে এবং ওয়ার্ডপ্রেস থিম সংগ্রহস্থলে একটি দ্রুত অনুসন্ধান আপনাকে আরও বিকল্প দেবে যা আপনি কখনও পরিচালনা করতে পারেন।

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

1. প্যারালাক্স ফ্রেম

2. মারভি

3. SimpleShift

4. এলিগ্যান্টো

5. অখণ্ড

6. উৎসাহ

7. জুনিপার

8. এবং ওয়ার্ডপ্রেসের লেটেস্ট অফিশিয়াল থিম, টোয়েন্টি সেভেন্টিন, একটি প্যারালাক্স হেডারও সমর্থন করে তা ভুলে যাবেন না।

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

প্রতিটি থিম আলাদা, তবে আপনি সাধারণত "আদর্শ -> কাস্টমাইজ" মেনুর মাধ্যমে ব্যাকগ্রাউন্ড প্যারালাক্স ইমেজ কাস্টমাইজ করতে পারেন এবং থিম সেটিংস অনুযায়ী নির্দিষ্ট মেনু বেছে নিতে পারেন।

দ্বিতীয় পথ:ওয়ার্ডপ্রেস প্লাগইনস

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

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

প্যারালাক্স স্ক্রলে, উদাহরণস্বরূপ, আপনি একটি নতুন পোস্ট তৈরি করার মতো একটি নতুন প্যারালাক্স তৈরি করতে পারেন। সম্পাদনা ইন্টারফেসও একই রকম দেখায়। প্যারালাক্স ব্যাকগ্রাউন্ড ইমেজ যোগ করতে, "সেট ফিচারড ইমেজ" বিকল্পটি ব্যবহার করুন। শিরোনাম এবং পোস্ট বিষয়বস্তু ঐচ্ছিক৷

কন্টেন্ট বক্সের নিচে অনেকগুলো অপশন আছে যেগুলোর সাথে আপনি টিঙ্কার করতে পারেন, কিন্তু সেগুলোও ঐচ্ছিক।

"প্রকাশ করুন" বোতামে চাপ দেওয়ার পরে, আপনি একটি শর্টকোড পাবেন। যেকোনো সমর্থিত জায়গায় (পোস্ট, পৃষ্ঠা, উইজেট ইত্যাদি) এই শর্টকোডটি ঢোকান এবং আপনার কাছে প্যারালাক্স প্রভাব থাকবে।

মনে রাখবেন যে আপনি বিকল্পগুলিতে অনেক কিছু সামঞ্জস্য করতে পারলেও, প্যারালাক্সের চূড়ান্ত ফলাফল আপনি যে থিমগুলি ব্যবহার করেন তার উপর নির্ভর করবে। যদি থিমটি সম্পূর্ণ প্রস্থকে সমর্থন করে, তাহলে প্যারালাক্স উপাদানটি তার পূর্ণ-প্রস্থের মহিমায় উপস্থিত হতে পারে। যদি না হয়, জীবন আপনাকে যা দিয়েছে তা আপনি খোলা বাহুতে গ্রহণ করতে পারেন, অথবা আপনি CSS এবং JavaScript ব্যবহার করে আপনার পছন্দের চেহারাতে আপনার পথ হ্যাক করার চেষ্টা করতে পারেন।

আপনার অস্ত্রাগার যোগ করার জন্য একটি ছোট কৌশল:কেউ বলেনি যে আপনি থিম এবং প্লাগইন একত্রিত করতে পারবেন না। একাধিক প্লাগইন ব্যবহার করাও বৈধ। আপনি, উদাহরণস্বরূপ, আপনার থিমের জন্য টোয়েন্টি সেভেন্টিন ব্যবহার করতে পারেন এবং আপনার ওয়েব রেসিপিতে অতিরিক্ত মশলা হিসাবে ইসপ স্টোরি ইঞ্জিন প্লাস প্যারালাক্স স্ক্রোল ইনস্টল করতে পারেন৷

এখন আপনি একটি প্যারালাক্স যাত্রায় যেতে পারেন এবং পথ ধরে আপনার দর্শকদের মুগ্ধ করতে পারেন৷