با وردپرس یک پورتال مشتری بسازید

محتوا

• 01. نسخه جدیدی از وردپرس را نصب کنید
• 02. افزونه های پیش فرض را بردارید
• 03. نوع پست سفارشی را اضافه کنید
• 04. رابط سفارشی نوع پست اضافه یا ویرایش
• 05. یک حلزون حرکت بازنویسی سفارشی ایجاد کنید
• 06. پشتیبانی از قسمتهای سفارشی را اضافه کنید
• 07. قسمتهای سفارشی را اضافه کنید
• 08. زمینه ها را تنظیم کنید
• 09. فایل قالب وردپرس را ایجاد کنید
• 10. طرح تک پست تمام عرض ایجاد کنید
• 11. حلقه را شروع کرده و محتوا را ایجاد کنید
• 12. برای تماس با مقادیر پویا از PHP استفاده کنید
• 13. با برخی از داده های ساختگی ، مشتری آزمایشی ایجاد کنید
• 14. برای هرگونه داده از دست رفته خطاها را کنترل کنید
• 15. رابط کاربری را مرتب کنید
• 16. آن را از نقشه سایت حذف کنید

انتظار می رود مصرف کنندگان منطقه ای ، از قراردادهای تلفنی گرفته تا خدمات نرم افزاری ، از منطقه ای استفاده کنند که به کاربران امکان ورود و بارگیری یا مشاهده اسناد را می دهد.

وقتی طراحان با مشتری های خود کار می کنند ، همه چیز می تواند به سرعت به یک ایمیل ، پیوند به ماکت و پیوست تبدیل شود.

این آموزش وردپرس نحوه گسترش وردپرس (سایر سرویس های میزبانی وب را در اختیار شما قرار می دهد) به یک پورتال مشتری با قابلیت ذخیره اسناد ، فیلم ها و نقاشی ها نشان می دهد ، بنابراین مشتری می تواند به همه آنها در یک مکان دسترسی پیدا کند. پورتال با یک لینک منحصر به فرد و محافظت شده با رمز عبور که در پیمایش منظم نشان داده نمی شود ، به هر مشتری خدمات ارائه می دهد.

برای ذخیره داده ها از انواع پست ها و فیلدهای سفارشی استفاده می شود و این موارد از طریق پلاگین ها اضافه می شوند تا در صورت تغییر موضوع ، از دست دادن داده جلوگیری شود. موضوع اندکی اصلاح خواهد شد.

داشتن پورتال مشتری به راحتی مشتری دسترسی به پرونده های آنها را در یک مکان ، هر زمان که به آنها احتیاج داشته باشند ، می دهد ، دقیقاً مانند استفاده از فضای ذخیره سازی ابری. این مجموعه آرایه ای از مزایای تجاری از جمله نمایش فروشهای موجود را در اختیار شما قرار می دهد و یا می تواند با تشریح بصری محصولات قابل تحویل ، از ابتدا کار را با یک نمای کلی ارائه دهد.

پرونده ها را بارگیری کنید برای این آموزش.

• چگونه وردپرس را به یک سازنده بصری تبدیل کنیم

01. نسخه جدیدی از وردپرس را نصب کنید

یک نسخه جدید از وردپرس بر روی سرور توسعه نصب شده است و موضوع "Understrap" برای ایجاد پایه و اساس boilerplate انتخاب شده است تا به سرعت کار خود را شروع کند. از پلاگین UI Custom Post Type استفاده خواهد شد بنابراین انواع پست سفارشی ما مستقل از موضوع نیستند.

02. افزونه های پیش فرض را بردارید

اگر افزونه پیش فرض همراه با نسخه وردپرس بود ، آن را حذف کنید. افزونه های مورد نیاز برای این آموزش "Advanced Custom Fields" و "Custom Post Type UI" هستند. "ویرایشگر کلاسیک" نیز نصب شده است.

03. نوع پست سفارشی را اضافه کنید

با استفاده از رابط کاربری سفارشی Type Post Type ، نوع جدیدی از پست را به نام "مشتری" اضافه کنید. هنگام ورود به "نوار چسب نوع ارسال" ، از زیرخط ها به جای فاصله استفاده کنید و به صورت مجزا بنویسید ، زیرا بعداً ایجاد الگوها آسان تر می شود. پیشوند tu_ اضافه شده است تا احتمال درگیری را کاهش دهد.

04. رابط سفارشی نوع پست اضافه یا ویرایش

یک جمع با عنوان "مشتری" و "مشتری" واحد اضافه کنید ، زیرا این مورد در فهرست مدیریت وردپرس ظاهر می شود. در این قسمت ها بزرگ نوشتن پذیرفته شده است ، که منوی وردپرس را مرتب تر می کند.

05. یک حلزون حرکت بازنویسی سفارشی ایجاد کنید

استفاده از پیشوند برای حلزون حرکت نوع پست به این معنی است که مشتریانی که به پورتال اضافه می شوند با پیوندی شبیه "/ tu_customer / example-company" ایجاد می شوند. این مرتب به نظر نمی رسد و برای بهبود این مورد از Slug بازنویسی سفارشی استفاده می شود. تنظیم اسلاگ بازنویسی روی "مشتری" به شما امکان می دهد نوع پست سفارشی به صورت / مشتریان / شرکت-مثال ظاهر شود.

06. پشتیبانی از قسمتهای سفارشی را اضافه کنید

آخرین گزینه ای که برای نوع پست سفارشی فعال است ، "پشتیبانی> قسمت سفارشی" است که در نزدیکی پایین صفحه یافت می شود. این مورد را علامت بزنید و سپس "افزودن نوع پست" را در پایین صفحه وارد کنید. این تغییرات را ارسال می کند و نوع پست را ثبت می کند.

