ورڈپریس کے ساتھ ایک کلائنٹ پورٹل کی تعمیر

Sep 15, 2025
کيسے
Build a client portal with WordPress
(تصویری کریڈٹ: ویب ڈیزائنر)

ایسے علاقے میں جو صارفین کو لاگ ان کرنے اور دستاویزات کو ڈاؤن لوڈ کرنے کی اجازت دیتا ہے، صارفین کو فون کے معاہدوں سے افادیت سے، صارفین کی طرف سے متوقع ہو گیا ہے.

جب ڈیزائنر اپنے گاہکوں کے ساتھ کام کرتے ہیں، تاہم، سب کچھ تیزی سے ای میلز، لنکس کے ایک پیچیدہ طور پر توڑ سکتا ہے مذاق اور منسلکات

یہ ورڈپریس ٹیوٹوریل ورڈپریس کو بڑھانے کے لئے کس طرح دکھائے گا (دوسرا ویب میزبانی خدمات دستیاب ہیں) دستاویزات، ویڈیوز اور ڈرائنگ کو ذخیرہ کرنے کے قابل کلائنٹ پورٹل میں، لہذا ایک کلائنٹ ان سب کو ایک جگہ میں رسائی حاصل کرسکتا ہے. پورٹل ہر گاہک کو ایک منفرد اور پاس ورڈ محفوظ کردہ لنک کے ساتھ خدمت کرے گا جو باقاعدگی سے نیویگیشن میں ظاہر نہیں ہوتا ہے.

اعداد و شمار کو ذخیرہ کرنے کے لئے اپنی مرضی کے پیغام کی اقسام اور شعبوں کا استعمال کیا جائے گا، اور یہ پلگ ان کے ذریعہ شامل کیا جائے گا، ڈیٹا نقصان سے بچنے کے لئے مرکزی خیال، موضوع میں تبدیلی ہونا چاہئے. مرکزی خیال، موضوع تھوڑی دیر میں نظر ثانی کی جائے گی.

کلائنٹ پورٹل کے بعد گاہکوں کو اپنی فائلوں تک رسائی حاصل کرنے کی سہولت فراہم کرتا ہے، جب بھی انہیں ان کی ضرورت ہوتی ہے، تو استعمال کرتے وقت زیادہ کلاؤڈ اسٹوریج . اس میں کاروباری فوائد کی ایک صف ہے، بشمول دستیاب اپ فروخت بھی شامل ہیں، یا ابتدائی طور پر ڈیلیوریبلز کو نظر انداز کرنے سے شروع سے کام کے عمل کا جائزہ لینے کے لئے استعمال کیا جا سکتا ہے.

فائلوں کو ڈاؤن لوڈ کریں اس سبق کے لئے.

  • بصری بلڈر میں ورڈپریس کو کس طرح تبدیل کرنا

01. ورڈپریس کی ایک تازہ کاپی انسٹال کریں

ورڈپریس کا ایک تازہ کاپی ترقیاتی سرور پر نصب کیا جاتا ہے، اور "UnderTrap" مرکزی خیال، موضوع کو فوری طور پر کام شروع کرنے کے لئے ایک بوائلرپلپل فاؤنڈیشن دینے کے لئے منتخب کیا گیا ہے. اپنی مرضی کے مطابق پوسٹ کی قسم UI پلگ ان کا استعمال کیا جائے گا لہذا ہماری اپنی مرضی کے پیغام کی اقسام مرکزی خیال، موضوع سے آزاد ہیں.

02. ڈیفالٹ پلگ ان کو ہٹا دیں

اگر کسی بھی ڈیفالٹ پلگ ان ورڈپریس کی نقل کے ساتھ آیا تو، ان کو حذف کریں. اس ٹیوٹوریل کے لئے پلگ ان کی ضرورت "اعلی درجے کی اپنی مرضی کے شعبوں" اور "اپنی مرضی کے مطابق پوسٹ کی قسم UI" ہیں. "کلاسیکی ایڈیٹر" بھی انسٹال کیا گیا ہے.

03. اپنی مرضی کے مطابق پوسٹ کی قسم شامل کریں

