ওয়ার্ডপ্রেস

স্লাইডার রেভোলিউশন ওয়ার্ডপ্রেস প্লাগইন রিভিউ এবং কিভাবে গাইড করবেন

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

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

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

স্লাইডার বিপ্লব পান

স্লাইডার বিপ্লব: কি এই প্লাগইন এত মহান করে তোলে

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

বিন্যাস এবং প্রতিক্রিয়াশীলতা

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

একাধিক বিষয়বস্তুর উৎস

আপনার পোস্টের জন্য একটি স্লাইডার তৈরি করতে চান? অথবা আপনার WooCommerce পণ্যের জন্য? একটি সমস্যা নয় - থেকে চয়ন করুন 9টি ভিন্ন বিষয়বস্তুর উৎস আপনার স্লাইডার তৈরি করার সময়।

এই পোস্টটি লেখার সময় স্লাইডার বিপ্লব এর উপর ভিত্তি করে সামগ্রী সমর্থন করে:

  • পূর্বনির্ধারিত কাস্টম: আপনার নিজের ছবি/ভিডিও আপলোড করুন
  • পোস্ট: আপনার ব্লগ পোস্ট, কাস্টম পোস্টের ধরন, নির্দিষ্ট পোস্ট আইডি থেকে বেছে নিন বা বর্তমান পোস্ট/পৃষ্ঠা ব্যবহার করুন (আপনি ব্লগ পোস্ট বা পোর্টফোলিও আইটেমে একটি বৈশিষ্ট্যযুক্ত স্লাইডার যোগ করতে চাইলে দারুণ)
  • কমার্স: আপনার পণ্য প্রদর্শন
  • সোশ্যাল মিডিয়া: বিশেষ করে Flickr, Instagram, Twitter, Facebook, YouTube বা Vimeo

সহজ বিকল্প

স্লাইডার বিপ্লব আপনার জন্য প্রায় সবকিছুর জন্য বিকল্প যোগ করে কাস্টম স্লাইডার তৈরি করা সহজ করে তোলে। প্লাগইন জুড়ে ড্রপ-ডাউন মেনু ব্যবহার করে আপনার স্লাইড বিলম্ব, নেভিগেশন তীর, কাস্টম ফন্ট, প্যারালাক্স ব্যাকগ্রাউন্ড যোগ করুন, স্লাইডার লোকেশন (মার্জিন যোগ করুন), মিডিয়া লেয়ার যোগ করুন, বোতাম সন্নিবেশ করুন, স্লাইড ট্রানজিশন নির্বাচন করুন এবং আরও অনেক কিছু বেছে নিন।

এবং তার উপরে আপনি প্রায় সবকিছুই কাস্টমাইজ করতে পারেন এবং এমনকি ফন্ট শৈলী, স্লাইড ট্রানজিশন, লেয়ার অ্যানিমেশন এবং আরও সহজে ব্যবহার করার জন্য আপনার নিজের প্রিসেটগুলি সংরক্ষণ করতে পারেন৷

মিডিয়া সমর্থন

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

স্লাইডার বিপ্লব ইনস্টলেশন

প্রথমে আপনাকে Slider Revolution WordPress Plugin এর একটি কপি পেতে হবে। আপনি প্লাগইনটির নিজের কপি কিনেছেন বা এটি আপনার প্রিমিয়াম থিমের সাথে অন্তর্ভুক্ত করা হয়েছে কিনা তার উপর নির্ভর করে প্লাগইন ইনস্টল করার জন্য কয়েকটি ভিন্ন পদ্ধতি রয়েছে।

1. স্লাইডার বিপ্লবের আপনার অনুলিপি ইনস্টল করুন

স্লাইডার বিপ্লব ডাউনলোড করুন

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

স্লাইডার বিপ্লব নতুন প্লাগইন যোগ করুন

এরপরে, আপনার ওয়ার্ডপ্রেস সাইটে লগ ইন করুন এবং নেভিগেট করুন প্লাগইন> নতুন যোগ করুন।

স্লাইডার বিপ্লব প্লাগইন জিপ নির্বাচন করুন

তারপর আপনার স্ক্রিনের উপরের বাম দিকে "আপলোড প্লাগইন" বোতামে ক্লিক করুন।

এখান থেকে, আপনি CodeCanyon থেকে এইমাত্র ডাউনলোড করা প্লাগইন ফাইলটি নির্বাচন করতে "ফাইল চয়ন করুন" বোতামটি ব্যবহার করুন এবং "এখনই ইনস্টল করুন" বোতামটি ক্লিক করুন৷

স্লাইডার বিপ্লব সক্রিয় প্লাগইন

এর পরে প্লাগইনটি সক্রিয় করুন এবং আপনি স্লাইডার তৈরি শুরু করতে প্রস্তুত!

FTP এর মাধ্যমে আপলোড করার জন্য প্লাগইন ফোল্ডার আনজিপ করুন

বিঃদ্রঃ: আপনি আপনার সার্ভারে লগ ইন করে এবং wp-content/plugins-এ অবস্থিত আপনার ফোল্ডারে নিষ্কাশিত (আনজিপ করা) প্লাগইন আপলোড করে FTP-এর মাধ্যমে আপনার প্লাগইন ইনস্টল করতে পারেন।

2. একটি প্রিমিয়াম থিম সহ স্লাইডার বিপ্লব ইনস্টল করুন

অনেক প্রিমিয়াম থিম থিম ডাউনলোড সহ প্রিমিয়াম প্লাগইনগুলির কপি অন্তর্ভুক্ত করে। যদি আপনি এইভাবে স্লাইডার বিপ্লবের আপনার অনুলিপি ইনস্টল করতে চান তবে আপনাকে আপনার থিমের ডকুমেন্টেশন উল্লেখ করতে হবে।

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

