نحوه اضافه کردن لوگو داشبورد سفارشی در وردپرس

سلام خدمت شما دوستان عزیز

 امروز با آموزش نحوه اضافه کردن لوگو داشبورد سفارشی در وردپرس در خدمت شما هستم

 با ای تاتس همراه باشید 🙂

قدم اول : اضافه کردن علامت داشبورد سفارشی در وردپرس با استفاده از یک پلاگین


این روش آسان تر است و برای اکثر مبتدی ها توصیه می شود.

اولین چیزی که باید انجام دهید این است که پلاگین CMS White Label را نصب و فعال کنید.

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

CMS White Label دریافت کن

 شما باید بر روی «Yes» کلیک کنید تا آرم وردپرس مخفی شود و سپس آرم سفارشی خود را آپلود کنید. لوگوی سفارشی باید دقیقا 16 × 16 پیکسل در ابعاد باشد.

فراموش نکنید که دکمه Save Change را کلیک کنید تا تنظیمات خود ذخیره شود.

علاوه بر آرم داشبورد سفارشی، CMS White Label همچنین ویژگی های دیگری را برای بازنویسی وردپرس خود ارائه می دهد.

قدم دوم : اضافه کردن دستی علامت داشبورد سفارشی در وردپرس


این روش برای کاربرانی است که کامپایل کدهای راحت در وردپرس دارند.

ابتدا باید لوگوی سفارشی خود را به عنوان فایل custom-logo.png بر روی رایانه خود ذخیره کنید. این باید دقیقا 16 × 16 پیکسل در ابعاد باشد.

هنگامی که لوگوی دلخواه خود را آماده کرده اید، باید آن را با پوشه FTP / wp-content / themes / your-theme / images آپلود کنید. اگر موضوع شما یک پوشه تصویری نداشته باشد، باید آن را ایجاد کنید.

پس از آپلود لوگوی تصویر سفارشی خود، به سادگی این کد را به فایل functions.php یا یک افزونه خاص سایت اضافه کنید.

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}
 
//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

این کد به سادگی CSS مورد نیاز برای نشان دادن آرم سفارشی خود را در نوار مدیریت WordPress اضافه می کند.

امیدوارم بهره کافی را برده باشید 🙂

مطالب مرتبط

آموزش ریست کردن مودم های TP-Link مخابرات

نحوه اضافه کردن LiveChat به فروشگاه WooCommerce شما و افزایش فروش

چگونه 502 Bad Gateway Error را در وردپرس حل کنیم

آموزش ثبت و تائید وبسایت وردپرس شما در Pinterest

ترفندهای جستجو در گوگل

تبدیل PDF و عکس به Word بدون نرم افزار!

نحوه اضافه کردن لوگو داشبورد سفارشی در وردپرس

محتوای مطلب

کامنت ها

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.