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