মোট থিম ইনস্টল প্লাগইন

আমাদের গাইডে আমরা টোটাল ওয়ার্ডপ্রেস থিম ব্যবহার করছি। টোটাল ইনস্টল এবং সক্রিয় করার পরে আপনাকে একটি অনস্ক্রিন প্রম্পট দেখতে হবে যা আপনাকে স্লাইডার বিপ্লব (এবং থিমের সাথে অন্তর্ভুক্ত অন্যান্য প্লাগইনগুলি) ইনস্টল করার পরামর্শ দেয়।

মোট থিম সক্রিয় প্লাগইন

প্রস্তাবিত/বান্ডিল প্লাগইন পৃষ্ঠায় যেতে লিঙ্কটিতে ক্লিক করুন, তারপরে আপনার প্লাগইনগুলি ইনস্টল এবং সক্রিয় করতে ক্লিক করুন৷

টোটাল সহ স্লাইডার রেভোলিউশন ইনস্টল করুন

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

মোট সহ স্লাইডার বিপ্লব স্লাইডার আমদানি করুন

তারপরে নিশ্চিত হন যে "স্লাইডার আমদানি করুন" বিকল্পটি নির্বাচন করা হয়েছে এবং থিমটি স্বয়ংক্রিয়ভাবে ডেমো থেকে যেকোনো কাস্টম স্লাইডার আমদানি করবে৷ সহজ !

স্লাইডার বিপ্লব ব্যবহারকারী গাইড

আপনি প্লাগইন ইনস্টল করার পরে, এটি আপনার প্রধান ওয়ার্ডপ্রেস ড্যাশবোর্ডে একটি মেনু আইটেম যোগ করা উচিত। প্রধান স্লাইডার বিপ্লব স্লাইডার ব্যবস্থাপনা পৃষ্ঠায় নিয়ে যেতে এটিতে ক্লিক করুন।

স্লাইডার বিপ্লব প্রধান প্লাগইন পৃষ্ঠা

এখান থেকে আপনি স্লাইডার তৈরি বা সম্পাদনা করতে পারেন, টেমপ্লেট আমদানি করতে পারেন, আপনার লাইসেন্স সক্রিয় করতে পারেন যদি আপনি প্লাগইনের নিজের কপি কিনে থাকেন।

স্লাইডার বিপ্লব প্লাগইন লাইসেন্স সক্রিয়করণ

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

স্লাইডার বিপ্লব প্লাগইন লাইসেন্স

এখান থেকে আপনার কেনা সমস্ত লাইসেন্স দেখতে "সহায়তা" ট্যাবে ক্লিক করুন। আপনার লাইসেন্স কী অনুলিপি করুন এবং আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে ফিরে যান।

স্লাইডার বিপ্লব বেল আইকন

বেল আইকনে ক্লিক করে।

স্লাইডার বিপ্লব সক্রিয় করুন

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

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

স্লাইডার বিপ্লব গ্লোবাল সেটিংস

আপনি নির্মাণ শুরু করার আগে আমরা পরিদর্শন সুপারিশ গ্লোবাল সেটিংস বিকল্প (যা স্লাইডার বিপ্লবের নীচে একটি সাবমেনু আইটেম)।

স্লাইডার বিপ্লব গ্লোবাল সেটিংস

ডিফল্ট প্রতিক্রিয়াশীল গ্রিড সেটিংস (যা নতুন স্লাইডার তৈরি করার সময় প্রযোজ্য), কাস্টম ফন্ট লোডিং URL, প্লাগইনের জন্য ডাটাবেস তৈরি এবং আরও অনেক কিছুর জন্য এখানে প্রচুর গুরুত্বপূর্ণ বিকল্প রয়েছে৷ তবে দুটি বিকল্প রয়েছে যা আমরা আপনাকে খামচি করার পরামর্শ দিই।

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

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

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

এখন আপনি আপনার স্লাইডার নির্মাণ শুরু করতে পারেন! আপনার কাছে তিনটি বিকল্প রয়েছে - স্ক্র্যাচ থেকে শুরু করুন, স্লাইডার বিপ্লব "ব্যবহারের উদাহরণ" থেকে একটি বিনামূল্যে রপ্তানি ফাইল ছিনিয়ে নিন বা আপনার থিমের সাথে অন্তর্ভুক্ত নমুনা স্লাইডার আমদানি করুন৷

একটি স্লাইডার ম্যানুয়াল আমদানি

স্লাইডার বিপ্লব ম্যানুয়াল আমদানি

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

টেমপ্লেট থেকে নতুন মডিউল

স্লাইডার বিপ্লব আমদানি টেমপ্লেট

আপনি যদি স্লাইডার বিপ্লবের জন্য নিজের লাইসেন্স কিনে থাকেন তবে আপনি তাদের সমস্ত পূর্ব-তৈরি লেআউটগুলিতে অ্যাক্সেস পাবেন (এখানে বেছে নেওয়ার জন্য 180+ এর বেশি আছে)। একটি টেমপ্লেট ব্যবহার করতে শুধুমাত্র আপনার পছন্দের একটিতে হোভার করুন, পূর্বরূপ দেখতে আইকনে ক্লিক করুন বা টেমপ্লেটটি ইনস্টল করতে প্লাস আইকনে ক্লিক করুন৷

বিঃদ্রঃ: যদি আপনার স্লাইডার বিপ্লবের অনুলিপি আপনার থিমের সাথে বান্ডিল করা হয় তবে আপনার এই টেমপ্লেটগুলিতে অ্যাক্সেস থাকবে না। যাইহোক, অনেক থিম লেখক তাদের নিজস্ব স্লাইডার টেমপ্লেটগুলি অন্তর্ভুক্ত করে যা তারা তাদের থিম ডেমোগুলির সাথে যেতে তৈরি করেছে যা আপনি ম্যানুয়ালি আমদানি করতে পারেন।

