سفارشی کردن پنل مدیریت وردپرس و تغییر لوگوی وردپرس

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

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

سفارشی کردن پنل مدیریت وردپرس چه فایده‌ای داره؟

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

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

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

قبل از تغییر پنل مدیریت چه کارهایی انجام بدید؟

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

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

روش اول: سفارشی کردن پنل مدیریت با افزونه White Label CMS

White Label CMS یک افزونه رایگانه که امکانات تغییر برند، صفحه ورود، منوهای مدیریت، فوتر و صفحه اصلی پیشخوان رو یک‌جا در اختیارتون می‌ذاره. White Label یعنی نشانه‌های عمومی سازنده نرم‌افزار رو با هویت بصری کسب‌وکار خودتون جایگزین کنید.

نصب و فعال‌سازی افزونه White Label CMS

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

راه‌اندازی اولیه با ویزارد افزونه

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

تغییر برند وردپرس در پیشخوان

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

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

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

تغییر لوگو و ظاهر صفحه ورود وردپرس

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

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

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

سفارشی کردن منوی کناری پیشخوان

بخش Menus برای مرتب کردن یا پنهان کردن گزینه‌های منوی کناریه. مثلاً یک نویسنده معمولاً به تنظیمات پوسته یا افزونه‌ها نیاز نداره. با این حال، مخفی کردن یک گزینه با حذف دسترسی فرق داره؛ یعنی پنهان شدن منو به‌تنهایی مانع دسترسی مستقیم کاربر به اون صفحه نمی‌شه.

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

ساخت پیشخوان اختصاصی برای کاربران و مشتری‌ها

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

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

سفارشی کردن متن و لینک فوتر مدیریت

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

ذخیره تنظیمات و بررسی پنل با یک حساب کاربری آزمایشی

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

روش دوم: تغییر لوگوی نوار مدیریت بدون افزونه

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

چرا بهتره از پوسته فرزند یا افزونه اختصاصی استفاده کنید؟

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

آپلود فایل لوگو در مسیر درست

یک نسخه مربع و ساده از لوگو با نام custom-logo.webp آماده کنید. بعد داخل پوشه پوسته فرزند، پوشه‌ای با نام images بسازید و فایل رو در مسیر زیر قرار بدید:

/wp-content/themes/your-child-theme/images/custom-logo.webp

عبارت your-child-theme رو با نام واقعی پوشه پوسته فرزندتون عوض کنید. لوگو لازم نیست دقیقاً ۱۶ در ۱۶ پیکسل باشه؛ ولی باید در اندازه کوچک خوانا بمونه. کد پایین اون رو داخل یک کادر ۲۰ در ۲۰ پیکسلی نمایش می‌ده.

اضافه کردن کد با هوک مناسب وردپرس

هوک در وردپرس یعنی یک نقطه مشخص که کد شما به اجرای وردپرس وصل می‌شه. کد زیر CSS لازم رو با هوک admin_head به صفحه‌های مدیریت اضافه می‌کنه. اون رو داخل فایل functions.php پوسته فرزند یا افزونه اختصاصی خودتون قرار بدید:

function mwp_custom_admin_bar_logo() {    $logo_url = get_stylesheet_directory_uri() . '/images/custom-logo.webp';    ?>    <style>        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {            background-image: url('<?php echo esc_url( $logo_url ); ?>');            background-position: center;            background-repeat: no-repeat;            background-size: contain;            color: transparent;            width: 20px;            height: 20px;        }    </style>    <?php}add_action( 'admin_head', 'mwp_custom_admin_bar_logo' );

این نمونه لوگوی داخل نوار مدیریت پیشخوان رو تغییر می‌ده. چون ساختار نوار مدیریت ممکنه در نسخه‌های بعدی وردپرس تغییر کنه، کد و سلکتور CSS رو اول روی سایت آزمایشی بررسی کنید. اگه می‌خواید همین لوگو در نوار مدیریت بالای بخش عمومی سایت هم دیده بشه، خط زیر رو هم بعد از خط آخر اضافه کنید:

add_action( 'wp_head', 'mwp_custom_admin_bar_logo' );

ساخت نشانی لوگو با get_stylesheet_directory_uri()

تابع get_stylesheet_directory_uri() نشانی پوشه پوسته فعال رو برمی‌گردونه. وقتی پوسته فرزند فعاله، نشانی همون پوسته فرزند ساخته می‌شه. به همین دلیل کد می‌تونه فایل داخل پوشه images رو بدون وارد کردن دستی دامنه سایت پیدا کنه.

آزمایش کد و برگردوندن تغییرات در صورت بروز خطا

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

افزونه بهتره یا کدنویسی؟

انتخاب مناسب به اندازه تغییرات و تجربه شما بستگی داره. هیچ‌کدوم از این دو روش همیشه بهترین انتخاب نیست.

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

نکات مهم برای حفظ امنیت پنل مدیریت

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

برای آشنایی بهتر با نقش‌ها و سطح دسترسی هر کاربر، آموزش مدیریت کاربران وردپرس رو هم ببینید.

رفع مشکلات رایج سفارشی کردن پنل مدیریت وردپرس

لوگوی جدید نمایش داده نمی‌شه

اول کش مرورگر و سایت رو پاک کنید. بعد مطمئن بشید فایل لوگو حذف نشده و نشانی اون درسته. در روش کدنویسی، نام فایل و پوشه باید دقیقاً با مسیر نوشته‌شده در کد یکی باشه. قالب فایل رو هم بررسی کنید تا مرورگر بتونه اون رو نمایش بده.

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

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

منوی ضروری به‌اشتباه مخفی شده

با یک حساب مدیر وارد تنظیمات White Label CMS بشید و بخش Menus رو باز کنید. گزینه پنهان‌شده رو دوباره فعال کنید و تنظیمات رو ذخیره کنید. اگه با حساب مدیر هم نمی‌تونید وارد پیشخوان بشید، از مدیریت فایل هاست یا FTP نام پوشه افزونه رو موقتاً تغییر بدید تا افزونه غیرفعال بشه. این کار رو فقط بعد از گرفتن نسخه پشتیبان انجام بدید و اگه با فایل‌های سایت آشنا نیستین، از پشتیبانی هاست کمک بگیرید.

ظاهر پنل بعد از به‌روزرسانی به هم ریخته

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

کد سفارشی باعث خطای سایت شده

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

جمع‌بندی

برای سفارشی کردن پنل مدیریت وردپرس، افزونه White Label CMS انتخاب مناسبی برای کاربران مبتدی و تغییرات گسترده‌ست. با توجه به امکانات نسخه نصب‌شده، می‌تونید بخش‌هایی مثل لوگو، صفحه ورود، منوها، فوتر و صفحه اصلی پیشخوان رو بدون کدنویسی تغییر بدید. برای یک تغییر محدود مثل جایگزین کردن لوگوی نوار مدیریت هم کدنویسی در پوسته فرزند یا افزونه اختصاصی کافی هست.

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

سؤال‌های متداول درباره سفارشی کردن پنل مدیریت وردپرس

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

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