تغيير شعار العنوان إلى صورة

To change the text logo to an image logo on your WordPress website, you can follow these steps:

1. Upload the Image to Your WordPress Media Library:

   • Go to your WordPress admin dashboard.
   • Navigate to Media > Add New.
   • Upload your logo image (cropped-Site_Logo-1.png) from your computer.

2. Get the URL of the Uploaded Image:

   • After uploading, click on the uploaded image to open it.
   • Copy the URL of the image from the browser’s address bar.

3. Replace the Text Logo with the Image:

   • Go to Appearance > Customize in your WordPress dashboard.

   • Look for the Additional CSS option in the customization menu.

   • Add the following CSS code to replace the text logo with your image:

     cssCopy code
     .text_logo a {
         display: block;
         width: 200px; /* Adjust the width as needed */
         height: 50px; /* Adjust the height as needed */
         background: url('URL_OF_YOUR_LOGO_IMAGE') no-repeat;
         text-indent: -9999px; /* Hide the text */
     }
     

     Replace URL_OF_YOUR_LOGO_IMAGE with the URL you copied in step 2.

4. Save Your Changes:

   • Click the “Publish” button to save your changes.
   • Refresh your website to see the new logo.

By following these steps, you should be able to replace the text logo with your image logo on your WordPress website.

لتغيير شعار النص إلى شعار صورة على موقع ووردبريس الخاص بك، يمكنك اتباع الخطوات التالية:

1. رفع الصورة إلى مكتبة الوسائط الخاصة بووردبريس:

   • اذهب إلى لوحة التحكم الخاصة بووردبريس الخاصة بك.
   • انتقل إلى الوسائط > إضافة جديدة.
   • قم برفع صورة الشعار الخاص بك (cropped-Site_Logo-1.png) من جهاز الكمبيوتر الخاص بك.

2. الحصول على رابط الصورة المرفوعة:

   • بعد الرفع، انقر على الصورة المرفوعة لفتحها.
   • انسخ رابط الصورة من شريط عنوان المتصفح.

3. استبدال شعار النص بالصورة:

   • اذهب إلى المظهر > تخصيص في لوحة التحكم الخاصة بووردبريس.

   • ابحث عن خيار ال CSS الإضافي في قائمة التخصيص.

   • أضف الكود التالي CSS لاستبدال شعار النص بصورة الشعار الخاص بك:

     cssCopy code
     .text_logo a {
         display: block;
         width: 200px; /* قم بضبط العرض حسب الحاجة */
         height: 50px; /* قم بضبط الارتفاع حسب الحاجة */
         background: url('URL_OF_YOUR_LOGO_IMAGE') no-repeat;
         text-indent: -9999px; /* إخفاء النص */
     }
     

     استبدل URL_OF_YOUR_LOGO_IMAGE برابط الصورة الذي قمت بنسخه في الخطوة 2.

4. حفظ التغييرات:

   • انقر على زر “نشر” لحفظ التغييرات الخاصة بك.
   • قم بتحديث موقعك لرؤية الشعار الجديد.

من خلال اتباع هذه الخطوات، يجب أن تتمكن من استبدال شعار النص بشعار الصورة الخاص بك على موقع ووردبريس الخاص بك.