একটি নতুন স্লাইডার তৈরি করুন

আপনি যদি স্ক্র্যাচ থেকে একটি স্লাইডার তৈরি করেন তবে ক্লিক করুন নতুন ফাঁকা মডিউল বিকল্প এখন কাজ করা যাক!

স্লাইডার বিপ্লব স্বাগত বার্তা

প্রথমে আপনি তাদের দ্রুত শুরু করার নির্দেশিকা ব্যবহার করার বিকল্প সহ একটি স্বাগত বার্তা দেখতে পাবেন। শুরু করতে ক্লিক করুন এবং নীচে আমাদের নির্দেশিত ওয়াকথ্রু সহ অনুসরণ করুন।

স্লাইডার বিপ্লব স্লাইডার টাইপ

একটি স্লাইডার প্রকার চয়ন করুন - আপনার মডিউলটি বেছে নেওয়ার বিকল্প রয়েছে:

  • স্লাইডার: ঠিক কেমন শোনাচ্ছে, একাধিক অ্যানিমেটেড স্লাইড যা একের পর এক স্লাইড প্রদর্শন করতে ঘোরে
  • দৃশ্য: একটি একক স্লাইড যা একটি বিষয়বস্তু মডিউল ব্যবহার করা যেতে পারে (পৃষ্ঠা নির্মাতা ব্যবহার করার সময় একটি সারির মতো)
  • carousel: একই সময়ে একাধিক দৃশ্যমান সহ অনেক স্লাইড

স্লাইডার বিপ্লব লেআউট

তারপর একটি লেআউট নির্বাচন করুন:

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

স্লাইডার বিপ্লব প্রতিক্রিয়াশীলতা

এবং একটি শেষ পদক্ষেপ হিসাবে আপনাকে আপনার প্রতিক্রিয়াশীলতা বা "আকার পরিবর্তন" সেটিংস চয়ন এবং কাস্টমাইজ করতে হবে:

  • ক্লাসিক (রৈখিক) আকার পরিবর্তন: আপনার প্রধান স্ক্রীনের আকারের সেটিংস কনফিগার করার পরে আপনার স্লাইডার সেই অনুযায়ী সংকুচিত হবে (তাই একটি 1000x400px স্লাইডার একটি 500x200px স্লাইডারে কম্প্রেস করবে ফন্ট, ছবি এবং অন্যান্য স্লাইডার উপাদানগুলি আনুপাতিকভাবে সঙ্কুচিত হবে)।
  • বুদ্ধিমান উত্তরাধিকার: আপনার চয়ন করা ডেস্কটপ সেটিংসের উপর ভিত্তি করে চারটি ডিভাইসের আকার স্বয়ংক্রিয়ভাবে তৈরি হয়, প্রয়োজন অনুসারে সামঞ্জস্য করার বিকল্প সহ।
  • কাস্টম (ম্যানুয়াল): বিভিন্ন স্ক্রিনের প্রস্থে (ডেস্কটপ, ল্যাপটপ, ট্যাবলেট এবং ফোন) স্লাইডারের আকার সেট করার জন্য অতিরিক্ত বিকল্প সহ আপনাকে সঠিক পিক্সেল ব্যবহার করে আপনার স্লাইডারের আকার সেট করতে দেয়।

স্লাইডার বিপ্লব প্রধান নির্মাতা

আপনার প্রধান স্লাইডার সেটিংস নির্বাচন করার পরে আপনাকে স্লাইডার বিপ্লব বিল্ডারে নিয়ে যাওয়া হবে। এখানেই আপনি আসলে আপনার সমস্ত স্লাইড তৈরি করবেন।

স্লাইডার বিপ্লব সাধারণ বিকল্প

বিল্ডিং করার আগে, আপনার কিছু মৌলিক বিষয়ের যত্ন নেওয়া উচিত। ডান দিকে আপনার স্লাইডার সেটিংস সব আছে. দিয়ে শুরু গিয়ার্ সাধারণ সেটিংসের জন্য আইকন, এখানে আপনি কী পাবেন তার একটি দ্রুত চেহারা।

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

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

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

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

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

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

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

অগ্রসর: আপনি যদি অলস লোডিং সক্ষম করতে চান তবে আপনি এখান থেকে এটি করতে পারেন পাশাপাশি একটি ফলব্যাক চিত্র নির্বাচন করতে পারেন বা পুরানো ব্রাউজারগুলিতে আপনার স্লাইডারকে সরল করতে পারেন (বিশেষত iOS4 এবং IE8 এর জন্য)।

CSS/jQuery: আপনি স্লাইডারগুলিতে আপনার নিজস্ব কাস্টম কোড যোগ করতে পারেন, কিন্তু লোভনীয় কারণ আমরা এই বিকল্পটিকে একা ছেড়ে দেওয়ার পরামর্শ দিই যদি না আপনি কোডিং ভাষাগুলিতে স্বাচ্ছন্দ্য বোধ করেন৷

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

চামড়া: ত্বকের বিকল্পটি মূলত একটি প্রিসেট যা আপনি তৈরি করতে পারেন এবং তারপরে আপনি স্লাইড তৈরি করার সময় পাঠ্য স্তরগুলিতে বরাদ্দ করতে পারেন৷ আপনি যদি স্তর জুড়ে আপনার ব্র্যান্ডিং একই রাখতে চান তবে এটি একটি দুর্দান্ত সরঞ্জাম।

