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