کد: ساختن فرم ورود و عضویت در سایدبار وردپرس بدون افزونه
کد تخفیف در جریان devme1397 %10 تا آخر پاییز97

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

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

WordPress User Login Form without plugin


انجام اینکار بسیار آسان است. ابتدا مکانی که (فایل های قالب) قصد دارید این فرم را در آنجا نمایش دهید را انتخاب کنید. (معمولا سایدبار – بخش ابزارک ها پیشنهاد می شود)

کد زیر را در مکان دلخواه از فایل قالب قرار دهید:

<li>
    <?php global $user_ID, $user_identity, $user_level ?>
    <?php if ( $user_ID ) : ?>
    <h2>خوش آمدید!</h2>
    <ul><li>سلام <strong><?php echo $user_identity ?></strong>.
    <ul><li><a href="<?php bloginfo('url') ?>/wp-admin/">داشبورد</a></li>
    <?php if ( $user_level >= 1 ) : ?>
    <li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php">نوشتن مطلب جدید</a></li>
    <?php endif // $user_level >= 1 ?>
    <li><a href="<?php bloginfo('url') ?>/wp-admin/profile.php">تنظیمات پروفایل</a></li>
    <li><a href="<?php bloginfo('url') ?>/wp-login.php?action=logout&amp;redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">خروج</a></li>
    </ul></li></ul>
    <?php elseif ( get_option('users_can_register') ) : ?>
  
    <h2>ورود / عضویت</h2>
    <ul><li><form action="<?php bloginfo('url') ?>/wp-login.php" method="post">
    <p><label for="log"><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="22" /> نام کاربری</label><br />
    <label for="pwd"><input type="password" name="pwd" id="pwd" size="22" /> رمزعبور</label><br />
    <input type="submit" name="submit" value="Send" class="button" />
    <label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> مرا بخاطر بسپار</label><br />
    </p><input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/>
  </form>
    </li>
    <li><a href="<?php bloginfo('url') ?>/wp-register.php">عضویت</a></li>
    <li><a href="<?php bloginfo('url') ?>/wp-login.php?action=lostpassword">بازیابی رمزعبور</a></li>
    </ul>
    <?php endif // get_option('users_can_register') Devme ?>
</li>

اگر کد را در جای مناسب خود و به طور صحیح قرار داده باشید، اکنون خواهید توانست از فرم استفاده کنید. خروجی این کد یک فرم ورود خواهد بود که صفحه عضویت و بازیابی رمزعبور همچنان از صفحه اصلی وردپرس (فایل wp-login.php) خواهد بود. همچنین برای کاربران وارد شده به حساب کاربری، یک پنل جداگانه نمایش خواهد داد.

 

نکته: نتیجه قرار دادن کد بالا به تنهایی، جلوه خوبی نخواهد داشت. بنابراین نیاز است استایل دهی فرم و محدوده این کد را توسط CSS انجام دهید.

هنوز دیدگاهی ارسال نشده! نظر شما چیست؟

دیدگاه شما درباره این صفحه چیست؟