Flatesome থিম
ফ্ল্যাটসোম হল একটি শক্তিশালী ওয়ার্ডপ্রেস থিম যা ইকমার্স ওয়েবসাইটের জন্য ডিজাইন করা হয়েছে এবং এটি WooCommerce ইন্টিগ্রেশনের সাথে আসে।
এটি থিমফরেস্টের অন্যতম জনপ্রিয় WooCommerce থিম। এই টিউটোরিয়াল লেখার সময় পর্যন্ত, এটি 174.500 এর বেশি বিক্রয় এবং 6,600+ রিভিউ থেকে একটি দুর্দান্ত 4.8-স্টার রেটিং এসেছে।
ফ্ল্যাটসোম প্রাথমিকভাবে নন-টেক-স্যাভি ব্যবহারকারীদের কথা মাথায় রেখে তৈরি করা হয়েছে।
যারা অনলাইন ব্যবসা শুরু করতে চান কিন্তু পেশাদার কোডার ভাড়া করার জন্য বা কিভাবে বাজেট করতে হয় তা জানেন না তাদের জন্য এটি দারুণ। ফ্ল্যাটসোমের সাহায্যে, আপনি সহজ এবং স্বজ্ঞাত সরঞ্জামগুলি ব্যবহার করে পেশাদার চেহারা ওয়েবসাইট তৈরি করতে সক্ষম হবেন।
এখন, ফ্ল্যাটসোম অনেকগুলি দুর্দান্ত বৈশিষ্ট্য এবং কার্যকারিতা নিয়ে আসে। কি পাওয়া যায় এবং কিভাবে এটি কাজ করে তা দেখানোর জন্য, আমরা একটি দ্রুত টিউটোরিয়াল দেখিয়েছি কিভাবে আপনি ফ্ল্যাটসোম ব্যবহার করে একটি WooCommerce পণ্য পৃষ্ঠা তৈরি করবেন।
সুতরাং, আর ঝামেলা ছাড়াই, শুরু করা যাক:
সূচীপত্র:
- Flatesome থিম
- ফ্ল্যাটসম, ডাব্লুউকমার্স এবং ওয়ার্ডপ্রেসের মধ্যে পার্থক্য
- ফ্ল্যাটসোম থিম ব্যবহার করে একটি WooCommerce পণ্য পৃষ্ঠা তৈরি করুন
- ধাপ 1: পণ্য পৃষ্ঠার জন্য একটি বিন্যাস নির্বাচন করুন
- (Alচ্ছিক) ধাপ 2: ম্যানুয়ালি প্রোডাক্ট পেজ তৈরি করুন
- ধাপ 3: পণ্য পৃষ্ঠা কাস্টমাইজ করুন
- মোড়ক উম্মচন
ফ্ল্যাটসম, ডাব্লুউকমার্স এবং ওয়ার্ডপ্রেসের মধ্যে পার্থক্য
আমরা যেমন আমাদের নতুন পাঠকদের স্বাগত জানাই, আমাদের পাঠকরা একই পৃষ্ঠায় রয়েছেন তা নিশ্চিত করার জন্য আমাদের অবশ্যই কিছু প্রয়োজনীয় তথ্য রাখতে হবে। এখানে আমরা এই তিনটি পরিভাষার মধ্যে পার্থক্যটি আলোচনা করব যা আমরা এই নিবন্ধটি জুড়ে ব্যবহার করব।
ওয়ার্ডপ্রেস দিয়ে শুরু করা যাক। এটি এমন একটি প্ল্যাটফর্ম যেখানে আপনি নিজের ওয়েবসাইট তৈরি করতে বিভিন্ন থিম এবং plugin ইনস্টল করেন। আপনার প্রয়োজনীয়তা অনুসারে অন্যান্য কাজগুলি সম্পাদনের জন্য হাজার হাজার plugin ও থিম রয়েছে।
WooCommerce একটি plugin আমরা ওয়ার্ডপ্রেসে ইনস্টল করি যা আপনাকে আমাদের ওয়েবসাইটে বিভিন্ন বৈশিষ্ট্য যুক্ত করতে দেয়। এই plugin ইনস্টলেশন সহ, আমরা শপিং কার্ট, পেমেন্ট প্রসেসিং, পণ্য পরিচালনা ইত্যাদির মতো অতিরিক্ত কার্যকারিতা সহ আমাদের ওয়েবসাইট এবং অনলাইন স্টোর তৈরি করতে পারি
শেষ পর্যন্ত, তবে অবশ্যই, সবচেয়ে গুরুত্বপূর্ণ উপাদানগুলির মধ্যে একটি হল আমাদের ওয়েবসাইটের দৃষ্টিভঙ্গি। ফ্ল্যাটসম এমন একটি থিম যা আমাদের ইচ্ছানুসারে আমাদের ওয়েবসাইটের দৃষ্টিকোণটি কাস্টমাইজ করতে দেয়। উদাহরণস্বরূপ, যদি আপনার সংস্থার লোগো কমলা হয় তবে আপনি নিজের ওয়েবসাইটের রঙে প্রতিবিম্বিত করতে চান। এটি ফ্ল্যাটসম আপনাকে সরবরাহ করতে পারে।
ফ্ল্যাটসোম থিম ব্যবহার করে একটি WooCommerce পণ্য পৃষ্ঠা তৈরি করুন
যেহেতু আমাদের সকল পাঠকের ওয়ার্ডপ্রেস, ওউকমার্স এবং ফ্ল্যাটসম সম্পর্কে জ্ঞান রয়েছে তাই ফ্ল্যাটসাম থিমটি নিয়ে আসা দুর্দান্ত ইউএক্স নির্মাতার সাথে আমাদের পণ্য পৃষ্ঠার কাস্টমাইজেশনে এগিয়ে যাওয়ার সময় এসেছে। এটি একটি ড্রাগ এবং ড্রপ বৈশিষ্ট্য যা ডিজাইনারের জীবনকে অত্যন্ত সহজ করে তোলে।
প্রায় সকলেই অনলাইনে শপিং করেছেন, সম্ভবত গত কয়েকমাসে আমরা যে চ্যালেঞ্জপূর্ণ সময়ের মুখোমুখি হয়েছিলাম। বাড়িতে থাকা আমাদের সবার জন্য নিরাপদ সমাধান ছিল। এই কারণেই আমাদের সমস্ত পাঠক এই বিষয়টির সাথে একমত হবেন যে কোনও স্ট্যান্ডার্ড ওয়েবসাইটের তুলনায় একটি অনলাইন স্টোর অনেক বেশি জটিল।
তবে WooCommerce এবং Flatsome এর সহায়তায় এই কাজটি অত্যন্ত সহজ হয়ে গেছে। আপনাকে বসে আপনার ওয়েবসাইটটি কেমন দেখাচ্ছে তা পরিকল্পনা করতে হবে এবং এটি এটি। WooCommerce এর বিল্ডার বিকল্পগুলির সাথে আপনাকে সহায়তা করার জন্য থাকবে। আপনি ড্র্যাগ এবং ড্রপ দিয়ে মাত্র কয়েক মিনিটের মধ্যে একটি সম্পূর্ণ ফ্লেজিং অনলাইন স্টোর তৈরি করতে পারেন।
এবং Flatsome- , আপনি একটি অনলাইন স্টোরকে সম্পূর্ণ নতুন জীবন দেওয়ার বিষয়ে আপনার ধারণা দিতে সক্ষম হবেন। আপনার ওয়েবসাইট একটি আধুনিক এবং সুন্দর চেহারা হতে হবে যাতে এটি গ্রাহকদের আকৃষ্ট করতে পারে। অতএব, Flatsome হল আপনার সমস্ত সমস্যার জন্য সেরা সমাধান, তাই এখান থেকে ডাউনলোড করুন এবং শুরু করা যাক।
ফ্ল্যাটসোমের কিছু চমত্কার বৈশিষ্ট্য রয়েছে, তবে এর একটি অংশ হল এটি 300,000 এরও বেশি ব্যবহারকারীর শীর্ষ পছন্দ হয়ে উঠেছে। একটি চূড়ান্ত সরঞ্জাম একটি একক লাইন কোড না করে কিছু অসাধারণ প্রতিক্রিয়াশীল ওয়েবসাইট তৈরিতে সহায়তা করে। উপরন্তু, কিছু অত্যন্ত সৃজনশীল এবং অনন্য অনলাইন স্টোর তৈরির ক্ষমতা এটিকে আরও বেশি যোগ্য করে তোলে।
সুতরাং আর কোনও সময় নষ্ট না করে আসুন টিউটোরিয়ালটি চলুন। এই টিউটোরিয়ালটি আপনাকে পণ্য পৃষ্ঠা ডিজাইনের সম্পূর্ণ প্রক্রিয়াতে নিয়ে যায়। ছবিগুলি আপনাকে কার্য প্রক্রিয়াটির মধ্য দিয়ে কীভাবে চলবে সে সম্পর্কে আরও ভাল ধারণা পেতে সহায়তা করবে।
ধাপ 1: পণ্য পৃষ্ঠার জন্য একটি বিন্যাস নির্বাচন করুন
প্রথমত, আমরা পণ্য পৃষ্ঠার একটি বিন্যাস নির্বাচন করে শুরু করব। এই নির্বাচনটি আমাদের অনলাইন স্টোরের জন্য একটি মৌলিক পৃষ্ঠা তৈরি করবে, যা আমরা পরে আমাদের ইচ্ছা অনুযায়ী কাস্টমাইজ করব। এই ধাপে ধাপে নির্দেশিকা আপনাকে পৃষ্ঠাটি কাস্টমাইজ করার প্রক্রিয়ার মধ্য দিয়ে যাবে।
এই প্রাক্তন amp লে এর জন্য, আমরা ক্লাসিক শপ বিকল্পটি দিয়ে চালিয়ে যাব। তবে, আপনার উপর কোনও বাধা নেই। আপনার পছন্দসই প্রতিটি বিন্যাসের জন্য কাস্টমাইজেশন প্রক্রিয়া সমান হবে। কেবলমাত্র পার্থক্য হ'ল পৃষ্ঠার মূল কাঠামো অন্যটির থেকে আলাদা হবে।
পণ্য কাস্টমাইজারের দিকে এগিয়ে চলেছি, আমরা এটির পুরো উচ্চতা বাম পাশের নামটি দিয়েছি।
পণ্য পৃষ্ঠাটি কাস্টমাইজ করার জন্য দুটি বিকল্প উপলব্ধ। প্রথমটি ইউএক্স বিল্ডারের সাথে করা উচিত, অন্যটি হ'ল পৃষ্ঠাটি ম্যানুয়ালি তৈরি করা। আপনি যদি দ্বিতীয় বিকল্পটি নির্বাচন করেন, আপনাকে অফিসিয়াল ডকুমেন্টেশনে যেতে হবে এবং শর্টকোডগুলি সনাক্ত করতে হবে। আপনি যদি শিক্ষানবিশ হন এবং একটি অনলাইন স্টোর নির্মাণের এটি আপনার প্রথম অভিজ্ঞতা, তবে আমি এই প্রথম বিকল্পটিতে যাওয়ার পরামর্শ দিই।
(Alচ্ছিক) ধাপ 2: ম্যানুয়ালি প্রোডাক্ট পেজ তৈরি করুন
এখানে ফ্ল্যাটসমের অফিসিয়াল ডকুমেন্টেশন পৃষ্ঠার স্ক্রিনশট রয়েছে। আপনি শর্টকোড শব্দটি টাইপ করতে পারেন এবং তাদের জন্য অনুসন্ধান করতে পারেন।
একবার আপনি অনুসন্ধানে আঘাত করলে, স্ক্রিনে প্রদর্শিত শর্টকডগুলির একটি তালিকা উপস্থিত থাকবে। আপনি পণ্য পৃষ্ঠাটির জন্য গুরুত্বপূর্ণ শর্টকডগুলি চয়ন করতে পারেন। শর্টকডগুলি ব্যবহারের জন্য কম পরিশ্রমের প্রয়োজন, তবে এটি আপনার ওয়ার্ডপ্রেস এবং শর্টকোডগুলি ব্যবহার করার সাথে সামান্য অভিজ্ঞতা অর্জন করা জরুরী।
এখানে পৃষ্ঠাগুলি তৈরি করতে ওয়েবসাইটটিতে আপনি ব্যবহার করতে পারেন এমন শর্টকডগুলির তালিকা is
এই প্রাক্তন amp লে তে, আমরা পুরো উচ্চতা বাম পাশের বার লেআউটটি কাস্টমাইজ করব; সুতরাং, আমরা নকশা জন্য কোড অনুলিপি করা হবে। নীচে প্রয়োগের একটি ছবি দেওয়া আছে তবে আপনি কাঠামো থেকে সহজেই এটি অনুলিপি করতে পারেন।
একটি শিরোনাম সহ একটি ব্লক তৈরি শুরু করুন। আপনি যদি হেড ডেভেলপ করতে চান, তাহলে আপনাকে আপনার ড্যাশবোর্ডে রাখা UX ব্লকের অধীনে "নতুন যোগ করুন" ক্লিক করতে হবে।
আপনি আপনার ইচ্ছা অনুযায়ী ব্লকের নাম দিতে পারেন। এখানে এই প্রাক্তন amp , আমরা ইউনিয়নের নাম দিয়েছি 'সম্পূর্ণ উচ্চতা বাম সাইডবার লেআউট।' পরবর্তী, আপনি ব্লক সম্পাদকের ভিতরে শর্টকোড দেখতে পারেন। একবার আপনি পছন্দসই শর্টকোডগুলি অনুলিপি করার পরে, আপনি পাবলিশ হিট করতে পারেন।
আমরা এই একটুখানি পদক্ষেপের পরে সমান হয়ে উঠব যেখানে আমরা আমাদের পৃষ্ঠাগুলিকে আমাদের বাসনা অনুসারে কাস্টমাইজ করতে পারি। এখন পণ্য পৃষ্ঠা থিম বিকল্পে নেভিগেট করুন এবং কাস্টম বিন্যাস আইকনটি টিপুন।
একবার সম্পূর্ণ হয়ে গেলে, আপনি এখন কাস্টম পণ্য লেআউট ড্রপডাউন থেকে ব্লক তৈরি করতে সক্ষম হবেন।
আমরা সবেমাত্র নির্মিত ব্লকটি চয়ন করুন। সেই ব্লকটি তৈরি করার জন্য আমাদের মূল লক্ষ্য ছিল এর থেকে একটি পণ্য পৃষ্ঠা তৈরি করা। এই এক্স amp লে অনুসারে, পুরো উচ্চতার বাম দিকের সাইডবার লেআউটটি ব্লক, যখন আপনার শেষে, এটি আপনার নাম অনুসারে হবে।
একবার সম্পূর্ণ হয়ে গেলে, কেবল প্রকাশের বোতামটি চাপুন; এটি সেটিংস সংরক্ষণ করবে।
ধাপ 3: পণ্য পৃষ্ঠা কাস্টমাইজ করুন
আমাদের কাস্টমাইজেশন শুরু করার সময় এসেছে। প্রথমত, আমরা পদক্ষেপগুলিতে আগে সেট করা সামনের প্রান্ত থেকে বিদ্যমান পণ্য পৃষ্ঠাতে নেভিগেট করব।
এটি গুরুত্বপূর্ণ যে আপনি একটি নির্দিষ্ট পণ্য যা আমাদের সেটআপ করতে হবে তা নির্বাচন করুন। আমাদের কাস্টমাইজ করতে প্রয়োজন কাজের সম্পূর্ণ বিবরণ, চিত্র থাকতে হবে। এইভাবে, প্রক্রিয়াটি আপনার তৈরি পৃষ্ঠা বিভাগটি কল্পনা করতে আরও স্বাচ্ছন্দ্যময় হয়ে ওঠে becomes
ইউএক্স বিল্ডার বিকল্পটি দৃশ্যমান। কাস্টমাইজেশন শুরু করতে কেবল বোতামটি চাপুন।
ইউএক্স বিল্ডার খোলা থাকার পরে, আপনি চিত্র থেকে দেখতে পারেন যে পণ্য পৃষ্ঠার উপাদানগুলি আপনার পণ্য পৃষ্ঠার বাম পাশের প্যানেলে উপলব্ধ।
বাম দিকের প্যানেলটি হ'ল ব্লক যা আমরা প্রাথমিকভাবে তৈরি করেছি। আমরা ডকুমেন্টেশন থেকে নেওয়া শর্টকডগুলির সাহায্যে এটি তৈরি করেছি।
আপনার কাছে বাম পাশের প্যানেল থেকে উপাদানগুলিকে পুনঃক্রম করতে এবং উপাদান বিকল্প থেকে সেটিংস পরিবর্তন করার বিকল্প রয়েছে। এই এক্স amp লে তে, আমরা বাম মেনুতে উপলব্ধ দামটি পুনরায় সাজিয়ে তুলব।
তদুপরি, এটি আপনাকে নির্মাতার পূর্বরূপ থেকে উপাদানগুলিকে পুনর্বিন্যাস করতে এবং নির্মাতার পণ্য পৃষ্ঠায় অতিরিক্ত উপাদানগুলি স্থাপন করতে দেয়। এই ডেমোতে, পণ্য ট্যাব বিভাগ এবং সম্পর্কিত পণ্যটি কেবল একটি সহজ ড্র্যাগ এবং ড্রপ দিয়ে পুনর্বিন্যাস করা হয়েছে।
উল্লেখযোগ্য টানা এবং ড্রপ কার্যকারিতা সহ ফ্ল্যাটসোম আপনাকে আপনার ওয়েবসাইটে যা সন্ধান করছেন তা সরবরাহ করতে প্রস্তুত। অত্যন্ত স্বনির্ধারিত মডিউলগুলির সাহায্যে আপনি স্বাচ্ছন্দ্যে কিছু চমত্কার পৃষ্ঠা তৈরি করতে পারেন। ড্রাগ এবং ড্রপ বৈশিষ্ট্য জীবনকে আরও আরামদায়ক করে তোলে।
মোড়ক উম্মচন
এই আধুনিক যুগে একটি অনলাইন ব্যবসা করা জরুরী কারণ লোকেরা নিরাপদে থাকার জন্য বাড়ীতে থাকতে পছন্দ করে। সুতরাং ফ্ল্যাটসোম দিয়ে আপনার ব্যবসায়ের প্রথম অনলাইন স্টোর তৈরি করা শুরু করুন এবং আপনার গ্রাহকদের এর স্বতন্ত্রতা এবং সৃজনশীলতার সাথে প্রশংসিত করুন। তদুপরি, কন্টেন্ট এডিটরটিতে কোডের কোনও গণ্ডগোল নেই, কেবল কয়েকটি শর্টকোড লাইন। নিঃসন্দেহে ফ্ল্যাটসম আমার সেরা থিমটি এসেছে। সুতরাং অন্য কোনও থিমের আশেপাশে দেখার দরকার নেই, কেবল ডাউনলোড বোতামটি চাপুন এবং এখনই আপনার পছন্দসই অনলাইন স্টোরটি তৈরি করা শুরু করুন।