اپنی مرضی کے پیغام کی قسم UI انٹرفیس کا استعمال کرتے ہوئے، "کسٹمر" نامی نئی پوسٹ کی قسم شامل کریں. "پوسٹ کی قسم Slug" میں داخل ہونے پر، خالی جگہوں کے بجائے underscores کا استعمال کرتے ہیں اور واحد شکل میں لکھتے ہیں، کیونکہ یہ بعد میں ٹیمپلیٹس کو تشکیل دینے میں آسان بنائے گا. ایک تنازعہ کا موقع کم کرنے کے لئے پہلے سے طے شدہ TU_ شامل کیا گیا ہے.

04. اپنی مرضی کے مطابق پوسٹ کی قسم انٹرفیس شامل / ترمیم کریں

Build a client portal with WordPress: The add/edit custom post type interface

واحد اور کثیر لیبل دونوں شامل کریں (تصویری کریڈٹ: ویب ڈیزائنر)

ایک کثیر لیبل "گاہکوں" اور واحد "کسٹمر" لیبل شامل کریں، جیسا کہ یہ ورڈپریس ایڈمن مینو میں ظاہر ہوتا ہے. ان شعبوں میں سرمایہ کاری قبول کی جاتی ہے، جو ورڈپریس مینو tidier کرے گا.

05. اپنی مرضی کے مطابق ریوارٹ سلگ بنائیں

Build a client portal with WordPress: Create a custom rewrite slug

بہتر صارف کے تجربے کے لئے اپنی مرضی کے مطابق ریورس سلگ کا استعمال کریں (تصویری کریڈٹ: ویب ڈیزائنر)

پوسٹ کی قسم کے سلگ کے لئے ایک سابقہ ​​کا استعمال کرتے ہوئے اس کا مطلب یہ ہے کہ گاہکوں کو پورٹل میں شامل کیا جائے گا جس میں "/ tu_customer / مثال-کمپنی" کی طرح لگتا ہے. یہ صاف نظر نہیں آتا، اور اپنی مرضی کے مطابق ریورس سلگ اس کو بہتر بنانے کے لئے استعمال کیا جاتا ہے. "گاہکوں" کو دوبارہ لکھنا سلگ کی ترتیب کو اپنی مرضی کے مطابق پوسٹ کی قسم کے طور پر / گاہکوں / مثال کے طور پر کمپنی کو ظاہر کرنے کی اجازت دیتا ہے.

06. اپنی مرضی کے شعبوں کے لئے سپورٹ شامل کریں

Build a client portal with WordPress: Add support for custom fields

"اپنی مرضی کے فیلڈ" کے اختیارات کو نشان زد کریں اور تبدیلیاں جمع کریں (تصویری کریڈٹ: ویب ڈیزائنر)

اپنی مرضی کے مطابق پوسٹ کی قسم کے لئے فعال کردہ آخری اختیار "کی حمایت اور GT؛ اپنی مرضی کے میدان" ہے جو صفحے کے نچلے حصے کے قریب پایا جاتا ہے. اس کو نشان زد کریں، اور پھر صفحے کے نچلے حصے میں "پوسٹ کی قسم شامل کریں". یہ تبدیلیوں کو پیش کرتا ہے اور پوسٹ کی قسم کو رجسٹر کرتا ہے.

07. اپنی مرضی کے شعبوں کو شامل کریں

Build a client portal with WordPress: Add custom fields

اب آپ اپنی نئی پوسٹ کی قسم میں اپنی مرضی کے شعبوں کو شامل کرنے کی ضرورت ہے (تصویری کریڈٹ: ویب ڈیزائنر)

اپنی مرضی کے شعبوں کو اب پوسٹ کی قسم میں شامل اور تفویض کرنے کی ضرورت ہے جو صرف تخلیق کیا گیا تھا. "کسٹمر پورٹل" کا نام ایک فیلڈ گروپ کو شامل کرنا پہلا قدم ہے، اس کے بعد فیلڈ کے بٹن کے ساتھ اپنی مرضی کے شعبوں کو شامل کرکے اس کے بعد. پہلا فیلڈ "مختصر" فیلڈ کی قسم "فائل" کے طور پر مقرر کیا جائے گا جس میں ایڈمن اس مقام میں ایک فائل اپ لوڈ کرنے کی اجازت دیتا ہے. "فائل URL" میں واپسی کی قیمت مقرر کریں.

08. شعبوں کو مقرر کریں