07. قسمتهای سفارشی را اضافه کنید

اکنون فیلدهای سفارشی باید اضافه و به نوع پستی که تازه ایجاد شده اختصاص داده شود. اولین مرحله اضافه کردن گروه فیلدی به نام "پورتال مشتری" است و به دنبال آن فیلدهای سفارشی را با دکمه add field اضافه می کنید. اولین قسمت "مختصر" به عنوان نوع فیلد "پرونده" تنظیم می شود که به مدیر اجازه می دهد تا پرونده ای را در این مکان بارگذاری کند. مقدار برگشتی را روی "url پرونده" تنظیم کنید.

08. زمینه ها را تنظیم کنید

زمینه بعدی که باید اضافه شود "پرسشنامه مارک" است. این شامل پیوند به فرم google است که مشتری باید آن را پر کند. مناسب ترین نوع فیلد برای این "URL" است. از همین روش می توان برای همه زمینه هایی که به یک سرویس خارجی پیوند دارند استفاده کرد. پس از اتمام ، به کادر "مکان" بروید و از منطق "Show if Post Type" نمایش "=" مشتری "استفاده کنید. سپس گروه زمینه را منتشر کنید.

09. فایل قالب وردپرس را ایجاد کنید

وردپرس باید بداند چگونه داشبورد مشتری را نمایش دهد. برای این منظور ، سلسله مراتب الگوی وردپرس دنبال می شود تا یک پرونده الگو برای این نوع پست خاص ایجاد شود. فایلی به نام single-tu_customer.php در فهرست زمینه ریشه ایجاد کنید.

10. طرح تک پست تمام عرض ایجاد کنید

فایل single-tu_customer.php را باز کنید و توابع وردپرس get_header و get_footer را اضافه کنید. بین این توابع ، یک طرح کامل ایجاد کنید تا محتوایی را که با موضوع شما کار می کند نگه دارید.

؟ php get_header ()؛؟> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "اولیه"> id id = "main"> -! محتوا -> / اصلی> / div> / div>! - .row -> / div>! - # محتوا -> / div>! - # single-wrapper ->؟ php get_footer () ؛؟>

11. حلقه را شروع کرده و محتوا را ایجاد کنید

درون عنصر اصلی> ، با_ پست تماس بگیرید و عناصر ظرف را برای نگهداری اطلاعات ایجاد کنید. برای دریافت ایده ای از طرح و استفاده از سبک عناصر ، از اطلاعات مکان یاب استفاده کنید. عناصر کارت کارتهای راه انداز با سربرگ ، توضیحات و پیوند خواهند بود.

main id = "main">؟ php while (have_posts ()): the_post ()؛ ؟> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>؟ php در ضمن؛ // انتهای حلقه. ؟> var13 -> / main>! - # اصلی ->

12. برای تماس با مقادیر پویا از PHP استفاده کنید

با استفاده از تابع "the_field" ، تابعی که همراه با پلاگین پیشرفته زمینه های سفارشی ارائه می شود ، محتوای پویا از قسمت های سفارشی به الگوی مشتری وارد می شود. 'field_name' مقداری است که در مرحله 3 وارد شده است.

div> div> h5> Brief / h5> p> این سند مختصر اصلی شماست / p> a href = "؟ php the_field ('Brief')؛؟> var13 ->" target = "none"> Open / a > / div> / div>

13. با برخی از داده های ساختگی ، مشتری آزمایشی ایجاد کنید

با دسترسی به داشبورد وردپرس ، می توان مشتری جدیدی را از نوار سمت چپ اضافه کرد. مشتریان> مشتری جدید اضافه کنید. نمای پست آشنا خواهد بود ، اما با پیمایش به پایین ، تمام قسمتهای سفارشی جدید نشان داده می شود. برخی از داده های آزمون را وارد کنید تا مطمئن شوید همه چیز به درستی کار می کند.

14. برای هرگونه داده از دست رفته خطاها را کنترل کنید

اگر سندی فراموش شود ، یا اینکه مراحل آماده شدن آن سند خیلی زود است ، وقتی دکمه کار نمی کند برای مشتری گیج کننده است. با افزودن علامت چک که مقداری قبل از نشان دادن وجود دارد ، فرصتی برای نشان دادن تغییر "زمینه از دست رفته" در کارت می دهد. در صورت از دست رفتن مقدار ، افزودن کلاس "غیرفعال" به کارت به ما امکان می دهد کارتهای غیرقابل دسترس را سبک کنیم.

؟ php if (get_field ('field_name')):؟> var13 -> وقتی فیلد_ نام دارای مقدار باشد نمایش داده می شود؟ php else: // field_name false برگشت داده می شود؟> var13 -> در صورت عدم وجود فیلد نمایش داده می شود؟ php endif ؛ // انتهای منطق if_name؟> var13 ->

15. رابط کاربری را مرتب کنید

اکنون که ساختار رابط کاربری نهایی شده است ، می توان آن را به درستی سبک کرد. با استفاده از CSS می توان ظاهر کارت ها و رنگ های صفحه را بهبود بخشید. رنگ ناوبری به آبی روشن تر تغییر یافته و با افزودن متن مقدماتی ، جهت کاربر بهبود یافته است.

16. آن را از نقشه سایت حذف کنید

انواع پست سفارشی را نباید در نتایج موتورهای جستجو یافت. نوع پست باید از طریق نقشه افزونه وب سایت یا از طریق دستی با استفاده از برچسب متا و robots.txt از نقشه سایت وب سایت حذف شود.

meta name = "robots" content = "noindex، nofollow" /> عامل کاربر: * مجاز نیست: / مشتریان /

آیا می خواهید یک وب سایت جدید طراحی کنید؟ از یک وب سایت ساز درخشان استفاده کنید تا فرآیند فوق العاده ساده شود.