شرطی کردن دکمه ورود و خروج وردپرس

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

توی این آموزش اول لینک‌های درست رو پیدا می‌کنیم. بعد این روش رو در پوسته‌های کلاسیک و با افزونه If Menu اجرا می‌کنیم و در آخر هم سراغ یک راهکار بدون افزونه می‌ریم. اگه از میهن پنل استفاده می‌کنید، می‌تونید آدرس ورود و پنل کاربری همین افزونه رو در روش‌های مقاله قرار بدید.

شرطی کردن دکمه ورود و خروج وردپرس چطور کار می‌کنه؟

وردپرس تشخیص می‌ده که هر بازدیدکننده وارد حسابش شده یا هنوز مهمانه. ما هم از همین وضعیت برای انتخاب دکمه مناسب کمک می‌گیریم. شرط ساده‌ست: اگه کاربر وارد نشده، ورود و عضویت رو نشون بده؛ اگه وارد شده، پنل کاربری و خروج رو نمایش بده.

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

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

پیدا کردن لینک‌های ورود، عضویت، پنل کاربری و خروج

دریافت لینک‌های ورود و پنل کاربری از میهن پنل

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

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

چرا نباید لینک خروج رو به‌صورت ثابت وارد کنید؟

لینک خروج وردپرس یک nonce داره. nonce یک کد امنیتی موقته که به وردپرس کمک می‌کنه معتبر بودن درخواست خروج رو بررسی کنه. اگه آدرسی مثل /wp-login.php?action=logout یا یک لینک قدیمی رو به‌صورت ثابت توی منو بذارید، ممکنه کاربر صفحه تأیید خروج یا خطای امنیتی رو ببینه.

ساخت لینک خروج امن وردپرس

تابع رسمی wp_logout_url() لینک خروج امن رو همون لحظه می‌سازه. حتی می‌تونید صفحه مقصد بعد از خروج رو هم به این تابع بدید. برای نمونه، کد زیر کاربر رو بعد از خروج به صفحه اصلی سایت می‌فرسته:

<?php echo esc_url( wp_logout_url( home_url( '/' ) ) ); ?>

این قطعه کد داخل فایل PHP پوسته یا افزونه کاربرد داره؛ پس نباید اون رو مثل یک آدرس عادی داخل منو بچسبونید. کمی جلوتر یک شورت‌کد کامل می‌سازیم که استفاده ازش راحت‌تره.

روش اول: شرطی کردن دکمه‌ها در پوسته‌های کلاسیک

پوسته کلاسیک معمولاً بخش «نمایش ← فهرست‌ها» رو داره. اگه این گزینه رو در پیشخوان می‌بینید و منوی سربرگ رو همون‌جا مدیریت می‌کنید، مراحل این بخش برای سایتتون مناسبه.

اضافه کردن لینک‌ها به فهرست وردپرس

در پیشخوان به «نمایش ← فهرست‌ها» برید و فهرست سربرگ رو انتخاب کنید. بعد از بخش «پیوندهای دلخواه»، لینک ورود، عضویت و پنل کاربری رو اضافه کنید. آموزش مدیریت منوهای وردپرس هم جزئیات ساخت و مرتب کردن فهرست رو بهتون نشون می‌ده.

برای اینکه کد بتونه هر گزینه رو تشخیص بده، بالای صفحه روی «تنظیمات صفحه» بزنید و «کلاس‌های CSS» رو فعال کنید. حالا فیلد کلاس برای هر آیتم منو دیده می‌شه.

• برای ورود و عضویت، کلاس menu-for-guests رو وارد کنید.
• برای پنل کاربری، کلاس menu-for-users رو وارد کنید.

نمایش ورود و عضویت فقط برای کاربران مهمان

کدی که در بخش بدون افزونه می‌بینید، آیتم‌های دارای کلاس menu-for-guests رو برای کاربران واردشده کنار می‌ذاره. در نتیجه، دکمه‌های ورود و عضویت فقط قبل از ورود کاربر دیده می‌شن.

نمایش پنل کاربری و خروج فقط برای کاربران واردشده

همین کد، آیتم‌های دارای کلاس menu-for-users رو از منوی مهمان‌ها حذف می‌کنه. لینک خروج هم به‌شکل پویا ساخته می‌شه تا کد امنیتی معتبر داشته باشه و فقط کاربری که وارد سایت شده اون رو ببینه.

آزمایش منو در حالت مهمان و واردشده

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

روش دوم: شرطی کردن دکمه‌ها با افزونه If Menu