اگلے فیلڈ کو شامل کیا جائے گا "برانڈ سوالنامہ". اس میں ایک Google فارم کے لنک پر مشتمل ہوتا ہے کہ کسٹمر کو بھرنا چاہئے. اس کے لئے سب سے زیادہ مناسب فیلڈ کی قسم "یو آر ایل" ہے. یہ ایک ہی طریقہ تمام شعبوں کے لئے استعمال کیا جا سکتا ہے جو بیرونی سروس سے منسلک کرے گا. جب ختم ہو گیا تو، "مقام" باکس پر نیچے سکرال کریں اور پوسٹ کی قسم "=" کسٹمر "اگر منطق" دکھائیں ". پھر فیلڈ گروپ شائع کریں.

Generate CSS

£ 50 کو بچانے کے لئے اب سی ایس ایس پیدا کرنے کے لئے اپنے ٹکٹوں کو کتاب بنائیں (تصویری کریڈٹ: گیٹی / مستقبل)

09. ورڈپریس سانچہ فائل بنائیں

ورڈپریس کو جاننے کی ضرورت ہے کہ کس طرح ایک کسٹمر ڈیش بورڈ کو ظاہر کرنا ہے. اس کے لئے، ورڈپریس ٹیمپلیٹ تنظیمی ڈھانچے اس مخصوص پوسٹ کی قسم کے لئے ایک ٹیمپلیٹ فائل بنانے کے بعد ہے. جڑ تھیم ڈائرکٹری میں واحد TU_Customer.php نامی ایک فائل بنائیں.

10. مکمل چوڑائی سنگل پوسٹ ترتیب بنائیں

Build a client portal with WordPress: Create a full-width single post layout

آپ کے مواد کے لئے مکمل چوڑائی ترتیب بنائیں (تصویری کریڈٹ: ویب ڈیزائنر)

واحد Tu_Customer.php فائل کھولیں اور get_header اور get_footer ورڈپریس افعال شامل کریں. ان افعال کے درمیان، آپ کے مرکزی خیال، موضوع کے ساتھ کام کرتا ہے کہ مواد کو پکڑنے کے لئے مکمل چوڑائی ترتیب بنائیں. 

 & lt؛؟ پی ایچ پی get_header ()؛ & gt؛
& lt؛ div class = "wrapper" id = "سنگل wrapper" & gt؛
& lt؛ div class = "کنٹینر" id = "مواد" tabindex = "- 1" & gt؛
& lt؛ ڈوی کلاس = "قطار" اور جی ٹی؛
& lt؛ div class = "Col-MD مواد-علاقے" id = "بنیادی" & gt؛
& lt؛ مین کلاس = "سائٹ مین" id = "مین" & gt؛ & lt؛! مواد - & gt؛ & lt؛ / main & gt؛
& lt؛ / div & gt؛
& lt؛ / div & gt؛ & lt؛! - .row - & gt؛
& lt؛ / div & gt؛ & lt؛! - #content - & gt؛
& lt؛ / div & gt؛ & lt؛! - # سنگل wrapper - & gt؛
& lt؛؟ پی ایچ پی get_footer ()؛ & gt؛

11. لوپ شروع کریں اور مواد بنائیں

Build a client portal with WordPress: Start the loop and create the content

اپنے مواد کو نکالنے کے لئے جگہ داروں کا استعمال کریں (تصویری کریڈٹ: ویب ڈیزائنر)

& lt؛ اہم اور جی ٹی؛ عنصر، _post کو کال کریں اور معلومات کو روکنے کے لئے کنٹینر عناصر بنائیں. ترتیب کے خیال کو حاصل کرنے کے لئے جگہ ہولڈر کی معلومات کا استعمال کریں، اور عناصر کو انداز میں شروع کریں. کارڈ عناصر ہیڈر، وضاحت اور ایک لنک کے ساتھ بوٹسٹریپ کارڈ ہوں گے. 

 & lt؛ مین کلاس = "سائٹ مین" ID = "مین" & gt؛