অ্যাডঅনস: এই বিভাগটি আপনাকে অ্যাডঅনগুলি সক্ষম করতে এবং অ্যাক্সেস করার অনুমতি দেয় (দ্রষ্টব্য - আপনি যদি নিজের স্লাইডার লাইসেন্স কিনে থাকেন তবে অ্যাডঅনগুলি কেবলমাত্র উপলব্ধ, সেগুলি থিমগুলির সাথে বান্ডিলযুক্ত স্লাইডার বিপ্লবের সংস্করণগুলির সাথে অন্তর্ভুক্ত নয়)৷

স্লাইডার বিপ্লব নেভিগেশন বিকল্প

এর অধীনে নেভিগেশনের জন্য আপনি কী ব্যবহার করতে চান তা সিদ্ধান্ত নিতে হবে কীপ্যাড আইকন আপনার স্লাইডারের জন্য আপনি ব্যবহার করতে পারেন এমন প্রচুর বিকল্প রয়েছে। নীচের সমস্ত বিকল্পগুলির মধ্যে অবস্থান/সারিবদ্ধকরণ, আকার, দৃশ্যমানতা এবং গ্লোবাল স্টাইলিং/প্রিসেটগুলির জন্য সহজে কাস্টমাইজ করা সেটিংস অন্তর্ভুক্ত রয়েছে।

  • উন্নতি: একটি অগ্রগতি বার বা বৃত্ত যোগ করুন যা বর্তমান স্লাইড অগ্রগতি (বা সম্পূর্ণ স্লাইডার/মডিউল অগ্রগতি) কল্পনা করে।
  • তীরচিহ্ন: দর্শকদের জন্য 13টি ভিন্ন শৈলীর পছন্দের সাথে আপনার স্লাইডে ক্লিক করা সহজ করতে তীর যোগ করুন (দ্রষ্টব্য - কাস্টম সাধারণত আপনার থিমের উপর ভিত্তি করে)।
  • বুলেট: আপনার স্লাইডে নেভিগেশন ডট যোগ করতে বুলেট সক্রিয় করুন এবং 14টি শৈলী থেকে বেছে নিন।
  • ট্যাব: আপনি যদি আপনার ব্লগ পোস্টের উপর ভিত্তি করে একটি বিষয়বস্তু স্লাইডার তৈরি করেন তাহলে আপনি ট্যাব নেভিগেশন দেখতে চাইতে পারেন। এটি একটি থাম্বনেইল, শিরোনাম এবং যেকোনো পরামিতি প্রদর্শন করে (যেমন স্লাইড বিকল্পের অধীনে সংজ্ঞায়িত করা হয়েছে) - উদাহরণস্বরূপ সাম্প্রতিক পোস্ট উইজেটের মতো।
  • থাম্বস: একটি থাম্বনেইল ছবিকে নেভিগেশন বিকল্প হিসেবে প্রদর্শন করতে থাম্বস নির্বাচন করুন এবং 5টি শৈলী থেকে বেছে নিন।
  • পূর্বের আকার: নেভিগেশনের জন্য ব্যবহৃত আপনার পূর্বরূপ চিত্রের আকার নির্ধারণ করুন।
  • স্পর্শ: ব্লক স্ক্রোল, বেগ এবং দিকনির্দেশের বিকল্পগুলি সহ টাচ-সোয়াইপ নেভিগেশন সক্ষম এবং কাস্টমাইজ করুন।
  • কীবোর্ড: কীবোর্ড নেভিগেশন সক্ষম করুন (অভিগম্যতার জন্য প্রস্তাবিত)।
  • মাউস: একটি ক্যারোজেল ফাংশন বা বিপরীত স্ক্রোল ব্যবহার করতে মাউস নিয়ন্ত্রিত নেভিগেশন সম্পাদনা করুন।
  • এনভি এডিটর: এই বিভাগটি আপনার নিজস্ব কাস্টম কোড দিয়ে তীর, বুলেট, ট্যাব বা থাম্বস কাস্টমাইজ করার জন্য। আগে উল্লেখ করা হয়েছে, আপনি কোডিংয়ে স্বাচ্ছন্দ্য না হলে আমরা স্লাইডারের অন্তর্নির্মিত বিকল্পগুলি ব্যবহার করার পরামর্শ দিই।

স্লাইডার বিপ্লব স্লাইড বিকল্প