اگه دوست ندارید برای شرطی کردن منو کدنویسی کنید، افزونه If Menu این کار رو از داخل تنظیمات فهرست انجام می‌ده. فقط یادتون باشه که این افزونه برای منوهای کلاسیک ساخته شده و ممکنه با بلوک ناوبری پوسته‌های بلوکی سازگار نباشه. قبل از نصب، وضعیت به‌روزرسانی افزونه و سازگاریش با نسخه وردپرس و PHP سایتتون رو هم بررسی کنید.

نصب و فعال کردن افزونه If Menu

در پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید و عبارت If Menu رو جستجو کنید. قبل از نصب، اطلاعات صفحه افزونه مثل آخرین به‌روزرسانی، نسخه‌های سازگار و گزارش‌های پشتیبانی رو ببینید. اگه افزونه با شرایط فعلی سایتتون سازگار بود، اون رو نصب و فعال کنید.

اضافه کردن دکمه‌های ورود و خروج به فهرست

حالا به «نمایش ← فهرست‌ها» برید و منوی اصلی سایتتون رو باز کنید. از بخش «پیوندهای دلخواه»، دکمه‌های ورود، عضویت و پنل کاربری رو با آدرس‌های واقعی سایتتون بسازید. برای خروج هم از یک لینک امن و پویا استفاده کنید؛ چون لینک ثابت خروج ممکنه صفحه تأیید یا خطای امنیتی نشون بده.

نمایش ورود برای کاربران مهمان

آیتم ورود رو باز کنید و گزینه شرطی افزونه If Menu رو فعال کنید. شرطی رو انتخاب کنید که این گزینه فقط برای کاربرانی نمایش داده بشه که وارد حسابشون نشده‌ان. همین شرط رو برای دکمه عضویت هم بذارید تا کاربران واردشده دوباره لینک ثبت‌نام رو نبینن.

نمایش پنل کاربری و خروج برای کاربران واردشده

برای آیتم پنل کاربری، شرط نمایش به کاربران واردشده رو انتخاب کنید. همین شرط رو روی دکمه خروج هم بذارید. بعد فهرست رو ذخیره کنید و نتیجه رو یک بار در پنجره ناشناس و یک بار با حساب آزمایشی ببینید. اگه از پوسته بلوکی استفاده می‌کنید و گزینه‌های If Menu در ویرایشگر ناوبری دیده نمی‌شن، این روش با ساختار منوی سایتتون سازگار نیست. در این شرایط بهتره از راهکار بدون افزونه بخش بعد کمک بگیرید.

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

تابع تشخیص ورود کاربر در وردپرس یعنی چی؟

تابع is_user_logged_in() فقط بررسی می‌کنه که بازدیدکننده وارد حسابش شده یا نه. نتیجه این بررسی درست یا نادرسته. پس با یک شرط ساده می‌تونیم برای هر وضعیت، لینک مناسب رو بسازیم.

نمونه کد برای نمایش دکمه مناسب به هر کاربر

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

<?php
function mihanwp_filter_account_menu_items( $items ) {
    $logged_in = is_user_logged_in();

    foreach ( $items as $key => $item ) {
        $classes = is_array( $item->classes ) ? $item->classes : array();

        if ( $logged_in && in_array( 'menu-for-guests', $classes, true ) ) {
            unset( $items[ $key ] );
        }

        if ( ! $logged_in && in_array( 'menu-for-users', $classes, true ) ) {
            unset( $items[ $key ] );
        }
    }

    if ( $logged_in ) {
        $logout_item = new stdClass();
        $logout_item->ID = 0;
        $logout_item->db_id = 0;
        $logout_item->menu_item_parent = 0;
        $logout_item->object_id = 0;
        $logout_item->object = 'custom';
        $logout_item->type = 'custom';
        $logout_item->type_label = 'Custom Link';
        $logout_item->title = 'خروج';
        $logout_item->url = wp_logout_url( home_url( '/' ) );
        $logout_item->target = '';
        $logout_item->attr_title = '';
        $logout_item->description = '';
        $logout_item->classes = array( 'menu-logout-link' );
        $logout_item->xfn = '';
        $logout_item->status = '';
        $items[] = $logout_item;
    }

    return $items;
}
add_filter( 'wp_nav_menu_objects', 'mihanwp_filter_account_menu_items' );

function mihanwp_login_menu_shortcode() {
    $login_url    = home_url( '/login/' );
    $register_url = add_query_arg( 'action', 'register', $login_url );
    $panel_url    = home_url( '/panel/' );

    if ( is_user_logged_in() ) {
        return sprintf(
            '<div class="mihanwp-account-links"><a href="%1$s">پنل کاربری</a> <a href="%2$s">خروج</a></div>',
            esc_url( $panel_url ),
            esc_url( wp_logout_url( home_url( '/' ) ) )
        );
    }

    return sprintf(
        '<div class="mihanwp-account-links"><a href="%1$s">ورود</a> <a href="%2$s">عضویت</a></div>',
        esc_url( $login_url ),
        esc_url( $register_url )
    );
}
add_shortcode( 'mihanwp_login_menu', 'mihanwp_login_menu_shortcode' );

