আপনি কি কোনও জনপ্রিয় ওয়েবসাইটে এই সুন্দর সিএসএস অ্যানিমেশনগুলি দেখেছেন? অ্যানিমেশন প্রভাবগুলি যেমন কন্টেন্টগুলি স্লাইড হয়, যা ছড়িয়ে যায়, এর উদ্বোধনী চিত্রগুলি ... ইত্যাদি। ? আপনি কি ওয়ার্ডপ্রেসে সিএসএস অ্যানিমেশন যুক্ত করতে চান?
এই নিবন্ধে, আমরা আপনাকে দেখাব যে কীভাবে কোনও কোড না লিখে ওয়ার্ডপ্রেসে সিএসএস অ্যানিমেশনগুলি সহজে যুক্ত করা যায়।
যখন এবং কেন আপনি সিএসএস অ্যানিমেশন ব্যবহার করা উচিত?
সিএসএস অ্যানিমেশনগুলি আপনাকে পৃষ্ঠার বিভিন্ন অংশে ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে দেয়। আপনি এগুলি পণ্য বৈশিষ্ট্য বা কল-টু-অ্যাকশন বোতামটি প্রাণবন্ত করতে ব্যবহার করতে পারেন। ব্যবহারকারী যখন পৃষ্ঠাটি স্ক্রোল করে দেয় তখন অনেকগুলি ওয়েবসাইট সিএসএস অ্যানিমেশন ব্যবহার করে। এটি পৃষ্ঠায় কিছু ব্যক্তিত্ব যুক্ত করে এবং সর্বাধিক গুরুত্বপূর্ণ উপাদানগুলিকে জোর দেয়।
সিএসএস অ্যানিমেশনগুলি ফ্ল্যাশ বা ভিডিও ব্যবহারের চেয়েও দ্রুত। এগুলি দ্রুত লোড হয় এবং বেশিরভাগ আধুনিক ওয়েব ব্রাউজার দ্বারা সমর্থিত হয়। আপনি নিজের ওয়ার্ডপ্রেস থিমে বা স্টাইলশিটে ম্যানুয়ালি সিএসএস অ্যানিমেশন যুক্ত করতে পারেন। শিশু থিম। তবে বেশিরভাগ সূচনাপ্রাপ্ত ব্যক্তি তাদের থিম ফাইলগুলি সম্পাদনা করতে বা CSS শিখতে চান না।
এটি বলেছিল, এই টিউটোরিয়ালে, আমরা দেখতে পাব কীভাবে আপনি সহজেই আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে সিএসএস অ্যানিমেশনগুলি যুক্ত করতে পারেন।
তবে এর আগে, যদি আপনি ওয়ার্ডপ্রেস আবিষ্কারটি ইনস্টল না করেন একটি ওয়ার্ডপ্রেস ব্লগ 7 পদক্ষেপ ইনস্টল করার জন্য কিভাবে et কিভাবে আপনার ব্লগে ওয়ার্ডপ্রেস থিম অনুসন্ধান, ইনস্টল এবং সক্রিয় করবেন
তারপরে কেন আমরা এখানে আছি to
কিভাবে সিএসএস অ্যানিমেশন সেট আপ
আমরা এই টিউটোরিয়ালের জন্য একটি প্লাগইন ব্যবহার করব। এটি আপনাকে সিএসএস অ্যানিমেশনগুলি ব্যবহার করে তৈরি করতে দেয় WYSIWYG ভিজ্যুয়াল এডিটর। আপনাকে প্রথমে যা করতে হবে তা হ'ল প্লাগইন ইনস্টল এবং সক্রিয় করা এটা আত্মা!. প্লাগইনটি কনফিগারেশন ছাড়াই কাজ করে এবং কোনও নিয়ন্ত্রণ প্যানেল নেই।
আবিষ্কার করুন ওয়ার্ডপ্রেস একটি প্লাগইন ইনস্টল করার জন্য কিভাবে যদি আপনি এটি না করেন।
কেবল একটি নতুন পোস্ট তৈরি করুন, এবং আপনি ভিজ্যুয়াল সম্পাদক সরঞ্জামদণ্ডে একটি নতুন বোতাম দেখতে পাবেন।
বোতামটি ক্লিক করে আপনি একটি নতুন উইন্ডো দেখতে পাবেন যাতে আপনি নিজের সিএসএস অ্যানিমেশনগুলি ডিজাইন করতে পারেন। প্লাগইন অনেকগুলি সিএসএস অ্যানিমেশনগুলিকে সমর্থন করে যা থেকে সমস্ত বেছে নেওয়া উচিত।
প্রথমে আপনাকে অ্যানিমেশন শৈলী নির্বাচন করতে হবে। এর পরে, আপনাকে অ্যানিমেশন এবং অ্যানিমেশনের সময়কাল আগে অপেক্ষা করার সময় চয়ন করতে হবে। অবশেষে, আপনি নির্দিষ্ট করতে পারবেন কখন অ্যানিমেশনটি শুরু হবে।
আবিষ্কার করে আরও এগিয়ে যান কিভাবে আপনার ব্লগে দুর্দান্ত অ্যানিমেশন যোগ করতে
প্লাগইনটি তিনটি পছন্দ দেয়। আপনি অ্যানিমেশনটি ক্লিক করে, হোভারে বা স্ক্রোল করার সময় চালাতে পারেন।
আপনি একবার সেটিংসে সন্তুষ্ট হয়ে গেলে, আপনি বোতামটি ক্লিক করতে পারেন " এনিমে অ্যানিমেশন এর পূর্বরূপ দেখতে।
তারপর বাটন ক্লিক করুন সন্নিবেশ আপনার পোস্ট বা পৃষ্ঠায় অ্যানিমেশন যোগ করতে। আপনি লক্ষ্য করবেন যে প্লাগইনটি ভিজ্যুয়াল এডিটরটিতে ডামি সামগ্রী সহ একটি শর্টকোড যুক্ত করবে।
আপনাকে শর্টকোডের ভিতরে ডামি সামগ্রীগুলি সরিয়ে ফেলতে হবে এবং এটিকে আপনার নিজস্ব সামগ্রী, চিত্র বা অন্য যা কিছু সঞ্চারিত করতে চান তা দিয়ে প্রতিস্থাপন করতে হবে।
আবিষ্কার করুন কীভাবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে ইন্টারেক্টিভ মানচিত্র যুক্ত করবেন
আপনাকে এখন যা করতে হবে তা হ'ল আপনার সামগ্রী প্রকাশ করা এবং এর প্রাকদর্শন করুন।
কিছু প্রিমিয়াম ওয়ার্ডপ্রেস প্লাগইনও আবিষ্কার করুন
একটি আধুনিক চেহারা দিতে এবং আপনার ব্লগ বা ওয়েবসাইটের গ্রিপটি অনুকূলিত করতে আপনি অন্যান্য ওয়ার্ডপ্রেস প্লাগইন ব্যবহার করতে পারেন।
আমরা আপনাকে এখানে কয়েকটি প্রিমিয়াম ওয়ার্ডপ্রেস প্লাগইন অফার করছি যা আপনাকে এটি করতে সহায়তা করবে।
1। ChimpMate প্রো
Chimpmate হল MailChimp এর প্রিমিয়াম ওয়ার্ডপ্রেস পপ-আপ প্লাগইন যা আপনার পাঠকদের সাবস্ক্রাইবারে রূপান্তর করতে সাহায্য করে। এটি বিরক্তিকর পপ-আপ দিয়ে দর্শকদের বিরক্ত না করে আপনার ইমেল তালিকা বৃদ্ধি করার জন্য ডিজাইন করা হয়েছে।
এটি সম্পূর্ণরূপে কাস্টমাইজযোগ্য এবং কখন এবং কোথায় পপ-আপগুলি প্রদর্শন করতে হবে তা আপনি দক্ষতা অর্জন করবেন। এর অন্যান্য বৈশিষ্ট্যগুলি হ'ল: সমর্থন বেশ কয়েকটি ব্রাউজার এবং এর পিএকাধিক সময়সূচী বিকল্প, একটি সম্পূর্ণ কাস্টমাইজযোগ্য বিন্যাস, কপ্রতিক্রিয়াশীল গ্রাহক সমর্থন, iসঙ্গে নিখুঁত একীকরণ WooCommerce, একটি ইxcellente ক্যাশে পরিচালনা, নিখুঁত একীকরণ একাধিক ওয়ার্ডপ্রেস থিম সহ, বহুভাষিক সমর্থন ধন্যবাদ ডাব্লুপিএমএল প্লাগইনে, ইআর বেশি না।
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
2। WooCommerce কার্ডস্ট্রীম পেমেন্ট গেটওয়ে
কার্ডস্ট্রিম একমাত্র স্বাধীন পেমেন্ট গেটওয়ে প্রদানকারী। এই প্রিমিয়াম ওয়ার্ডপ্রেস প্লাগইন আপনাকে কার্ডস্ট্রিমের মাধ্যমে সরাসরি আপনার WooCommerce অনলাইন স্টোরে পেমেন্ট গ্রহণ করতে দেয়।
এটি আপনাকে কার্ড স্ট্রিম হোস্ট সমাধান ব্যবহার করে অর্থ প্রদান গ্রহণ করার ক্ষমতাও দেয়।
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
3। ডেটা উত্স
ডেটাসোর্স হ'ল একটি প্রিমিয়াম ওয়ার্ডপ্রেস প্লাগইন যা আপনার ওয়েবসাইটের যে কোনও পৃষ্ঠায় আপনার ডেটা ভিজ্যুয়ালি উপস্থাপনের উপর দৃষ্টি নিবদ্ধ করে। এটি আপনাকে সিএসভি, এক্সএমএল, এক্সেল, গুগল স্প্রেডশিট, মাইএসকিউএল ডেটাবেস বা কাস্টম পোস্ট ধরণের বাছাইযোগ্য এবং ফিল্টারযোগ্য টেবিল, বিভিন্ন চার্ট, মানচিত্র এবং আরও অনেক কিছু থেকে উপাত্ত উপস্থাপন করতে দেয়।
এর বৈশিষ্ট্যগুলির মধ্যে, আপনি অন্যদের মধ্যে দেখতে পাবেন: একটি iস্বজ্ঞাত ইন্টারফেস, টিআপনার তথ্য, মডেল মডেল উপর ভিত্তি করে সক্ষমsortable, filterable এবং প্রতিক্রিয়াশীল ables, দীআপপোর্ট Google Maps- এ এবং বহুভাষী, কপ্রতিক্রিয়াশীল গ্রাহক সমর্থন, এক মিব্যবহারকারী ম্যানুয়াল, একটি iদ্রুত ইনস্টলেশন, ইআরো বেশি
ডাউনলোড | ডেমো | ওয়েব হোস্টিং
প্রস্তাবিত সংস্থানসমূহ
আপনাকে আপনার ওয়েবসাইট তৈরি ও পরিচালনা করতে সহায়তা করতে অন্যান্য প্রস্তাবিত সংস্থান সম্পর্কে সন্ধান করুন।
- কিভাবে ওয়ার্ডপ্রেস উপর ইমেজ সংকুচিত এবং resize
- আপনার ওয়ার্ডপ্রেস ব্লগ শিরোনাম একটি উইজেট যোগ করুন কিভাবে
- কীভাবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে ইন্টারেক্টিভ মানচিত্র যুক্ত করবেন
- ওয়ার্ডপ্রেসে এক্সএনএমএক্সএক্স ত্রুটিটি কীভাবে ঠিক করবেন
উপসংহার
এখানে ! এটি এই টিউটোরিয়ালের জন্য, আমরা আশা করি এটি আপনাকে ওয়ার্ডপ্রেসে সিএসএস অ্যানিমেশনগুলি কীভাবে সংহত করতে শিখতে সহায়তা করেছিল। বিব্রত বোধ করবেন না আপনার প্রিয় সামাজিক নেটওয়ার্কগুলিতে আপনার বন্ধুদের সাথে ভাগ করুন.
তবে, আপনি আমাদের সাথে পরামর্শ করতে পারবেন সম্পদ, আপনার যদি ইন্টারনেট সাইট তৈরির প্রকল্পগুলি পরিচালনা করতে আরও উপাদানগুলির প্রয়োজন হয়, তবে আমাদের গাইডের সাথে পরামর্শ করে ওয়ার্ডপ্রেস ব্লগ তৈরি।
আপনার যদি পরামর্শ বা মন্তব্য থাকে তবে সেগুলি আমাদের বিভাগে রেখে দিন commentaires.
...
খুব ভাল .. তথ্যের জন্য ধন্যবাদ !!