JQuery মডেল উইন্ডো - এটি কিসের জন্য এবং কিভাবে এটি ইনস্টল করতে হয়

সুচিপত্র:

JQuery মডেল উইন্ডো - এটি কিসের জন্য এবং কিভাবে এটি ইনস্টল করতে হয়
JQuery মডেল উইন্ডো - এটি কিসের জন্য এবং কিভাবে এটি ইনস্টল করতে হয়
Anonim

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

আপনি ইন্টারনেটে এরকম অনেক উইন্ডো খুঁজে পেতে পারেন। মনে হচ্ছে আপনি শুধু সেগুলি কপি করে আপনার সাইটে পেস্ট করতে হবে… যাইহোক, সবকিছু এত সহজ নয়। ভাগ্যের মতো, কিছু বিশদ রয়েছে যা সবকিছুকে ধীর করে দেয় এবং কাজটি সমাধান করা অসম্ভব, কারণ এর জন্য প্রয়োজনীয় জ্ঞান নেই। তাই, jQuery-এর একটি মডেল উইন্ডোকে তাৎক্ষণিকভাবে বুলিং করার চেয়ে অনেক আকর্ষণীয় বৈশিষ্ট্য যা বাস্তবায়ন করা কঠিন, কোনো অপ্রয়োজনীয় ঝামেলা ছাড়াই একটি ছোট, সহজতম মডেল উইন্ডো দিয়ে শুরু করা ভালো।

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

একটি jquery মডেল উইন্ডোর কন্টেন্ট প্রদর্শনের জন্য প্রয়োজন যা পৃষ্ঠার তথ্যের সাথে যায় এবং এর পরিপূরক হয়।

jQuery - এটা কি?

পুরোপুরি বোঝার জন্য, যদি কেউ না জানে, তাহলে jquery হল একটি জাভাস্ক্রিপ্ট লাইব্রেরি, এবং পরবর্তীটির মানে হল কোডের একটি অংশ যা একটি ওয়েব পৃষ্ঠার কোডে এমবেড করা থাকে এবং আপনাকে অর্জন করতে দেয়। বিভিন্ন প্রভাব যা HTML এবং CSS এর মধ্যে প্রয়োগ করা যায় না। এই ধরনের কোডের একটি সাধারণ উদাহরণ পৃষ্ঠায় প্রদর্শিত বর্তমান তারিখ বা সময় হবে।

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

jquery কে জানাতে যে আপনার এই বা সেই প্রভাবের প্রয়োজন, সেখানে স্টাইল শীট সহ একটি CSS ভাষা আছে।

CSS ভাষা

CSS মানে ক্যাসকেডিং স্টাইল শীট। এই ভাষা ব্যবহার করে না এমন একটি সাইট ইন্টারনেটে খুঁজে পাওয়া এখন অসম্ভব৷

অতএব, মডেল উইন্ডোতে, jquery এবং CSS প্রায় অপরিহার্য এবং অপরিহার্য। অতএব, jquery অন্তর্ভুক্ত না হলে, আপনাকে এটি করতে হবে৷

এটি করার জন্য, হেড ট্যাগের ভিতরে নিম্নলিখিতটি ঢোকানো হয়েছে:

jQuery
jQuery

মোডাল কিসের জন্য?

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

পপ-আপ উইন্ডো

একটি jquery পপআপ উইন্ডো যা শুধুমাত্র প্রতি পৃষ্ঠায় একবার প্রদর্শিত হয় তা হল মডেল উইন্ডোর একটি ভিন্নতা।

এটি বাস্তবায়নের জন্য বেশ কিছু পদক্ষেপ নিতে হবে।

আপনি মডেল উইন্ডোজের জন্য বিশেষ প্লাগইন ব্যবহার করতে পারেন। arcticModal এর মত ডেভেলপার সাইট থেকে এগুলি ডাউনলোড করা ভাল। এটি নিম্নরূপ সংযোগ করে:

jQuery মডেল উইন্ডো
jQuery মডেল উইন্ডো

উইন্ডো স্টাইলিং ছাড়া, স্ট্যান্ডার্ড প্লাগইন থিমগুলির মধ্যে একটি এইরকম দেখাবে:

jQuery সহজ মডেল উইন্ডো
jQuery সহজ মডেল উইন্ডো

পরে, কুকি প্লাগইন সংযুক্ত আছে:

jQuery মডেল উইন্ডো
jQuery মডেল উইন্ডো

এইচটিএমএল কোড লেখা যা ব্যবহারকারীর জন্য তথ্য প্রদান করে:

jQuery মডেল উইন্ডো
jQuery মডেল উইন্ডো

কোডে নির্দিষ্ট করা আর্টিমোনিয়াল-ক্লোজ ক্লাসের অর্থ হল jQuery মডেল উইন্ডোটি এটির সাথে বন্ধ হয়ে যাবে।

পরে আসে চূড়ান্ত স্ক্রিপ্ট:

jQuery পপআপ মডেল
jQuery পপআপ মডেল

ব্যবহৃত কিছু প্যারামিটারের অর্থ নিম্নলিখিত:

closeOnOverClick: ওভারলে ক্লিক করা হলে উইন্ডোটি বন্ধ হবে কিনা তা নির্ধারণ করবে।

CloseOn Esc: মানে Esc এ ক্লিক করা।

মেয়াদ শেষ: যে সময় কুকি সংরক্ষণ করা হবে তা নির্দিষ্ট করে৷ প্রস্তাবিত সংস্করণে, এই সময়টি ষাট দিন হবে, অর্থাৎ, উইন্ডোটি দুই মাস দেখানো হবে না। প্রতি ভিজিটে কুকি আপডেট করা হয়।

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

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

মোডাল উইন্ডোর প্রকার

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

প্রস্তাবিত: