مردان وردپرس آموزش وردپرس طراحی فرم ورود وردپرس با Flat UI
طراحی فرم ورود وردپرس با Flat UI

وردپرس پرجمعیت ترین و یکی از بهترین سیستم های مدیریت محتوا است که در حال حاظر بیش از 26 درصد از وب سایت های جهان از آن استفاده می کنند.

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

در این آموزش، به چگونگی  ساخت یک فرم ورود سفارشی می پردازیم.برای زیبا شدن فرم از Flat UI استفاده می کنیم.

در ابتدا Flat UI را دانلود کرده و محتویات آن را در قالب خود قرار دهید.اگر فایل زیپ بود محتویان آن را استخراج کنید.

در زیر تصویر مربوط به فرمی که می خواهیم بسازیم را مشاهده می کنید

 

تابع زیر را در functions.php قرار دهید

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

و هنگامی که با خطایی مواجه می شوید که متن آن اینست که نام کاربری و یا رمز خود را فراموش کرده اید

  در زیر کد پردازش فرم را مشخص می کند که اگر خطایی نباشد  شما را به صفحه پنل وردپرس می برد.

برای اینکه کد های css را به تم خود وصل کنیم از کد زیر استفاده می کنیم

حال نیاز داریم که یک کد کوتاه کننده از آن بسازیم تا در هر صفحه ای که نیاز است فراخوانی کنیم.در زیر یک shortcode می سازیم با نام dm_login_form

برای استفاده از shortcode مربوطه به کنترل پنل خود رفته و یک صفحه بسازید با نام login و کد کوتاه زیر را در آن قرار دهید.و آن را مشاهده نمایید.

در زیر فایل های بالا به صورت پلاگین شده موجود می باشد که  می توانید آن را نصب کرده و اجرا کنید

designmodo-login-form

  

تاریخ آخرین بروزرسانی : ۸ آذر ۱۳۹۶
منبع :‌ مردان وردپرس
میلاد میلادی

باور هایت را که پرورش دهی به هرچیزی دست خواهی یافت.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.