افزودن لوگوی دلخواه در تولبار وردپرس
کد تخفیف در جریان tabestan97 %15 تا آخر تابستان 97

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

مراحل کار :

1 – ابتدا یک لوگو با فرمت PNG با اندازه 16×16 پیکسل آماده کنید. نام و فرمت لوگو را می توانید custom-logo.png قرار دهید. (البته این امکان را دارید که نام و فرمت دیگری را نیز استفاده کنید، تنها باید داخل کد زیر این نام و فرمت را تغییر دهید.)

2 – وارد پوشه قالبتان شوید . پوشه images را باز کنید و لوگوی خود را درون این پوشه آپلود کنید. اگر چنین پوشه ای نداشتید می توانید یکی با همین نام ایجاد کنید یا اینکه داخل کد زیر ، نام دیگری انتخاب کنید. اما مهم است که این پوشه داخل پوشه قالب باشد.

3 – اکنون کد زیر را در فایل functions.php قالبتان قرار دهید:

function devme_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>';
}

add_action('wp_before_admin_bar_render', 'devme_custom_logo');

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


نکته 

در خط 5 کد بالا ، شما باید پوشه ای که استفاده می کنید و همچنین نام فایل لوگویی که ساختید دقیقا مشابه آن مسیر و نام باشد. یعنی در خط 5 این کد ، ما مشخص کرده ایم که یک پوشه به نام images داخل پوشه قالبمان داریم و فایل لوگوی دلخواه ما custom-logo.png است. در صورت اشتباه بودن یکی از این دو مورد ، لوگوی شما نمایش داده نخواهد شد.

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

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