& lt؛؟ پی ایچ پی جبکہ (have_posts ()): the_post ()؛ اور جی ٹی؛
& lt؛ ڈوی کلاس = "کنٹینر" اور جی ٹی؛
& lt؛ ڈوی کلاس = "قطار" اور جی ٹی؛
& lt؛ div class = "Col-SM-4" & GT؛ COUTTER & LT؛ / Div & GT؛
& lt؛ div class = "Col-SM-4" & GT؛ COUTTER & LT؛ / Div & GT؛
& lt؛ div class = "Col-SM-4" & GT؛ COUTTER & LT؛ / Div & GT؛
& lt؛ / div & gt؛
& lt؛ / div & gt؛
& lt؛؟ پی ایچ پی اختتام؛ لوپ کے اختتام //. اور جی ٹی؛
& lt؛ / main & gt؛ & lt؛! - #main - & gt؛

12. متحرک اقدار میں کال کرنے کے لئے پی ایچ پی کا استعمال کریں

فنکشن "the_field" کا استعمال کرتے ہوئے، ایک فنکشن جو اعلی درجے کی اپنی مرضی کے شعبوں کے پلگ ان کے ساتھ آتا ہے، اپنی مرضی کے شعبوں سے متحرک مواد کسٹمر ٹیمپلیٹ میں داخل ہوتا ہے. 'Field_name' یہ قیمت ہے جو مرحلہ 3 میں داخل ہوا تھا. 

 & lt؛ ڈوی کلاس = "کارڈ ٹیکسٹ سینٹر" اور جی ٹی؛
& lt؛ ڈوی کلاس = "کارڈ جسم" اور جی ٹی؛
& lt؛ H5 کلاس = "کارڈ عنوان" اور جی ٹی؛ مختصر اور ایل ٹی؛ / H5 اور GT؛
& lt؛ پی کلاس = "کارڈ متن" اور جی ٹی؛ یہ آپ کا اصل مختصر دستاویز ہے اور ایل ٹی؛ / پی اور جی ٹی؛
& lt؛ a href = "& lt؛؟ php the_field ('مختصر')؛؟ & gt؛" ہدف = "کوئی" کلاس = "بی ٹی این بی ٹی این پرائمری" اور جی ٹی؛ اوپن اور جی ٹی؛
& lt؛ / div & gt؛
& lt؛ / div & gt؛

13. کچھ ڈمی ڈیٹا کے ساتھ ایک ٹیسٹ کسٹمر بنائیں

Build a client portal with WordPress: Make a test customer with some dummy data

ڈمی کسٹمر بنانے کے لئے ورڈپریس ڈیش بورڈ پر جائیں (تصویری کریڈٹ: ویب ڈیزائنر)

ورڈپریس ڈیش بورڈ تک رسائی حاصل کرنے کے، ایک نیا کسٹمر بائیں ہاتھ بار سے شامل کیا جا سکتا ہے. گاہکوں اور جی ٹی؛ نیا کسٹمر شامل کریں. پوسٹ کا نقطہ نظر واقف ہو گا، لیکن سکرال نیچے تمام نئے اپنی مرضی کے شعبوں کو ظاہر کرے گا. اس بات کا یقین کرنے کے لئے کچھ ٹیسٹ ڈیٹا درج کریں کہ سب کچھ صحیح طریقے سے کام کررہا ہے.

14. کسی بھی لاپتہ اعداد و شمار کے لئے غلطیاں ہینڈل کریں

Build a client portal with WordPress: Handle errors for any missing data

اس بات کو یقینی بنائیں کہ دستاویزات دستیاب نہیں ہیں جب یہ واضح ہے (تصویری کریڈٹ: ویب ڈیزائنر)

اگر ایک دستاویز بھول گیا ہے، یا اس دستاویز کے لئے اس دستاویز میں دستیاب ہے تو یہ بھی دستیاب ہے، جب بٹن کام نہیں کرتا تو یہ ایک گاہک کے لئے الجھن ہوسکتا ہے. ایک چیک کو شامل کرنے سے پہلے یہ ظاہر کرنے سے پہلے ایک قیمت موجود ہے جو کارڈ کے "لاپتہ فیلڈ" مختلف حالتوں کو دکھانے کا موقع فراہم کرتا ہے. کارڈ میں ایک کلاس "غیر فعال" شامل کرتے ہوئے جب قیمت غائب ہو تو ہمیں سٹائل دستیاب نہیں کارڈوں کی اجازت دے گی. 

 & lt؛؟ پی ایچ پی اگر (get_field ('field_name')):؟ & gt؛