এবং অবশেষে, আপনার স্লাইড বিকল্প.

  • পটভূমি: আপনার স্লাইডের জন্য ব্যাকগ্রাউন্ড বেছে নিন। স্বচ্ছ, রঙিন (আপনি একটি গ্রেডিয়েন্ট যোগ করতে পারেন), ছবি, বাহ্যিক ছবি বা একটি ভিডিও (ইউটিউব, ভিডিও বা HTML5) থেকে বেছে নিন।
  • ছোট: প্রশাসকের দ্বারা দৃশ্যমান থাম্বনেইল এবং নেভিগেশনের জন্য ব্যবহৃত থাম্বনেইল সংজ্ঞায়িত করুন।
  • অ্যানিমেশন: আপনার স্লাইডের জন্য ট্রানজিশন অ্যানিমেশন বেছে নিন।
  • ফিল্টার: আপনি আপনার স্লাইডারে ফিল্টার যোগ করতে পারেন। আমার মতে এটি একটি ইমেজ ব্যাকগ্রাউন্ড সহ স্লাইডগুলির জন্য আরও বেশি অর্থবহ তবে এটি আপনার উপর নির্ভর করে। নির্বাচন করার জন্য বর্তমানে 22টি প্রিসেট রয়েছে৷
  • উন্নতি: আপনি স্লাইডের ভিত্তিতে একটি স্লাইডে স্লাইডের দৈর্ঘ্য (ms এ সময়), বিরতি এবং দৃশ্যমানতা কাস্টমাইজ করতে পারেন।
  • বিধি প্রকাশ করুন: আপনার স্লাইড প্রকাশিত বা অপ্রকাশিত কিনা তা নির্ধারণ করুন। আপনি যদি মৌসুমী বা সীমিত সময়ের স্লাইডগুলিতে কাজ করেন যা আপনি ধীরে ধীরে তৈরি করতে, প্রকাশ করতে এবং পরে সরাতে চান তবে এটি দুর্দান্ত৷
  • ট্যাগ এবং লিঙ্ক: এই বিভাগে আপনি আপনার স্লাইডের জন্য কাস্টম ক্লাস, আইডি এবং এইচটিএমএল ডেটা যোগ করতে পারেন পাশাপাশি একটি লিঙ্ক সক্রিয় করতে পারেন (যদি আপনি আপনার সম্পূর্ণ স্লাইডে একটি লিঙ্ক যোগ করতে চান)।
  • পরামিতি: আপনার স্লাইড এবং নেভিগেশনের মধ্যে ব্যবহার করার জন্য 10টি পর্যন্ত কাস্টম প্যারামিটার যোগ করুন।
  • লুপ স্তর: আপনার স্লাইডারে শুধুমাত্র একটি স্লাইড থাকলে আপনার স্লাইড লুপ সেটিংস তৈরি এবং কাস্টমাইজ করুন (বিশেষত সহায়ক যদি আপনি আপনার স্লাইডারটিকে একটি স্বাগত ম্যাট বা পৃষ্ঠা বিভাগ হিসাবে ব্যবহার করেন)।
  • স্ক্রলে: এছাড়াও আপনি প্রতি স্লাইডে আপনার প্যারালাক্স এবং স্ক্রোল প্রভাবগুলি (ফেইড, ব্লার বা গ্রেস্কেল) কাস্টমাইজ করতে পারেন।

কিভাবে স্লাইডার বিপ্লব দিয়ে একটি স্লাইডার তৈরি করবেন

এখন যেহেতু আপনি বৈশিষ্ট্যগুলি দেখেছেন (বাহ অনেকগুলি আছে!) আমরা আপনাকে সবচেয়ে গুরুত্বপূর্ণ বিকল্পগুলি মনে করি তার একটি দ্রুত সারাংশ দেব৷ বিশেষ করে কিভাবে একটি সাধারণ স্লাইডার তৈরি করতে হয় তা দেখানোর মাধ্যমে।

সাধারণ বিকল্পসমূহ

স্লাইডার উদাহরণ: সাধারণ বিকল্প

প্রথমে আমরা কয়েকটি সাধারণ বিকল্প নির্বাচন করেছি:

  • একটি কাস্টম শিরোনাম এবং উপনাম যোগ করুন শিরনাম অধ্যায়
  • ডেস্কটপ স্তর এলাকার উচ্চতা এবং প্রস্থ নীচে কাস্টমাইজ করুন বিন্যাস (আমাদের সাইটের প্রস্থ এবং 1000px লম্বা মেলানোর জন্য আমরা আমাদের 500px চওড়াতে সেট করেছি)
  • এর অধীনে একটি ডিফল্ট স্লাইড সময়কাল চয়ন করুন (আমরা 5000ms ব্যবহার করেছি যা 5 সেকেন্ড) ডিফল্টে
  • একটি নির্বাচন করুন স্পিনার আপনার প্রি-লোডারের জন্য ব্যবহার করতে (আমরা বিকল্প 7 এর আংশিক)

স্লাইডার নেভিগেশন

স্লাইডার উদাহরণ: তীর

তারপর, আমরা আমাদের নেভিগেশন বিকল্পগুলি নির্বাচন করি। আমাদের উদাহরণে আমরা "ইউরেনাস" শৈলী নির্বাচন করেছি যা সাধারণ তীর।

স্লাইড যোগ করা হচ্ছে

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

স্লাইডার উদাহরণ: স্লাইড রঙের পটভূমি

আপনি একটি পটভূমি রঙ, ছবি বা ভিডিও যোগ করতে পারেন. আপনি যদি একটি রঙ যোগ করতে চান তবে আপনি একটি গ্রেডিয়েন্টও যোগ করতে পারেন।

স্লাইডার উদাহরণ: স্লাইড ভিডিও ব্যাকগ্রাউন্ড

একটি ভিডিওর জন্য আপনি কেবল উত্স যোগ করবেন এবং কয়েকটি নির্বাচন করবেন৷ উপরের স্ক্রিনশটে আমরা কভার মোড জোর করতে স্লাইড সেট করেছি (যাতে ভিডিওটি পুরো স্লাইডারটি পূরণ করে) এবং স্টার্টে রিওয়াইন্ড করার জন্য (তাই প্রতিবার স্লাইড শুরু হওয়ার সময় এটি শুরু থেকে প্লে হয়)।

স্লাইডার উদাহরণ: স্লাইড ইমেজ ব্যাকগ্রাউন্ড

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

স্তর যোগ করা

