هل تريد إضافة شعار لوحة تحكم مخصص في ووردبريس؟ غالبًا ما يستبدل الأشخاص شعار ووردبريس بشعار لوحة معلومات مخصص لأغراض العلامة التجارية. في هذه المقالة ، سنوضح لك كيفية إضافة شعار لوحة تحكم مخصص في ووردبريس للعلامة التجارية.
شعار لوحة القيادة المخصص في ووردبريس
الطريقة الأولى: إضافة شعار لوحة تحكم مخصص في ووردبريس باستخدام البرنامج المساعد
هذه الطريقة أسهل وموصى بها لمعظم المبتدئين.
أول شيء عليك القيام به هو تثبيت وتفعيل المكون الإضافي White Label CMS . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، تحتاج إلى زيارة الإعدادات » صفحة White Label CMS والنقر فوق علامة التبويب Branding لتوسيعها.
إضافة شعار لوحة القيادة المخصص في ووردبريس باستخدام المكون الإضافي White Label CMS
بعد ذلك ، تحتاج إلى النقر فوق “نعم” لإخفاء شعار ووردبريس ثم تحميل شعارك المخصص. يجب أن تكون أبعاد الشعار المخصص 16 × 16 بكسل بالضبط.
لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.
شعار مخصص في لوحة معلومات ووردبريس
بصرف النظر عن شعار لوحة القيادة المخصص ، يقدم White Label CMS أيضًا ميزات أخرى لإعادة تسمية تثبيت ووردبريس الخاص بك. راجع دليلنا حول كيفية تسمية لوحة تحكم مسؤول ووردبريس للحصول على إرشادات مفصلة.
الطريقة الثانية: إضافة شعار لوحة تحكم مخصصة يدويًا في ووردبريس
هذه الطريقة للمستخدمين الذين يشعرون بالراحة عند لصق مقتطفات التعليمات البرمجية في ووردبريس .
تحتاج أولاً إلى حفظ شعارك المخصص كملف custom-logo.png على جهاز الكمبيوتر الخاص بك. يجب أن تكون أبعادها 16 × 16 بكسل بالضبط.
بمجرد أن يصبح شعارك المخصص جاهزًا ، تحتاج إلى تحميله إلى /wp-content/themes/your-theme/imagesمجلد باستخدام FTP . إذا كان المظهر الخاص بك لا يحتوي على مجلد صور ، فأنت بحاجة إلى إنشائه.
بعد تحميل صورة الشعار المخصصة ، ما عليك سوى إضافة هذا الرمز إلى ملف function.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 المطلوبة لعرض شعارك المخصص في شريط إدارة ووردبريس.
هذا كل ما نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة شعار لوحة تحكم مخصص في ووردبريس للعلامة التجارية. قد ترغب أيضًا في الاطلاع على دليلنا حول كيفية إخفاء العناصر غير الضرورية من ووردبريس باستخدام Adminimize .
خدمات مميزة لآجلك
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
اشترك معنا لمزيد من المعرفة
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..