جب field_name کی قیمت ہے تو ظاہر ہوتا ہے
& lt؛؟ پی ایچ پی اور: // field_name غلط واپس آئے؟ & gt؛
جب میدان موجود نہیں ہے تو ظاہر ہوتا ہے
& lt؛؟ پی ایچ پی endif؛ // اگر Field_name منطق اور GT؛

15. انٹرفیس کو صاف کریں

اب کہ انٹرفیس کی ساخت کو حتمی شکل دی جاتی ہے، یہ مناسب طریقے سے سٹائل کیا جا سکتا ہے. سی ایس ایس کا استعمال کرتے ہوئے، صفحے پر کارڈ اور رنگوں کی نظر کو بہتر بنایا جا سکتا ہے. نیویگیشن کے لئے رنگ ایک ہلکا نیلے رنگ میں بدل گیا ہے، اور تعارف متن کو شامل کرکے صارف کی سمت کو بہتر بنایا گیا ہے.

16. اس سائٹ کا نقشہ سے خارج کردیں

تلاش کے انجن کے نتائج میں اپنی مرضی کے پیغام کی اقسام کو نہیں ملنا چاہئے. پوسٹ کی قسم ویب سائٹ کے سائٹ کا نقشہ سے خارج ہونے کی ضرورت ہے، یا تو SEO پلگ ان کے ذریعہ، یا دستی طور پر میٹا ٹیگ اور روبوٹ. txt کا استعمال کرتے ہوئے. 

 & lt؛ میٹا نام = "روبوٹ" مواد = "noindex، nofollow" / & gt؛
صارف ایجنٹ: *
غیر فعال کریں: / گاہکوں /

نئی ویب سائٹ کو ڈیزائن کرنا چاہتے ہیں؟ ایک شاندار استعمال کریں ویب سائٹ بلڈر عمل کو آسان بنانے کے لئے.

متعلقہ مضامین:

  • 2019 میں بہترین ورڈپریس ہوسٹنگ کی خدمات
  • گاہکوں کو پچاس کے لئے 13 عظیم اوزار
  • ورڈپریس ویب سائٹس: 14 بہت اچھے مثالیں

کيسے - انتہائی مشہور مضامین

کیا آپ کے ایپل iCloud اسٹوریج مکمل ہے؟ یہاں تک کہ خلا کو آزاد کرنے کا طریقہ ہے

کيسے Sep 15, 2025

(تصویری کریڈٹ: ایپل) ایپل کی iCloud سروس ایک میں سے ایک ہے بہترین..

اپنے 3D اناتومی کو بہتر بنانے کے 10 طریقے

کيسے Sep 15, 2025

(تصویری کریڈٹ: رین Kingslien) انسانی اعداد و شمار کو تفریح ​​کرنے وال..

تیل کے ساتھ پورٹریٹ پینٹنگ سے نمٹنے کے

کيسے Sep 15, 2025

یہ ورکشاپ معنی کے ساتھ ایک پورٹریٹ تیل پینٹنگ بنانے کے بارے میں ہے. یہ ا�..

سی ایس ایس میں چپچپا متن اور تصویر اثرات کیسے بنائیں

کيسے Sep 15, 2025

اس سبق میں، ہم آپ کو دکھائیں گے کہ کس طرح ایک چپچپا ٹیکسٹ اثر پیدا ہوتا ہے. خاص اثرات اور متحرک تصاویر ویب س..

14 زبرش کام فلو تجاویز

کيسے Sep 15, 2025

تمام فنکاروں کو زبرش میں 3D آرٹ بنانے کے بعد ان کے اپنے منفرد کام کا بہاؤ ..

ایک چمک نیین ٹیکسٹ اثر بنائیں

کيسے Sep 15, 2025

اکثر، یہ سب سے آسان اثرات ہیں جو سب سے زیادہ حیران کن نظر آتے ہیں، اور نی..

پروپوزل کی گذارش سبق: نیا ٹولز تلاش

کيسے Sep 15, 2025

جب میں نے پہلے دریافت کیا تو میں نے ایک پورٹیبل آلہ رکھنے کے خیال سے چھٹ�..

پینٹ میں سائے رنگ کیسے ملا

کيسے Sep 15, 2025

کچھ لوگ سائے مشکل کے لئے اختلاط تلاش کرتے ہیں، اکثر ایک نئے رنگ کا مرکب �..

اقسام