এখন স্তর যোগ করতে! স্ক্রিনের শীর্ষে আপনি "+ স্তর যুক্ত করুন" এর জন্য একটি বিকল্প লক্ষ্য করবেন৷ এখানেই আপনি আপনার স্লাইডে যোগ করার জন্য প্রচুর বিকল্প খুঁজে পাবেন। আপনি 8 ভিন্ন থেকে চয়ন করতে পারেন স্তর যুক্ত করুন বিকল্প:

  • পাঠ স্তরগুলি শিরোনাম, বর্ণনা বা এমনকি সহজ লিঙ্ক যোগ করার জন্য নিখুঁত। আপনি আপনার স্লাইডে যা বলতে চান তা যোগ করুন।
  • চিত্র আপনার লোগো সন্নিবেশ করানো, প্যারালাক্স স্লাইডে গভীরতা যোগ করা, সেটের আগে/পরে সন্নিবেশ করা এবং আরও অনেক কিছুর জন্য দারুণ।
  • বোতাম স্তর বিকল্পগুলির মধ্যে রয়েছে প্রচুর আকার এবং সীমানা ব্যাসার্ধের কম্বো যার জন্য আপনি রঙ, পটভূমি, সীমানা রঙ, ফন্ট, হোভার স্টেট এবং পাঠ্য সম্পাদনা করতে পারেন। এছাড়াও সামাজিক লিঙ্ক অ্যানিমেটেড মাউস স্ক্রোল আইকন, হ্যামবার্গার মেনু বা এমনকি প্লে/পজ করার জন্য বেশ কিছু সহায়ক প্রি-সেট রয়েছে।
  • আকার প্রভাব যোগ করতে ব্যবহার করা যেতে পারে (যেমন একটি বোতামের পিছনে একটি রঙ স্পন্দিত করা বা বিকিরণ করা), একটি পাঠ্য স্তরের একটি অংশকে সংজ্ঞায়িত করতে (শুধু একটি শব্দ বা বাক্যাংশ হাইলাইট করার জন্য একটি আকার ব্যবহার করুন) বা চাক্ষুষ আগ্রহ যোগ করতে। আপনার পটভূমি, সীমানার রঙ/আকার, আকৃতির সীমানা ব্যাসার্ধ (একটি বর্গক্ষেত্রের জন্য 0, একটি বৃত্তের জন্য 100), পিক্সেলের আকার এবং প্যাডিং নির্বাচন করুন।
  • শ্রুতি & ভিডিও স্তরগুলি মোটামুটি সোজা এগিয়ে. আপনি যে মিডিয়াটি সন্নিবেশ করতে চান তা চয়ন করুন এবং আপনার মিডিয়া লাইব্রেরি থেকে একটি ফাইল নির্বাচন করুন বা একটি লিঙ্ক সন্নিবেশ করুন (YouTube, Vimeo, SoundCloud, ইত্যাদি)। তারপরে লুপিং, অটোপ্লে, শেষের পরবর্তী স্লাইড, বেস ভলিউম, সেগমেন্ট শুরু/শেষ এবং প্রিলোডিং সক্ষম করতে সেটিংস যোগ করুন। এটি আপনার স্লাইডারে বাস্তব প্রশংসাপত্র, একটি ভূমিকা ভিডিও বা একটি টিউটোরিয়াল যোগ করার একটি সহজ উপায়৷
  • আইকন/এসভিজি ঠিক সেগুলি যেমন শোনাচ্ছে - আইকনগুলি অন্তর্ভুক্ত করুন বা কাস্টম SVG চিত্রগুলি যুক্ত করুন যা ডিভাইস জুড়ে আপনার স্লাইডারের সাথে সুন্দরভাবে স্কেল করে৷
  • সারি সন্নিবেশ করা যেতে পারে এবং অন্য যেকোন পৃষ্ঠা নির্মাতার মতই, কলাম সেটিংস সহ সম্পূর্ণ। এটি স্তর উপাদানগুলি সংগঠিত করার বা একটি একক স্লাইড মডিউল তৈরি করার একটি দুর্দান্ত উপায়।
  • গ্রুপ স্তরগুলির একটি গোষ্ঠী তৈরি করতে ব্যবহৃত হয় যাতে এটি সম্পর্কিত স্তরগুলিকে অবস্থান এবং সরানো সহজ হয়৷
  • লেয়ার লাইব্রেরি স্লাইডার বিপ্লবের জন্য আপনার নিজস্ব লাইসেন্স থাকলে এবং থিমপাঞ্চের তৈরি সংস্থানগুলির একটি সংগ্রহ হলেই এটি উপলব্ধ।
  • আমদানি আপনার লাইব্রেরির অন্য স্লাইডার থেকে একটি স্তর বা স্লাইড কপি করতে। দ্রুত এবং সহজ!

স্লাইডার উদাহরণ: টেক্সট লেয়ার সন্নিবেশ করান

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

স্লাইডার উদাহরণ: টেক্সট লেয়ার সেটিংস

আমাদের উদাহরণের জন্য, এই বিকল্পগুলি আমরা আমাদের শিরোনামের পাশাপাশি আমাদের স্লাইডের জন্য একটি উপশিরোনামের জন্য বেছে নিয়েছি:

  • আমাদের টেক্সট যোগ করা হয়েছে সন্তুষ্ট বিভাগ, সেইসাথে আমাদের পাঠ্যকে কেন্দ্র করে
  • নির্বাচিত ক শৈলী ফন্টের আকার, ওজন, লাইনের উচ্চতা এবং গুগল ফন্টের জন্য
  • আমরা কাস্টমাইজড আকার এবং অবস্থান আমাদের স্লাইডার কন্টেইনারের মধ্যে লেয়ারের অবস্থান পরিবর্তন করতে (মনে রাখবেন - আমাদের কন্টেইনার হল 1000 x 500 px)
  • এবং শেষ যোগ একটি অ্যানিমেশন আমাদের পাঠ্যের প্রভাব এবং গতি 800ms (IN : Anim To) এবং আমাদের পাঠ্য থেকে প্রস্থান করার জন্য একই অ্যানিমেশনগুলি (OUT : Anim To)।

আমরা একটি বোতাম যোগ করেছি। এটি করতে, "+ লেয়ার যোগ করুন" লিঙ্কে হোভার করুন এবং বোতাম বিকল্পে ক্লিক করুন।

স্লাইডার উদাহরণ: বোতাম স্তর সন্নিবেশ করান

ঠিক পাঠ্যের মতো, কিছু দ্রুত শৈলী রয়েছে যা আপনি শুরু করতে ব্যবহার করতে পারেন।

