Flatsome تھیم
Flatsome ایک طاقتور ورڈپریس تھیم ہے جو ای کامرس ویب سائٹس کے لیے ڈیزائن کیا گیا ہے اور WooCommerce انضمام کے ساتھ آتا ہے۔
یہ ThemeForest پر WooCommerce کے مقبول ترین موضوعات میں سے ایک ہے۔ اس ٹیوٹوریل کو لکھنے کے وقت تک ، یہ 174.500 سے زیادہ فروخت اور 6،600 سے زیادہ جائزوں سے آنے والی ایک زبردست 4.8 اسٹار ریٹنگ تھی۔
فلیٹسم بنیادی طور پر ابتدائی اور غیر ٹیک سیکھنے والے صارفین کو ذہن میں رکھتے ہوئے تیار کیا گیا ہے۔
یہ ان لوگوں کے لیے بہت اچھا ہے جو آن لائن کاروبار شروع کرنا چاہتے ہیں لیکن کوڈ کرنا نہیں جانتے یا پروفیشنل کوڈر کی خدمات حاصل کرنے کے لیے بجٹ رکھتے ہیں۔ فلیٹسم کے ساتھ ، آپ سادہ اور بدیہی ٹولز کا استعمال کرتے ہوئے پیشہ ور نظر آنے والی ویب سائٹ بنا سکیں گے۔
اب ، فلیٹسم بہت ساری خوفناک خصوصیات اور فعالیتوں سے بھرا ہوا ہے۔ دستیاب کیا ہے اور یہ کیسے کام کرتا ہے اس کو ظاہر کرنے کے لیے ، ہمارے پاس ایک فوری ٹیوٹوریل ہے جو آپ کو دکھاتا ہے کہ فلیٹسم کا استعمال کرتے ہوئے WooCommerce پروڈکٹ پیج کیسے بنایا جائے۔
تو ، مزید اڈو کے بغیر ، آئیے شروع کریں:
فھرست:
- Flatsome تھیم
- Flatsome ، WooCommerce ، اور ورڈپریس کے درمیان فرق
- فلیٹسم تھیم کا استعمال کرتے ہوئے ایک WooCommerce پروڈکٹ پیج بنائیں۔
- مرحلہ 1: پروڈکٹ پیج کے لیے ایک لے آؤٹ منتخب کریں۔
- (اختیاری) مرحلہ 2: دستی طور پر پروڈکٹ پیج بنائیں۔
- مرحلہ 3: پروڈکٹ پیج کو اپنی مرضی کے مطابق بنائیں۔
- ختم کرو
Flatsome ، WooCommerce ، اور ورڈپریس کے درمیان فرق
جب ہم اپنے نئے قارئین کا استقبال کرتے ہیں تو ، ہمیں یہ یقینی بنانے کے لئے کچھ ضروری معلومات رکھنا چاہ. کہ ہمارے تمام قارئین ایک ہی صفحے پر موجود ہیں۔ یہاں ہم ان تینوں اصطلاحات کے فرق پر تبادلہ خیال کریں گے جو ہم اس مضمون میں استعمال کریں گے۔
آئیے ورڈپریس کے ساتھ شروع کریں۔ یہ ایک ایسا پلیٹ فارم ہے جہاں آپ اپنی ویب سائٹ بنانے کے لئے مختلف تھیمز اور plugin انسٹال کرتے ہیں۔ آپ کی ضرورت کے مطابق دیگر کاموں کو پورا کرنے کے لئے ہزاروں plugin اور تھیمز دستیاب ہیں۔
WooCommerce ایک plugin ہے جسے ہم ورڈپریس پر انسٹال کرتے ہیں جو آپ کو ہماری ویب سائٹ میں مختلف خصوصیات شامل کرنے کی اجازت دیتا ہے۔ اس plugin کی تنصیب کے ساتھ ، ہم اضافی فعالیتوں جیسے خریداری کی ٹوکری ، ادائیگی کی پروسیسنگ ، پروڈکٹ مینجمنٹ ، وغیرہ کے ساتھ اپنی ویب سائٹ اور آن لائن اسٹور بنا سکتے ہیں۔
آخر میں ، لیکن یقینی طور پر ، ایک انتہائی نازک عنصر ہماری ویب سائٹ کا نقطہ نظر ہے۔ Flatsome ایک تھیم ہے جو ہمیں اپنی خواہشات کے مطابق اپنی ویب سائٹ کے نقطہ نظر کو اپنی مرضی کے مطابق بنانے کی اجازت دیتا ہے۔ مثال کے طور پر ، اگر آپ کی کمپنی کا لوگو اورینج ہے تو ، آپ اپنی ویب سائٹ کے رنگ پر غور کرنا چاہتے ہیں۔ یہ وہی ہے جو Flatsome آپ کو فراہم کرسکتا ہے۔
فلیٹسم تھیم کا استعمال کرتے ہوئے ایک WooCommerce پروڈکٹ پیج بنائیں۔
چونکہ ہمارے سبھی قاری کو ورڈپریس ، وو کامرس اور فلیٹسوم کے بارے میں علم ہے ، لہذا اب وقت آگیا ہے کہ ہم فلیٹسم تھیم کے ساتھ آنے والے لاجواب یو ایکس بلڈر کے ساتھ اپنے پروڈکٹ پیج کی تخصیص کی طرف آگے بڑھیں۔ یہ ڈریگ اینڈ ڈراپس فیچر ہے جو ڈیزائنر کی زندگی کو انتہائی آسان بنا دیتی ہے۔
تقریبا everyone ہر شخص نے آن لائن شاپنگ کی ہے ، شاید اس وجہ سے کہ گذشتہ چند مہینوں میں ہم نے ان مشکل وقتوں کا سامنا کیا ہے۔ گھر میں رہنا ہم سب کے لئے محفوظ ترین حل تھا۔ یہی وجہ ہے کہ ہمارے تمام قارئین اس حقیقت پر متفق ہوں گے کہ ایک معیاری ویب سائٹ کے مقابلے میں آن لائن اسٹور بہت پیچیدہ ہے۔
تاہم ، WooCommerce اور Flatsome کی مدد سے ، یہ کام انتہائی آسان ہوگیا ہے۔ آپ کو بیٹھ کر یہ منصوبہ بندی کرنے کی ضرورت ہے کہ آپ کی ویب سائٹ کیسی ہوگی۔ WooCommerce اس کے بلڈر کے اختیارات میں آپ کی مدد کرنے کے لئے موجود ہوگا۔ آپ ڈریگ اور ڈراپ کے ساتھ صرف چند منٹ میں ایک مکمل فلاحی ورکنگ آن لائن اسٹور تشکیل دے سکتے ہیں۔
WooCommerce اور Flatsome ، آپ ایک آن لائن سٹور کو مکمل طور پر نئی زندگی دینے کے اپنے آئیڈیاز دینے کے قابل ہو جائیں گے۔ آپ کی ویب سائٹ کو جدید اور خوبصورت نظر آنا چاہیے تاکہ وہ صارفین کو راغب کر سکے۔ لہذا، Flatsome آپ کے تمام مسائل کا بہترین حل ہے، لہذا اسے یہاں اور آئیے شروع کریں۔
فلیٹسم میں کچھ لاجواب خصوصیات ہیں ، لیکن ایک حصہ یہ ہے کہ یہ 300،000 سے زیادہ صارفین کا اولین انتخاب بن گیا ہے۔ ایک حتمی ٹول کسی ایک لائن کوڈ کیے بغیر کچھ زبردست جواب دہ ویب سائٹس بنانے میں مدد کرتا ہے۔ مزید برآں ، کچھ انتہائی تخلیقی اور منفرد آن لائن سٹور بنانے کی اس کی صلاحیت اسے مزید قابل بناتی ہے۔
لہذا مزید کوئی وقت ضائع کیے بغیر ، آئیے سبق حاصل کریں۔ یہ سبق آپ کو مصنوعات کے صفحے کو ڈیزائن کرنے کے مکمل عمل میں لے جاتا ہے۔ تصویروں سے آپ کو بہتر اندازہ لگانے میں مدد ملے گی کہ یہ عمل کیسے گزرے گا۔
مرحلہ 1: پروڈکٹ پیج کے لیے ایک لے آؤٹ منتخب کریں۔
سب سے پہلے ، ہم مصنوعات کے صفحے کی ترتیب منتخب کرکے شروع کریں گے۔ یہ انتخاب ہمارے آن لائن سٹور کے لیے ایک بنیادی صفحہ بنائے گا ، جسے ہم بعد میں اپنی خواہشات کے مطابق اپنی مرضی کے مطابق بنائیں گے۔ یہ مرحلہ وار گائیڈ آپ کو صفحے کو حسب ضرورت بنانے کے عمل سے گزرے گا۔
اس سابق کے لئے amp لی، ہم کلاسیکی دکان اختیار کے ساتھ جاری کیا جائے گا. تاہم ، آپ پر کوئی پابندی نہیں ہے۔ تخصیص کا عمل آپ کے منتخب کردہ ہر لے آؤٹ کے لئے یکساں ہوگا۔ صرف فرق اس صفحے کا بنیادی ڈھانچہ دوسرے سے مختلف ہوگا۔
پروڈکٹ کسٹمائزر کی طرف بڑھتے ہوئے ، ہم نے اسے پوری اونچائی کی بائیں سائڈبار کا نام دیا۔
مصنوعات کے صفحے کو بہتر کرنے کے لئے دو اختیارات دستیاب ہیں۔ پہلا کام UX بلڈر کے ساتھ کیا جانا ہے ، جبکہ دوسرا صفحہ دستی طور پر بنانا ہے۔ اگر آپ دوسرا آپشن منتخب کرتے ہیں تو آپ کو سرکاری دستاویزات کی طرف جانا ہوگا اور شارٹ کوڈز تلاش کرنا ہوں گے۔ اگر آپ ابتدائی ہیں اور آن لائن اسٹور بنانے کا یہ آپ کا پہلا تجربہ ہے تو ، میں اس پہلے آپشن کو جانے کی سفارش کرتا ہوں۔
(اختیاری) مرحلہ 2: دستی طور پر پروڈکٹ پیج بنائیں۔
یہاں فلیٹسوم کے سرکاری دستاویزات والے صفحے کا اسکرین شاٹ ہے۔ آپ لفظ شارٹ کوڈز ٹائپ کرسکتے ہیں اور ان کی تلاش کرسکتے ہیں۔
ایک بار جب آپ تلاش کو ماریں گے تو ، اسکرین پر شارٹ کوڈز کی فہرست ظاہر ہوگی۔ آپ شارٹ کوڈز کا انتخاب کرسکتے ہیں جو پروڈکٹ پیج کیلئے اہم ہیں۔ شارٹ کوڈ کے استعمال کے لئے کم کوشش کی ضرورت ہے ، لیکن یہ ضروری ہے کہ آپ کو ورڈپریس کے ساتھ تھوڑا سا تجربہ ہو اور شارٹ کوڈ استعمال کریں۔
یہاں شارٹ کوڈز کی فہرست ہے جو آپ ویب سائٹ پر صفحات بنانے کے لئے استعمال کرسکتے ہیں۔
اس سابق میں amp لی ہے، ہم مکمل اونچائی سائڈبار ترتیب بائیں تخصیص ہو جائے گا؛ اس طرح ، ہم ڈیزائن کے لئے کوڈ کاپی کریں گے۔ اطلاق شدہ تصویر کی پیروی مندرجہ ذیل ہے ، لیکن آپ اسے ساخت سے آسانی سے کاپی کرسکتے ہیں۔
عنوان کے ساتھ بلاک بنانا شروع کریں۔ اگر آپ ہیڈ تیار کرنا چاہتے ہیں تو آپ کو اپنے ڈیش بورڈ میں موجود UX بلاکس کے تحت دستیاب "نیا شامل کریں" پر کلک کرنے کی ضرورت ہے۔
آپ اپنی خواہشات کے مطابق بلاک کا نام رکھ سکتے ہیں۔ یہاں اس سابق میں amp لی، ہم جتنی یونین نامزد کیا 'مکمل اونچائی بائیں سائڈبار ترتیب.' اگلا ، آپ بلاک ایڈیٹر کے اندر شارٹ کوڈ دیکھ سکتے ہیں۔ ایک بار جب آپ مطلوبہ شارٹ کوڈز کی کاپی مکمل کرلیں ، تو آپ پبلش کو دباسکتے ہیں۔
ہم اس ایک چھوٹے سے قدم کے بعد برابر ہوں گے جہاں ہم اپنی پیج کو اپنی خواہشات کے مطابق بنا سکتے ہیں۔ اب پروڈکٹ پیج تھیم آپشن پر جائیں اور کسٹم لے آؤٹ آئیکن کو ٹکرائیں۔
ایک بار مکمل ہونے کے بعد ، اب آپ کسٹم پروڈکٹ لے آؤٹ ڈراپ ڈاؤن سے بلاکس بنانے کے اہل ہوں گے۔
ہم نے ابھی پیدا کیا ہوا بلاک منتخب کریں۔ اس بلاک کو بنانے کے لئے ہمارا بنیادی ہدف اس میں سے کسی مصنوع کا صفحہ بنانا تھا۔ اس سابقہ amp لی کے مطابق ، پوری اونچائی کا بائیں سائڈبار ترتیب بلاک ہے ، جبکہ آپ کے اختتام پر ، یہ آپ کے نام کے مطابق ہوگا۔
ایک بار مکمل ہونے کے بعد ، صرف شائع کریں کے بٹن کو دبائیں؛ یہ ترتیبات کو بچائے گا۔
مرحلہ 3: پروڈکٹ پیج کو اپنی مرضی کے مطابق بنائیں۔
ہمارے لئے تخصیص شروع کرنے کا وقت آگیا ہے۔ پہلے ، ہم موجودہ پروڈکٹ پیج کو سامنے کے اختتام سے تشریف لے جائیں گے جو ہم نے پہلے مراحل میں طے کیا تھا۔
یہ ضروری ہے کہ آپ کسی خاص پروڈکٹ کا انتخاب کریں جس کی ہمیں ترتیب دینے کی ضرورت ہے۔ آپ کے پاس اس کام کی مکمل تفصیلات اور تصاویر ہونی چاہئیں جو ہمیں اپنی مرضی کے مطابق کرنے کی ضرورت ہے۔ اس طرح ، اس صفحے کے حصے کو تصور کرنے کے لئے یہ عمل زیادہ آرام دہ ہو جاتا ہے جو آپ تخلیق کریں گے۔
UX بلڈر کا اختیار نظر آتا ہے۔ حسب ضرورت کو شروع کرنے کے لئے صرف بٹن کو دبائیں۔
UX بلڈر کھلا ہونے کے بعد ، آپ اس شبیہہ سے دیکھ سکتے ہیں کہ پروڈکٹ پیج عناصر آپ کے پروڈکٹ پیج کے بائیں جانب پینل میں دستیاب ہیں۔
بائیں طرف کا پینل وہ بلاک ہے جو ہم نے شروع میں بنایا تھا۔ ہم نے اسے دستاویزات سے لیئے گئے شارٹ کوڈز کی مدد سے تشکیل دیا ہے۔
آپ کے پاس بائیں طرف کے پینل سے عناصر کو دوبارہ ترتیب دینے اور عنصر کے آپشن سے ترتیبات کو تبدیل کرنے کے اختیارات ہیں۔ اس سابق میں amp لی، ہم قیمت کو بائیں مینو پر دستیاب کو دوبارہ ترتیب دے دیا جائے گا.
مزید یہ کہ ، یہ آپ کو بلڈر کے پیش نظارہ سے عناصر کو دوبارہ ترتیب دینے اور بلڈر پروڈکٹ پیج پر اضافی اجزاء ڈالنے کی بھی اجازت دیتا ہے۔ اس ڈیمو میں ، پروڈکٹس ٹیبز سیکشن اور متعلقہ پروڈکٹ کو صرف ایک سادہ ڈریگ اینڈ ڈراپ کے ساتھ دوبارہ ترتیب دیا گیا ہے۔
نمایاں ڈریگ اور ڈراپ فعالیت کے ساتھ ، فلیٹسوم آپ کو اپنی ویب سائٹ پر جو چیز تلاش کر رہے ہیں اسے فراہم کرنے کے لئے تیار ہے۔ انتہائی حسب ضرورت ماڈیولز کی مدد سے ، آپ آسانی سے کچھ لاجواب صفحات تشکیل دے سکتے ہیں۔ ڈریگ اینڈ ڈراپ فیچر زندگی کو اور زیادہ آرام دہ بنا دیتی ہے۔
ختم کرو
اس جدید دور میں آن لائن کاروبار کرنا ضروری ہے کیونکہ لوگ محفوظ رہنے کے لئے گھروں میں ہی ترجیح دیتے ہیں۔ لہذا آپ اپنے کاروبار کو پہلے آن لائن اسٹور کو فلیٹسوم کے ساتھ بنانا شروع کریں اور اپنے صارفین کو اس کی انفرادیت اور تخلیقی صلاحیتوں سے آموز کریں۔ مزید یہ کہ ، مواد کے ایڈیٹر میں کوڈ کی کوئی گندگی نہیں ہے ، صرف کچھ مختصر لائنیں۔ Flatsome بلاشبہ میں بھرا ہوا بہترین تھیم ہے۔ لہذا کسی اور تھیم کے آس پاس دیکھنے کی ضرورت نہیں ہے ، صرف ڈاؤن لوڈ کے بٹن کو دبائیں اور ابھی اپنی مرضی کے مطابق آن لائن اسٹور کی تعمیر شروع کردیں۔
