تطوير المواقع الإلكترونية له عيوبه. ففي لحظة، يبدو كل شيء مثالياً، وفي اللحظة التالية، تختفي أيقونات Elementor! إذا كنت تواجه هذه المشكلة، فلا تقلق، فأنت لست وحدك. يواجه العديد من المستخدمين هذه المشكلة بسبب إعدادات خاطئة، أو ملفات CSS مفقودة، أو تعارضات مع مزود خدمة الاستضافة .
إذن، ما الذي يسبب هذا؟ قد يكون أي شيء بدءًا من تعطيل أيقونات الخطوط المضمنة، أو كود PHP معطل، أو أذونات ملفات غير صحيحة، أو حتى رابط مفقود لأوراق الأنماط الضرورية.
لكن الخبر السار؟ هناك إجابات واضحة وحلول بسيطة لا تتطلب مهارات برمجة متقدمة.
يُقدّم لك هذا الدليل إرشادات خطوة بخطوة لاستعادة أيقونات Elementor. هيا بنا نبدأ ونحلّ هذه المشكلة نهائياً!
باختصار: حلول سريعة لمشكلة اختفاء الأيقونات في مُنشئ الصفحات
- تحقق من عنوان ووردبريس وعنوان الموقع للتأكد من صحة إعدادات عنوان URL و HTTPS.
- قم بمسح ذاكرة التخزين المؤقت للمتصفح والموقع لحل مشكلات التخزين المؤقت الشائعة التي تجعل الأيقونات تظهر فارغة.
- قم بتحديث Elementor والمكونات الإضافية والملحقات لتجنب مشاكل التوافق التي قد تؤدي إلى ظهور أخطاء في العرض.
- أعد إنشاء ملفات CSS وراجع بيانات قاعدة البيانات من لوحة التحكم لجعل الرموز مرئية مرة أخرى.
ما هو مربع الأيقونات في Elementor؟
يُعدّ صندوق الأيقونات أحد الأدوات المفيدة في Elementor ، وهي أداة مفضلة لدى العديد من مستخدمي ووردبريس. فهو يجمع بين الأيقونة والعنوان والنص بشكل أنيق. تخيّل أنه بمثابة قلم تمييز صغير لموقعك الإلكتروني؛ وسيلة لتسليط الضوء على شيء مميز أو مهم.
تعرّف على المزيد: هل تواجه مشكلة في تحميل Elementor؟ إليك كيفية حلها!
إليك ما يمكنك فعله باستخدام مربع الأيقونات:
- اختر أيقونتك: سواء كنت تفضل الأيقونات من Font Awesome أو Material Design أو لديك أيقونة فريدة، فالخيار لك.
- اجعلها خاصة بك: هل تريد أيقونة أكبر قليلاً؟ أو بلون مختلف؟ لا مشكلة. يمكنك تعديل حجمها، وتغيير لونها، وتجربة مظهرها. بالإضافة إلى ذلك، يمكنك كتابة عنوانها ووصفها.
- اسحب وأفلت، وانتهى الأمر: لست بحاجة إلى أن تكون خبيرًا تقنيًا لاستخدامه. ما عليك سوى سحب أداة مربع الأيقونات إلى الموقع المطلوب على صفحتك أو منشورك، وستكون جاهزًا تمامًا.
لا تزال أيقونات Elementor لا تظهر؟ لا داعي للقلق!
يمكن لفريق دعم ووردبريس الخبير لدينا مساعدتك في حل هذه المشكلة. تواصل معنا اليوم.
هل تواجه مشكلة مع الأيقونات في Elementor؟ إليك قائمة مراجعة لمساعدتك
إذا لم تكن أيقوناتك مرئية، فاتبع قائمة التحقق السريعة هذه لتحديد الخطأ المحتمل واستعادتها قبل تجربة حلول أكثر تقدماً.
- تحديث Elementor: تمامًا كما هو الحال مع تحديث تطبيقات هاتفك، يحتاج البرنامج أحيانًا إلى تحديث. تأكد من أن Elementor لديك مُحدّث.
- ألقِ نظرة على مكتبة الأيقونات: يستخدم Elementor مجموعة من الأيقونات المخصصة من Font Awesome. للتحقق من تفعيلها: انتقل إلى Elementor، ثم إلى الإعدادات، ثم الإعدادات المتقدمة، وابحث عن خيار Font Awesome وتأكد من تحديده.
- هل يُحتمل أن يكون السبب إضافةً أو قالبًا آخر ؟ أحيانًا، لا تتوافق الأدوات المختلفة معًا بشكلٍ جيد. جرّب تعطيل الإضافات الأخرى مؤقتًا. يمكنك أيضًا التفكير في التبديل إلى قالب ووردبريس أساسي (مثل Twenty-One).
- نظّف ذاكرة التخزين المؤقت: تخيّل ذاكرة التخزين المؤقت كذاكرة مؤقتة لمتصفحك. مسحها قد يُصلح العديد من المشاكل البسيطة. امسح ذاكرة التخزين المؤقت وملفات تعريف الارتباط لمتصفح الإنترنت. كذلك، أعد ضبط ذاكرة Elementor (ذاكرة التخزين المؤقت الخاصة به).
- هل متصفحك يعمل بشكل صحيح ؟: ليست كل المتصفحات متشابهة. جرب متصفحًا آخر (مثل فايرفوكس) لمعرفة ما إذا كانت الأيقونات ستظهر مجددًا.
- هل تحتجز شبكة توصيل المحتوى (CDN) الأيقونات ؟ إذا كنت تستخدم شبكة توصيل محتوى (CDN) لموقعك، فقد تحجب الأيقونات أحيانًا. يُنصح بالتواصل مع مزود خدمة CDN الخاص بك بخصوص هذا الأمر.
اقرأ المزيد : مراجعة إضافات QI لبرنامج Elementor
نصائح لإصلاح مشكلة عدم ظهور أيقونات Elementor
قد يكون الأمر محيرًا عندما تقرر أيقونات Elementor المخصصة أن تلعب لعبة الاختباء على موقعك الإلكتروني.
لكن الخبر السار هو أن استعادتها عادة ما تكون سهلة. في أغلب الأحيان، تنحصر المشاكل في أحد هذين السببين:
- تعديلات على إضافة Elementor: قد تتطلب أي تغييرات أو تحديثات أو تخصيصات حديثة عرض الأيقونات بشكل صحيح. قد يكون ذلك بسبب تعارضات أو إعدادات غير متوافقة.
- أيقونات مفقودة من المكتبة: في بعض الأحيان، قد تتم إزالة أيقونات المكتبة أو عدم تحميلها، مما يتسبب في اختفائها من تخطيطاتك.
والآن بعد أن حددنا الجناة المحتملين، دعونا نستعرض الحلول لإعادة رموزك إلى دائرة الضوء.
ذات صلة: إصلاح مشكلة عدم عمل العناوين المتحركة في Elementor
العدد 1: تغييرات في إضافة Elementor
ربما قمت مؤخرًا بتحديث إضافة Elementor أو قمت بتثبيتها للتو، والآن لا تظهر بعض أيقونات Font Awesome. لا تقلق!
إليك ما يمكنك فعله:
- انتقل إلى لوحة تحكم ووردبريس الخاصة بك.
- اختر "Elementor" من الشريط الجانبي ثم حدد "الإعدادات"
- انقر على علامة التبويب "متقدم".
- ابحث عن خيار "Load Font Awesome 4 Support". قم بتمكينه أو تأكد من تفعيله.
المشكلة الثانية: ملفات CSS وبيانات Elementor قديمة
أحيانًا، قد لا يتم تحميل أيقونات Elementor بسبب ملفات CSS المُنشأة أو تلفها بعد تحديث أحد المكونات الإضافية أو تغيير في الإعدادات. عند حدوث ذلك، قد لا يتم تحميل أنماط خطوط الأيقونات بشكل صحيح، مما يؤدي إلى ظهور الأيقونات فارغة أو غير مرئية على الصفحة.
لحسن الحظ، يوفر Elementor حلاً سريعاً لهذه المشكلة. اتبع الخطوات التالية لإعادة إنشاء الملفات:
- انتقل إلى لوحة تحكم ووردبريس الخاصة بك وافتح Elementor .
- انقر على "الأدوات" من القائمة.
- ضمن "عام" ، حدد "إعادة إنشاء الملفات والبيانات" .
- انقر على الزر واسمح لـ Elementor بتحديث البيانات.
تُعيد هذه العملية بناء ملفات CSS المخزنة في قاعدة البيانات وتُحدّث الموارد المستخدمة لعرض الأيقونات. بعد إتمام هذه الخطوات، أعد تحميل الصفحة وتحقق مما إذا كانت الأيقونات ظاهرة الآن.
في كثير من الحالات، يحل هذا الإصلاح البسيط المشكلة دون الحاجة إلى مزيد من استكشاف الأخطاء وإصلاحها.
المشكلة الثالثة: مشاكل المحتوى المختلط أو إعدادات HTTPS
من الأسباب الشائعة الأخرى لعدم ظهور الأيقونات مشكلة المحتوى المختلط. يحدث هذا عندما يتم تحميل موقعك الإلكتروني عبر بروتوكول HTTPS ، ولكن يتم طلب بعض ملفات الأيقونات أو موارد الخطوط عبر بروتوكول HTTP.
تحظر المتصفحات الحديثة هذه الطلبات لأسباب أمنية، مما يمنع تحميل الرموز.
ابدأ بالتحقق من عنوان ووردبريس وعنوان الموقع في الإعدادات العامة للتأكد من استخدام كليهما لعنوان URL الصحيح (https). في حال وجود اختلاف، قم بتحديث الإعدادات وحفظ التغييرات.
يمكنك أيضًا فحص الصفحة باستخدام أدوات مطوري المتصفح للعثور على الموارد المحظورة. إذا كانت ملفات الأيقونات محظورة، فقم بتحديث عناوين URL في قاعدة البيانات أو إعدادات الإضافة.
بمجرد تحميل جميع الموارد عبر بروتوكول HTTPS، ستظهر الأيقونات مرة أخرى.
المشكلة الرابعة: مشاكل في أذونات الملفات أو تكوين الخادم
في بعض الحالات، قد يكون سبب المشكلة هو إعدادات الاستضافة أو الخادم. تعتمد أيقونات Elementor على ملفات الخطوط مثل WOFF وTTF. إذا كان الخادم يحظر هذه الأنواع من الملفات أو أذونات الملفات غير صحيحة، فقد لا يتم تحميل الأيقونات بشكل صحيح.
لحل هذه المشكلة، تحقق من أذونات الملفات داخل تثبيت ووردبريس الخاص بك، وخاصة في المجلدات التي تحتوي على موارد Elementor. يجب أن تسمح الأذونات للخادم بالوصول إلى هذه الملفات.
يمكنك أيضًا التواصل مع مزود خدمة الاستضافة للتأكد من عدم وجود قيود أمنية على ملفات الخطوط. بعض الخوادم تحظر موارد معينة افتراضيًا، مما قد يتسبب في ظهور الأيقونات فارغة.
بمجرد أن يسمح الخادم بالوصول إلى الملفات المطلوبة، يجب أن يتم تحميل أيقونات Elementor بشكل طبيعي عبر قائمة وصفحات موقعك الإلكتروني.
ذات صلة : كيفية إصلاح مشكلة عدم تحميل لوحة الأدوات في Elementor
العدد 5: اختفاء الرموز من المكتبة
في بعض الأحيان، تختفي الرموز الموجودة في مكتبة رموز Elementor، خاصة في القوالب التي تستخدم رموز "Nucleo Mini".
إليك كيفية التحقق من هذا الأمر وحلّه:
- قم بزيارة الصفحة التي من المفترض أن تظهر فيها أيقوناتك.
- انقر فوق زر "التحرير باستخدام Elementor" لتشغيل محرر Elementor.
- ومن هناك، افتح مكتبة الوسائط. سيتيح لك هذا معرفة ما إذا كانت الأيقونة التي تبحث عنها موجودة في المكتبة.
- إذا كانت الأيقونة المطلوبة مفقودة، فيجب عليك تحديث إضافة Kava Extra إلى أحدث إصدار لحل المشكلة.
اقرأ أيضاً: مقارنة بين Divi و Elementor
بديل لملحق Font Awesome
إذا لم تنجح الحلول المذكورة أعلاه في استعادة أيقوناتك، يمكنك تجربة طريقة أخرى: تثبيت Font Awesome مباشرة.
- في لوحة تحكم ووردبريس الخاصة بك، انتقل إلى الإضافات → إضافة جديد → رفع إضافة .
- هنا، سيكون لديك خيار لتحميل إضافة Font Awesome التي قمت بتنزيلها إلى جهاز الكمبيوتر الخاص بك.
- انقر على زر "التثبيت الآن".
- بعد التثبيت، لا تنس النقر على زر "تفعيل الإضافة".
- يجب الآن تفعيل إضافة Font Awesome على موقعك، ويجب أن تعمل أيقوناتك مرة أخرى.
احرص دائمًا على عمل نسخة احتياطية لموقعك قبل إجراء أي تغييرات أو تحديثات جوهرية. في حال حدوث أي أمر غير متوقع، سيكون لديك نسخة احتياطية يمكنك الاعتماد عليها.
اقرأ المزيد : أفضل قوالب ووردبريس البرمجية Elementor SaaS
يختتم
قد يبدو تصميم وتطوير المواقع الإلكترونية أحيانًا كرحلة مليئة بالمنعطفات غير المتوقعة. ولكن مع كل عقبة، غالبًا ما يكون هناك حل قريب.
فيما يتعلق بـ Elementor وأيقوناته، فقد تغلّبنا على جميع التحديات وقدّمنا حلولاً سهلة التطبيق. بدءًا من فهم الميزات الرائعة مثل مربع الأيقونات، وصولاً إلى حلّ مشاكل اختفاء الأيقونات، نحن نوفر لك كل ما تحتاجه.
مع المعرفة المناسبة وقليل من الصبر، يصبح ضمان تجربة مستخدم سلسة على موقعك الإلكتروني أمرًا في غاية السهولة.
تذكر، كل تحدٍّ، مهما كان صغيراً، هو فرصة للتعلم والتطور. لذا، استمر في إطلاق العنان لإبداعك، ولنعمل معاً على بناء مواقع إلكترونية أكثر جمالاً وكفاءة وسهولة في الاستخدام!
الأسئلة الشائعة حول حل مشكلة عدم ظهور أيقونات Elementor
لماذا لا تظهر أيقونات Elementor على موقع WordPress الخاص بي؟
قد لا تظهر أيقونات Elementor بسبب مشاكل التخزين المؤقت، أو عنوان WordPress أو الموقع غير الصحيح، أو مشاكل توافق المكونات الإضافية أو الإضافات.
في بعض الأحيان، تفشل عائلة خطوط الأيقونات في التحميل بسبب عنوان URL خاطئ، أو موارد HTTPS محظورة، أو ملفات قاعدة بيانات قديمة.
إذا حدث هذا لأول مرة، فامسح ذاكرة التخزين المؤقت واتبع الخطوات المذكورة أعلاه في هذا البرنامج التعليمي لاستعادة الرموز وجعلها مرئية مرة أخرى.
كيف يمكنني إصلاح مشكلة عدم ظهور أيقونات Elementor بعد تسجيل الدخول؟
بعد تسجيل الدخول إلى لوحة تحكم ووردبريس، افتح إعدادات Elementor وأعد إنشاء ملفات CSS. هذا الإجراء يُحدّث البيانات المخزنة ويُصلح العديد من أخطاء تحميل الأيقونات.
يمكنك أيضًا مسح ذاكرة التخزين المؤقت لموقعك من لوحة تحكم الاستضافة أو من خلال إضافة التخزين المؤقت. في كثير من الحالات، تحل هاتان الطريقتان المشكلة بسرعة.
هل يمكن أن تتسبب مشكلة في التخزين المؤقت في ظهور أيقونات Elementor فارغة؟
نعم. غالبًا ما تمنع مشكلة التخزين المؤقت تحميل ملفات الأيقونات الجديدة. عندما تبقى الملفات المخزنة مؤقتًا قديمة، قد تظهر الأيقونات فارغة أو مفقودة. امسح ذاكرة التخزين المؤقت للمتصفح، والإضافات، وشبكة توصيل المحتوى (CDN). بمجرد تحديث البيانات القديمة، ستظهر الأيقونات مرة أخرى.
هل تؤثر تعارضات الإضافات أو الملحقات على أيقونات Elementor؟
نعم. قد تتسبب بعض إضافات Elementor أو المكونات الإضافية الخارجية في مشاكل توافق تمنع تحميل الأيقونات. قم بتعطيل المكونات الإضافية واحدة تلو الأخرى من القائمة لتحديد التعارض. بمجرد تحديد المكون الإضافي المُسبب للمشكلة، قم بتحديثه أو استبداله.
ما الذي يجب عليّ فحصه إذا استمر الخطأ؟
إذا استمر الخطأ بعد اتباع الخطوات المذكورة أعلاه، فتحقق من عنوان ووردبريس وإعدادات عنوان الموقع، وتأكد من صحة تكوين HTTPS، وراجع بيانات قاعدة البيانات.
يمكنك أيضًا البحث في موارد Elementor أو ترك تعليق إذا كانت لديك أي استفسارات أخرى. نأمل أن يساعدك هذا الشرح في استعادة أيقوناتك بسرعة.