স্লাইডার উদাহরণ: বোতাম স্তর সেটিংস

আমাদের বোতামের জন্য, আমরা নিম্নলিখিত ব্যবহার করেছি। আবার, পাঠ্য বিকল্পগুলির সাথে খুব মিল (কিন্তু কয়েকটি গুরুত্বপূর্ণ পার্থক্য সহ):

  • জন্য সন্তুষ্ট আমরা আমাদের বোতাম পাঠ্য যোগ করেছি।
  • থেকে শৈলী বিভাগে আপনি আপনার টেক্সট এবং বোতামের রঙ, ফন্ট বিকল্প যোগ করতে পারেন এবং প্যাডিং (ভিতরে) বা মার্জিন (বাইরে) সহ আপনার বোতামে স্থান যোগ করতে পারেন। আমাদের বোতাম এটিকে আরও প্রশস্ত করতে বাম এবং ডান প্যাডিং ব্যবহার করে।
  • আমরা আবার ব্যবহার আকার এবং অবস্থান স্লাইডে আমাদের বোতাম স্তর কেন্দ্রীভূত করার বিকল্পগুলি।
  • এবং একটি যোগ করা হয়েছে অ্যানিমেশন স্লাইডটিতে প্রবেশ এবং প্রস্থান করার জন্য বোতামটি।
  • যেহেতু এটি একটি বোতাম স্তর আমরা একটি যোগ করেছি বাতাসে ভাসিতে থাকা প্রভাব যাতে দর্শকরা স্বজ্ঞাতভাবে জানেন যে একটি লিঙ্ক আছে। তাই আমরা একটি অ্যানিমেশন বেছে নিয়েছি এবং হোভারে আমাদের বোতামটিকে একটু স্বচ্ছ করেছি।

স্লাইডার উদাহরণ: বোতাম লেয়ার লিঙ্ক

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

এটা আমাদের প্রথম স্লাইড সম্পন্ন! এখন আপনাকে আরও কয়েকটি বৈশিষ্ট্য দেখাতে এক সেকেন্ড যোগ করা যাক।

স্লাইডার উদাহরণ: দ্বিতীয় স্লাইড যোগ করুন