اگه ثبت‌نام از مسیر دیگه‌ای انجام می‌شه، مقدار $register_url رو با لینک درست عوض کنید. اگه عضویت روی سایتتون بسته‌ست، می‌تونید لینک عضویت رو از خروجی مربوط به مهمان‌ها بردارید.

کد رو کجا قرار بدید تا با به‌روزرسانی پوسته پاک نشه؟

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

تنظیم مقصد کاربر بعد از ورود و خروج

در نمونه بالا، home_url( '/' ) یعنی کاربر بعد از خروج به صفحه اصلی بره. اگه مقصد دیگه‌ای در نظر دارید، این مقدار رو با یک آدرس داخلی امن عوض کنید. مقصد بعد از ورود معمولاً در تنظیمات افزونه ورود یا پنل کاربری مشخص می‌شه. پس تنظیمات میهن پنل یا ابزار ورود سایتتون رو هم بررسی کنید.

کدوم روش برای سایت شما بهتره؟

• پوسته کلاسیک: استفاده از کلاس‌های منو همراه فیلتر PHP، روش تمیز و قابل‌کنترلیه.
• پوسته بلوکی: بلوک شورت‌کد کنار ناوبری دردسر کمتری داره و لینک خروج رو هم پویا می‌سازه.
• کاربران میهن پنل: آدرس‌های ورود و پنل رو از تنظیمات واقعی سایت بردارید و داخل شورت‌کد بذارید.
• کد اختصاصی: اگه کنترل کامل می‌خواید یا دوست ندارید برای یک شرط ساده افزونه جدا نصب کنید، این روش انتخاب مناسبیه.

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

رفع مشکلات رایج دکمه ورود و خروج

هر دو دکمه هم‌زمان دیده می‌شن

اول املای کلاس‌های menu-for-guests و menu-for-users رو بررسی کنید. بعد مطمئن بشید کد اجرا می‌شه و دارید همون فهرستی رو ویرایش می‌کنید که در سربرگ دیده می‌شه. در پوسته بلوکی هم لینک‌های تکراری رو از بلوک ناوبری بردارید.

دکمه خروج خطای امنیتی نشون می‌ده

این مشکل معمولاً وقتی پیش میاد که لینک خروج ثابت، قدیمی یا کش‌شده باشه. لینک رو با wp_logout_url() بسازید و کش سایت، افزونه کش و CDN رو پاک کنید. بعد دکمه خروج رو در یک پنجره تازه امتحان کنید.

منو بعد از ورود تغییر نمی‌کنه

احتمالاً یک نسخه کش‌شده از صفحه به کاربر نشون داده می‌شه. بهتره کش صفحه برای کاربران واردشده جدا باشه یا غیرفعال بشه. تنظیمات افزونه کش و CDN رو بررسی کنید و مطمئن بشید کوکی ورود وردپرس روی تصمیم کش اثر می‌ذاره.

کاربر بعد از ورود یا خروج به صفحه اشتباه می‌ره

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

شرط نمایش روی موبایل درست کار نمی‌کنه

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

نکات امنیتی و تجربه کاربری

• لینک خروج امن بسازید: برای خروج از تابع wp_logout_url() کمک بگیرید تا nonce معتبر همراه لینک باشه.
• مقصد دکمه‌ها رو واضح انتخاب کنید: ورود باید به فرم ورود، پنل به داشبورد کاربر و خروج به یک صفحه قابل‌فهم برسه.
• کش سایت رو بررسی کنید: بعد از هر تغییر، کش وردپرس، مرورگر و CDN رو پاک کنید و نتیجه رو برای مهمان و کاربر واردشده ببینید.
• با حساب آزمایشی تست کنید: برای آزمایش سراغ حساب مدیر اصلی نرید. یک کاربر عادی بسازید تا دقیقاً همون چیزی رو ببینید که مشتری یا عضو سایت می‌بینه.

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

جمع‌بندی

برای شرطی کردن دکمه ورود و خروج وردپرس، اول آدرس‌های واقعی ورود، عضویت و پنل کاربری سایتتون رو پیدا کنید. بعد با توجه به نوع پوسته و روشی که براتون راحت‌تره، سراغ فهرست کلاسیک، افزونه If Menu یا شورت‌کد برید. مهم‌ترین نکته اینه که لینک خروج رو ثابت نذارید و اون رو با wp_logout_url() بسازید تا کد امنیتی معتبر داشته باشه.

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

سؤالات متداول درباره شرطی کردن دکمه ورود و خروج وردپرس

تیم تولید محتوا

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