আপনি যদি "স্লাইড" বিকল্পে হোভার করেন তবে আপনি এর জন্য একটি ড্রপ ডাউন দেখতে পাবেন:

  • স্লাইড যোগ করুন: একটি নতুন ফাঁকা স্লাইড যোগ করতে ক্লিক করুন, একই পটভূমিতে একাধিক স্লাইড যোগ করতে বাল্ক স্লাইড বা একটি স্লাইড আমদানি করুন৷
  • গ্লোবাল লেয়ার: এগুলি আপনার তৈরি করা যেকোনো স্লাইডের উপরে একটি ওভারলে হিসাবে দেখা হবে। এটি একটি লোগো বা ওয়াটারমার্ক যোগ করার একটি দুর্দান্ত উপায়, আপনার পণ্যের জন্য একটি "এখন কিনুন" বোতাম বা এমনকি আপনার নিউজলেটারে সদস্যতা নেওয়ার একটি লিঙ্ক অন্তর্ভুক্ত করুন৷
  • আপনার সমস্ত বর্তমান স্লাইড (আমাদের সমাপ্ত স্লাইড হল #1 নতুন স্লাইড)।

এখন শুধু আপনার স্লাইড নির্মাণ প্রক্রিয়া যতবার আপনি চান পুনরাবৃত্তি করুন!

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

স্লাইডার উদাহরণ: শীর্ষ বার

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

  • পিছনে: আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডের প্রধান স্লাইডার বিপ্লব পৃষ্ঠায় ফিরে যেতে
  • স্লাইডগুলি: আপনার স্লাইডারের মধ্যে স্লাইড যোগ এবং পরিচালনা করতে
  • স্তর যুক্ত করুন: আপনার বর্তমান স্লাইডে নতুন স্তর যোগ করতে
  • The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। নাম আপনি যে স্তরটি নির্বাচন করেছেন তার
  • নকল আপনার বর্তমান স্তরটি নকল বা অনুলিপি করতে আইকন
  • আবর্জনা আপনার বর্তমান নির্বাচিত স্তর মুছে ফেলার জন্য আইকন
  • তালা দুর্ঘটনাজনিত সম্পাদনা প্রতিরোধ করতে আপনার স্তর লক করতে আইকন
  • চোখ স্তরগুলি প্রদর্শন বা লুকাতে আইকন
  • উপর নিচ স্তরগুলির মধ্যে নেভিগেট করার জন্য তীরগুলি৷
  • একটি বিট উপর আপনি আনতে কার্সার স্তর নির্বাচন করতে
  • A ফিরে দেখা পূর্বাবস্থায় ফেরাতে আইকন এবং সাম্প্রতিক পরিবর্তনগুলির একটি তালিকা পর্যালোচনা করুন
  • The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। কম্পিউটার স্ট্যান্ডার্ড ডিভাইস আকারে আপনার স্লাইডারের প্রতিক্রিয়াশীলতার পূর্বরূপ দেখতে আইকন
  • প্রশ্ন মার্ক আইকন সাহায্য লিঙ্ক
  • এবং অবশেষে ক তরল ফোঁটা আপনার স্তরের জন্য দ্রুত শৈলী প্রিসেট অ্যাক্সেস করতে আইকন

স্লাইডার উদাহরণ: সময়সূচি

এবং আপনার স্লাইডার পূর্বরূপের নীচে আপনার একটি সময়সূচী দেখতে হবে। এখান থেকে আপনি আপনার স্লাইডে আপনার স্তরগুলি কখন অ্যানিমেট হবে তার জন্য বিলম্ব সম্পাদনা করতে পারেন (আমাদের জন্য শেষ সময় 00:05:00 বা 5 সেকেন্ড - আপনার স্লাইড সম্পাদনা করতে এটিতে ক্লিক করুন)। আপনি স্লাইডের সামগ্রিক সময়ের দৈর্ঘ্যের তুলনায় লেয়ার টাইমিং দেখানো একটি ভিজ্যুয়াল সময়সূচীও দেখতে পারেন। ব্লক করা বিভাগগুলি হল আপনার লেয়ার অ্যানিমেশনের সময় যা আপনি করতে পারেন পরিবর্তন করতে কেবল ক্লিক করুন এবং টেনে আনুন।

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

প্রিভিউ এবং আপনার স্লাইডার সংরক্ষণ করুন

স্লাইডার উদাহরণ: আপনার স্লাইডারের পূর্বরূপ দেখুন

আপনি কাজ করছেন আপনি নীল ক্লিক করে আপনার স্লাইডার পূর্বরূপ দেখতে পারেন প্রি নীচে ডান কোণে বোতাম।

স্লাইডার উদাহরণ: আপনার স্লাইডার সংরক্ষণ করুন

এবং ভুলবেন না সংরক্ষণ করুন আপনি কাজ হিসাবে আপনার স্লাইড! কোন পরিবর্তন করার পরে আপনি আপনার স্লাইড সংরক্ষণ করা নিশ্চিত করুন. আপনি যদি আপনার স্লাইড থেকে দূরে যান (এমনকি এটি অন্য স্লাইডে হলেও) আপনি আপনার সমস্ত কঠোর পরিশ্রম হারাতে পারেন। তাই সংরক্ষণ করুন, সংরক্ষণ করুন, সংরক্ষণ করুন!

স্লাইডার রেভোলিউশন একটি বিকল্পও দেয় ফাইলের আকার অপ্টিমাইজ করুন সংরক্ষণ করার সময় এটি কিছু সার্ভার-সাইড কম্প্রেশন এবং অপ্টিমাইজেশান সুপারিশ প্রদান করে।

সংরক্ষণ করার পরে, আপনি অন্য স্লাইড বা স্লাইডারগুলিতে যেতে এবং কাজ করতে পারেন, বা একটি পৃষ্ঠায় আপনার সমাপ্ত পণ্যটি ব্যবহার করতে পারেন।

আপনার স্লাইডার ব্যবহার করে

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

স্লাইডার বিপ্লব: শর্টকোড সনাক্ত করুন

শর্টকোড দেখতে হবে [rev_slider alias="title"][/rev_slider] আপনি স্লাইডারটি তৈরি করার সময় যে উপনামের উপর ভিত্তি করে "শিরোনাম" দিয়েছিলেন।

স্লাইডার বিপ্লব: শর্টকোড কপি করুন

শুধু আপনার পোস্ট বা পৃষ্ঠার সামগ্রীতে শর্টকোড পেস্ট করুন। অথবা যদি আপনার থিম অতিরিক্ত স্লাইডার অবস্থান সমর্থন করে তাহলে আপনি সেখানেও শর্টকোড যোগ করতে পারেন।

স্লাইডার বিপ্লব: WPBakery পেজ বিল্ডার মডিউল

যদি আপনার থিম WPBakery পেজ বিল্ডার ব্যবহার করে (উদাহরণস্বরূপ, টোটাল মাল্টিপারপাস ওয়ার্ডপ্রেস থিম) তাহলে আপনি অন্তর্ভুক্ত স্লাইডার রেভোলিউশন পেজ বিল্ডার উপাদান ব্যবহার করতে পারেন।

স্লাইডার বিপ্লব: WPBakery পেজ বিল্ডার মডিউল প্রিভিউ

আপনাকে যা করতে হবে তা হল মডিউল যোগ করুন, গ্রিড থেকে একটি স্লাইডার নির্বাচন করুন (এটি আপনার ইতিমধ্যে তৈরি করা সমস্ত স্লাইডারগুলির একটি তালিকা দেখাবে), সন্নিবেশ করুন এবং তারপরে স্লাইডারটিকে টেনে আনুন এবং ড্রপ করুন৷ সহজ ডান?

স্লাইডার বিপ্লবের চূড়ান্ত চিন্তাভাবনা

আমরা বিশ্বাস করি স্লাইডার রেভোলিউশন হল সবচেয়ে সহজ প্রিমিয়াম স্লাইডার প্লাগইনগুলির একটি, বিশেষ করে যেহেতু তারা ভিজ্যুয়াল এডিটর এবং প্রচুর বিল্ট-ইন বৈশিষ্ট্যগুলি ব্যবহার করার জন্য সহজ অফার করে তাই আপনার স্লাইডগুলিকে স্টাইল করার জন্য আপনাকে CSS জানতে হবে না (বোতাম, ফন্ট, রং এবং আরো ইতিমধ্যে আছে!) এটি একটি কঠিন 5 তারা পেয়েছে এবং আমাদের মতে আপনি একটি ভাল স্লাইডার প্লাগইন খুঁজে পেতে কষ্ট পাবেন৷

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

স্লাইডার বিপ্লব সম্পর্কে আরও

কিন্তু আমরা আপনার কাছ থেকে শুনতে চাই. নীচের মন্তব্যগুলিতে আপনি স্লাইডার বিপ্লব সম্পর্কে কী মনে করেন তা আমাদের জানান, অথবা আপনার যে কোনো প্রশ্ন আমাদের জিজ্ঞাসা করতে নির্দ্বিধায় জানান। আমরা সাহায্য করতে পেরে খুশি!

সম্পরকিত প্রবন্ধ

0 মন্তব্য
ইনলাইন প্রতিক্রিয়া
সমস্ত মন্তব্য দেখুন
শীর্ষ বোতামে ফিরে যান