دليل كامل حول كيفية إضافة تلميح في موقع Elementor

هل تتطلع إلى إضافة تلميحات إعلامية إلى موقع الويب الخاص بك؟ يمكن أن يساعدك Elementor في القيام بذلك في أي وقت من الأوقات. إنها واحدة من أسهل المكونات الإضافية التي يمكنك من خلالها إضافة تلميحات الأدوات إلى أي من عناصر الويب الخاصة بك بنقرات قليلة من الماوس. لست مطالبًا بمعرفة كيفية البرمجة على الإطلاق.

بالإضافة إلى ذلك ، يحتوي Elementor على العديد من الميزات المفيدة التي يمكنك استخدامها لتخصيص مظهر تلميح الأدوات الخاص بك ليتناسب مع نمط موقع الويب الخاص بك. في هذا الدليل ، سنزودك بدليل كامل حول كيفية إضافة تلميح أداة في مواقع ويب Elementor بمساعدة هذا المكون الإضافي.

أيضًا ، سنغطي جزءًا حول كيفية إضافة تلميحات الأدوات باستخدام أكواد CSS الخاصة بالعميل . لذا سواء كنت جديدًا على Elementor أو كنت تستخدمه منذ سنوات ، فهذه المقالة مناسبة لك!

جدول المحتويات

• ما هو التلميح؟
• كيف تساعدك تلميحات الأدوات على تحسين تجربة المستخدم على موقع الويب الخاص بك
• كيفية إضافة تلميحات الأدوات إلى موقع Elementor على الويب باستخدام Custom CSS
• كيفية إضافة تلميحات الأدوات إلى موقع Elementor الخاص بك باستخدام HappyAddons
• كيف تتجنب تلميحات الأدوات التي تبدو غير مرغوب فيها
• بعض أمثلة تصميم تلميحات الأدوات الرائعة
• أسئلة وأجوبة حول كيفية إضافة تلميح باستخدام Elementor
• دورك الآن: هل أنت مستعد لإضافة تلميحات الأدوات إلى موقع الويب الخاص بك؟

ما هو التلميح؟

تلميح الأداة هو مقتطف من النص يظهر عند تحريك الماوس فوق عناصر ويب معينة. إنها خاصية CSS تتيح لك إضافة معلومات أو محتوى إضافي حول عناصر الويب التي تريدها. يمكن أن يشمل ذلك الأزرار والروابط وحتى الصور.

يمكنك استخدام تلميحات الأدوات لإضافة نصائح مفيدة أو معلومات عن المنتج أو سياق عام حول المحتوى. كما تجعل تلميحات الأدوات التنقل سهلاً. لذلك ، لا يتعين على المستخدمين زيارة صفحات متعددة حيث يمكنك عرض المزيد والمزيد من المعلومات على نفس صفحة الويب.

كيف تساعدك تلميحات الأدوات على تحسين تجربة المستخدم على موقع الويب الخاص بك

يمكن أن تساعدك تلميحات الأدوات في إضافة معلومات إضافية لتحسين تجربة المستخدم ، وتلبية أهداف البحث الخاصة بهم ، ورفع مستوى سرعة تصفح الويب في نفس الوقت. دعنا نستكشف بعض الفوائد الرئيسية لاستخدام تلميحات الأدوات على أحد مواقع الويب.

1. يسمح لك بإضافة معلومات سياقية

تتيح لك تلميحات الأدوات عرض معلومات سياقية حول عناصر ويب معينة. يمكنك استخدامه لتبسيط عملية أي تعليمات معقدة أو ميزات الويب.

افترض أن لديك مقالًا مليئًا بالكثير من النصوص والرسومات. يمكن أن تساعدك تلميحات الأدوات في إبراز النقاط الرئيسية في كتابتك لتسهيل فهم المستخدمين لما يقرؤونه.

2. يساعد في حقول النموذج

يجب عليك ملء العديد من الحقول كلما ذهبت لإكمال طلب عبر الإنترنت أو إنشاء حساب جديد أو طلب منتجات التجارة الإلكترونية. يمكن أن تزود تلميحات الأدوات المستخدمين بإرشادات مفيدة حتى لا يرتكب المستخدمون أي أخطاء أثناء كتابة معلوماتهم.

يصبح هذا النوع من المساعدة أمرًا ضروريًا عندما يحاول المستخدمون التحقق من بطاقتهم الائتمانية ، والتقدم بطلب للحصول على جواز سفر ، وملء عناوين الفواتير ، والمزيد.

3. يشرح عملية إعداد تطبيق الويب

هناك العديد من تطبيقات الويب التي عادة ما تكون معقدة للمستخدمين الجدد. عليهم قضاء وقت طويل في فهم كيفية استخدام هذه التطبيقات. إنه يقتل وقتهم كثيرًا.

باستخدام تلميحات الأدوات ، يمكنك بسهولة عرض عملية الإعداد لأي تطبيق ويب معقد. يمكن أن يساعدك في توفير الوقت الثمين للمستخدمين ويجعلهم يشعرون بأنهم محترفون من البداية.

4. يساعدك على الترويج لميزات المنتجات

ليس فقط لشرح الأشياء المعقدة ، يمكن أن تساعدك تلميحات الأدوات أيضًا في الترويج لميزات منتجك. قبل شراء أي منتج يحب العملاء دراسة ميزاته وسهولة استخدامه. يمكن أن تساعدك تلميحات الأدوات على القيام بالأمرين معًا. يمكنك إبراز ميزات منتجك وشرح دليل الاستخدام.

كيفية إضافة تلميحات الأدوات إلى موقع Elementor على الويب باستخدام Custom CSS

هناك عدة طرق يمكنك من خلالها إضافة تلميحات أدوات إلى ملف العنصر موقع باستخدام CSS مخصص. دعنا نستكشف بعض أسهل الطرق لهم.

الطريقة 01 - استخدام علامة <abbr> (اختصار) لإضافة تلميحات

باستخدام علامة <abbr> ، يمكنك إنشاء تلميحات أدوات على موقع الويب الخاص بك في أي وقت. يجب عليك إضافة نص تلميح الأداة الخاص بك داخل علامة العنوان = ”…”. إليك عينة من الكود أدناه يمكنك استخدامه لإنشاء تلميح الأداة الخاص بك.

 John <abbr title="I'm an Elementor Expert!">DOE</abbr>

يمكنك كتابة هذا الرمز في أي حقل عنصر يدعم علامة HTML. بمجرد الانتهاء من هذا الجزء ، سترى تلميح الأداة الخاص بك يظهر كلما قمت بتمرير المؤشر على هذا العنصر.

ملاحظة: لا يمكنك تنسيق تلميحات الأدوات الخاصة بك باستخدام هذه الطريقة! ولكن هذه هي أسهل طريقة لإضافة تلميح أداة.

الطريقة الثانية - إنشاء تلميح باستخدام HTML و CSS

الآن ، سنوضح لك كيفية إنشاء تلميح أدوات قابل للتخصيص بحيث يمكنك تغيير لونه وتغيير موضعه وإضافة رسوم متحركة وغير ذلك. للقيام بذلك ، أولاً ، عليك كتابة أكواد بسيطة لتلميح الأدوات الخاص بك في ملف HTML الخاص بك.

في Elementor ، ستحصل على عنصر واجهة مستخدم HTML لإنشاء حقل لكتابة هذا الرمز. قم بسحب وإسقاط أداة HTML على لوحة Elementor الخاصة بك.

سوف يتم فتح حقل تلقائيًا في قسم محتوى Elementor الخاص بك. يجب عليك إضافة فئة وإعطائها اسم فئة ، وقد أطلقنا عليها اسم "tooltiptext". سيتم استخدام هذه الفئة لتخصيص تلميح الأداة. يوجد أدناه عينة من تعليمات HTML البرمجية التي يمكنك استخدامها لإنشاء تلميحات الأدوات الخاصة بك.

 <span class="tooltiptext" >My Skill Sets</span>

هنا ، استخدمنا "مجموعات المهارات الخاصة بي" كنص تلميح أداة. يجب عليك كتابة نص التلميح الذي تريده في هذا القسم.

لقد شاركنا رموز CSS أدناه للسماح لك بتخصيص تلميحات الأدوات الخاصة بك بشكل أكبر. يمكنك نسخها ولصقها مباشرة في قسم CSS المخصص الخاص بك أو تعديلها كما يحلو لك. يمكنك إضافة مقتطف الشفرة هذا إلى لوحة Elementor Custom CSS أو في قسم CSS الإضافي لموضوعك.

إذا كنت ترغب في إضافة هذا الرمز إلى Elementor Custom CSS ، فاتبع هذا التنقل- Elementor Site Settings> Custom CSS . ها هو الكود. يمكنك نسخ مقتطف شفرة CSS بالكامل لتلميح الأداة أو تخصيصها وفقًا لاحتياجاتك.

ملاحظة: للتنقل إلى لوحة CSS الإضافية لموضوعك ، انتقل إلى لوحة تحكم المسؤول> المظهر> التخصيص> CSS الإضافية .

 .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; }

إذا كنت تريد تغيير موضع تلميح الأدوات وموضع السهم وغير ذلك ، فاتبع مقتطفات التعليمات البرمجية أدناه.

لتغيير موضع تلميح الأداة ووضعه في الأسفل ، استخدم الكود التالي.

 .tooltip .tooltiptext { width: 120px; top: 100%; left: 50%; margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ }

لتحريكه إلى الجانب الأيمن ، استخدم الكود أدناه.

 .tooltip .tooltiptext { top: -5px; left: 105%; }

لوضعه على الجانب الأيسر ، استخدم الكود التالي.

 .tooltip .tooltiptext { top: -5px; right: 105%; }

لتعديل موضع سهم تلميح الأداة الخاص بك ووضعه في الأسفل ، استخدم الكود أدناه.

 .tooltip .tooltiptext::after { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }

إذا كنت تريد معرفة المزيد حول تخصيص تلميح CSS ، يمكنك زيارة w3schools.

كيفية إضافة تلميحات الأدوات إلى موقع Elementor الخاص بك باستخدام HappyAddons

قد يجد البعض منا صعوبة في إنشاء تلميح أداة باستخدام أكواد CSS المخصصة. اليوم ، أصبح إنشاء تلميحات الأدوات وإضافتها إلى موقع الويب الخاص بك ممكنًا بدون سطر واحد من الترميز. توفر لك HappyAddons ميزة تلميح CSS بدون كود داخل Elementor.

ومن المثير للاهتمام ، أنه يمكنك الحصول على هذه الميزة مجانًا في HappyAddons. ليس فقط إضافة النصوص ، ولكن ستحصل أيضًا على الميزات المتقدمة التالية في تلميح أداة HappyAddons.

• تغيير لون النص
• تغيير طباعة النص
• قم بتغيير موضع تلميح الأدوات
• أضف لون خلفية النص وصورة الخلفية
• أضف علامات ديناميكية
• أضف الرسوم المتحركة
• أضف سهم تلميح الأدوات

دعنا نستكشف أدناه كيفية إضافة تلميح أداة في Elemnetor باستخدام هذا الامتداد.

المتطلبات الأساسية لإضافة تلميحات الأدوات

• عنصر مجاني
• HappyAddons مجاني

بمجرد تثبيت هذه المكونات الإضافية على موقعك ، اتبع العملية التالية.

الخطوة 01: تمكين تلميح الأدوات المتقدم

نظرًا لأن تلميح الأداة عبارة عن ميزة وليست أداة ، فيجب عليك تمكينها أولاً. لتمكين هذه الميزة ،

• أولاً ، حدد أي عنصر واجهة مستخدم أو عنصر من موقع الويب الخاص بك.
• ثم انتقل إلى علامة التبويب "خيارات متقدمة" .
• قم بالتمرير لأسفل قليلاً وقم بتوسيع خيار Happy Tooltip .
• قم بالتبديل إلى تمكين تلميح الأدوات المتقدم .

بعد تمكين هذه الميزة ، ستحصل على قسمين آخرين لتخصيص تلميح الأدوات الخاص بك. هم الأسلوب والمحتوى. يمكنك رؤيتهم في الصورة أعلاه.

1. النمط : سيسمح لك هذا القسم بإضافة تصميم مخصص وإضافة صورة لتلميح الأدوات الخاص بك. سنتحدث عن هذا الخيار لاحقًا بالتفصيل.
2. المحتوى: يمكنك إضافة نص تلميح الأدوات وتحريره ، وإصلاح موضعه ، وإضافة الرسوم المتحركة ، والمزيد من قسم المحتوى.

الخطوة 02: أضف نصوص تلميح الأدوات

في قسم المحتوى ، لا يمكنك فقط إضافة نصوص تلميحات الأدوات التي تريدها ، ولكن أيضًا علامات HTML لإعطاء ميزة إضافية لنصوص تلميحات الأدوات الخاصة بك. علامات HTML التي يمكنك استخدامها هنا هي:

<b> ، <i> ، <u> ، <s> ، <br> ، <em> ، <del> ، <ins> ، <sub> ، <sup> ، <code> ، <mark> ، <small > ، <strike> ، <abbr> ، <span> ، <strong> ، <a> ، <q> ، <img> ، <dfn> ، <time> ، <cite> ، <acronym> ، <hr>

أضف علامات ديناميكية إلى محتوى تلميح الأدوات الخاص بك

تتمتع HappyAddons بالتكامل مع الدعم الديناميكي لمحتوى تلميح الأدوات الخاص بك. ولكن نظرًا لبعض القيود ، من الصعب علينا دعم جميع العلامات. لا ندعم العلامات الديناميكية للرموز القصيرة في الوقت الحالي.

علاوة على ذلك ، لا يمكنك رؤية البيانات الديناميكية في وضع التحرير ، فقط في وضع المعاينة.

تخصيص موضع تلميح أداة العنصر

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

• قمة
• الأسفل
• اليسار
• الصحيح

في الصورة أدناه ، يمكنك أن ترى أننا قمنا بتغيير موضع تلميح الأدوات لدينا إلى اليمين.

إضافة الرسوم المتحركة إلى تلميحات الأدوات الخاصة بك Elementor

أسفل إعدادات الموضع مباشرةً ، ستجد قسم الرسوم المتحركة. ستحصل هناك على ثمانية أنواع من تأثيرات الرسوم المتحركة. هم انهم:

• اختفي
• لفة في
• تكبير
• وثب، ارتداد
• تنزلق للداخل
• انزلق إلى اليسار
• انزلق إلى اليمين
• انزلق لأعلى

اختر الشخص الذي يلبي احتياجات تلميح الأداة الخاص بك. شاهد الصورة أدناه!

يمكنك حتى تخصيص مدة الرسوم المتحركة لتلميح الأداة الخاص بك. بشكل افتراضي ، يتم تعيينه على 1000 مللي ثانية (مللي ثانية).

قم بإضافة أو إزالة سهم تلميح أداة العنصر

يمكنك استدعاء مؤشر تلميح الأداة هذا أو سهم التنقل تلميح الأداة. بشكل افتراضي ، سيتم تمكين هذا السهم. ولكن يمكنك إلغاء تنشيطه إذا كنت ترغب في ذلك. العملية موضحة أدناه.

ملاحظة: يجب عليك إيقاف تشغيل هذه الميزة إذا كنت تريد إضافة صورة إلى تلميح الأداة الخاص بك. وإلا فلن تجد خيار إضافة الصور متاحًا.

قم بتشغيل تلميح الأدوات الخاص بك

يحدد المشغل كيفية عمل ملف العنصر سيظهر تلميح الأدوات على شاشتك. يتوفر خياران للمشغل:

• انقر
• يحوم

ستحصل على خيار المسافة أسفل قسم Trigger. سيسمح لك بزيادة أو تقليل المسافة بين عنصر الويب الخاص بك والمسافة مع تلميح الأداة.

قم بمحاذاة نص تلميح الأداة

ستحصل على خيار محاذاة النص أسفل قسم المسافة.

الخطوة 03: صمم تلميحات العناصر الخاصة بك

لتخصيص المزيد من التلميحات الخاصة بك ، انقر فوق قسم النمط في الصورة أدناه.

قم بزيادة عرض تلميح الأدوات الخاص بك

الخيار الأول الذي سيظهر في قسم النمط هو العرض . اسحب زر العرض واضبطه على القياس الذي تريده.

زيادة حجم سهم تلميح الأدوات الخاص بك

يمكنك ضبط حجم سهم تلميح الأداة الخاص بك من Tooltip Arrow Size . يمكنك القيام بذلك عن طريق سحب زر القياس أدناه.

قم بتغيير طباعة تلميحات الأدوات الخاصة بك

يمكنك إضافة مجموعة متنوعة من النكهات إلى تلميح الأدوات الخاص بك من إعدادات الطباعة. ستحصل على جميع إعدادات Elementor Typography هنا.

أضف لونًا إلى خلفية نص تلميح الأداة

يمكنك إضافة لون إلى خلفية نص تلميح الأداة من خيار لون الخلفية.

أضف نصف قطر الحدود إلى تلميح الأداة

بشكل افتراضي ، يكون نصف قطر الحد الخاص بتلميح الأداة هو 5 بكسل. لكن يمكنك تغييره كما تريد. ستمنحك لوحة التحكم في دائرة نصف قطرها سلطة كاملة للقيام بذلك.

أضف Box Shadow إلى تلميح الأدوات الخاص بك

من خلال سحب أزرار القياس ، يمكنك إضافة الظل إلى تلميحات الأدوات من إعدادات ظل الصندوق.

الخطوة 04: تفعيل خيار الصورة

لقد أخبرناك بالفعل مرة أنه يتعين عليك تعطيل ميزة سهم تلميح الأدوات إذا كنت تريد تمكين خيار الصورة. سيمكن خيارًا جديدًا في قسم النمط.

أضف صورة واضبط تلميح الأدوات الخاص بك

انتقل إلى قسم النمط. انقر فوق قسم نوع الخلفية وقم بتوسيعه. سوف تحصل على ملف صورة هناك. انقر فوقه وقم بتحميل الصورة التي تريدها للحصول على تلميح الأداة. بعد ذلك ، يمكنك تغيير موضعه ، والمرفق ، والحجم ، ولون النص ، ونصف قطر الحدود ، والمزيد.

هذه هي الطريقة التي يمكنك بها إنشاء صور رائعة وتلميحات نصية لموقع الويب الخاص بك. ألق نظرة على كيفية عمل تلميحاتك أخيرًا بعد الكثير من التخصيصات.

كيف تتجنب تلميحات الأدوات التي تبدو غير مرغوب فيها

يمكن أن تكون تلميحات الأدوات طريقة رائعة لتوفير معلومات إضافية لمستخدمي الويب. ولكن إذا تم عرض عدد كبير جدًا من التلميحات على الصفحة ، فقد تبدو غير مرغوب فيها ومزعجة. هناك العديد من الأشياء التي يجب عليك تجنبها أثناء استخدام تلميحات الأدوات حتى لا تبدو صفحات الويب الخاصة بك غير مرغوب فيها.

دعنا نستكشفها أدناه.

1. حافظ على تلميحات الأدوات الخاصة بك موجزة وبسيطة

يجب أن تحتوي تلميحات الأدوات على معلومات إلزامية ليفهمها المستخدمون - لا شيء غير ذلك. هذا يعني أنه يجب عليك تجنب قوائم طويلة من التفاصيل والنصوص غير الضرورية وعناصر التصميم البراقة. بدلاً من ذلك ، التزم بتفسيرات واضحة ومباشرة.

2. لا تظهر أبدًا تلميحات متعددة معًا

هناك طريقة أخرى لتجنب ظهور تلميحات الأدوات على أنها رسائل غير مرغوب فيها وهي الحد من عددها التي سيتم عرضها لكل كتلة / نفس الصف. اعرض تلميحًا واحدًا فقط في كل مرة واسمح للمستخدمين بالتمرير لأسفل إذا كانوا يريدون المزيد من المعلومات.

إذا كنت تشعر بالحاجة إلى إضافة المزيد من المعلومات ، فيمكنك التفكير في طرق بديلة. على سبيل المثال ، يمكنك تضمين مقاطع الفيديو والرسوم البيانية بدلاً من مشاركة جميع الأحمال باستخدام تلميحات الأدوات. يمكن أن يضمن هذا أيضًا تجربة مستخدم أكثر ثراءً للمستخدمين.

3. الحفاظ على المسافة بين العناصر

تعد المساحة جزءًا كبيرًا من أي تصميم لواجهة المستخدم. هناك نسبة مثالية لمقدار المساحة التي يجب عليك التأكد منها على صفحات الويب الخاصة بك. والنسبة هي 2: 1 ، مما يعني أن ثلث صفحات الويب الخاصة بك يجب أن تحتوي على مسافات.

الشيء نفسه ينطبق على تلميحات الأدوات. لا تجعلها مزدحمة للغاية بحيث يمكن للمستخدمين الحصول على بعض الهواء أثناء تصفح موقع الويب الخاص بك.

4. اسمح للمستخدمين بتخطي جزء البرنامج التعليمي

إذا كنت تقدم دروسًا تعليمية أو محتوى مفيدًا آخر ، فتأكد من أن المستخدمين قادرون على تخطيها إذا لم يرغبوا في ذلك. سيساعد هذا في تقليل عدد تلميحات الأدوات المعروضة على الصفحة وتشجيع المزيد من الأشخاص على الاستفادة من المحتوى الخاص بك.

بعض أمثلة تصميم تلميحات الأدوات الرائعة

يمكن أن تؤدي القدرة على استخدام تلميحات الأدوات بذكاء إلى تعزيز تجربة المستخدم في تنمية موقع الويب واستكشافه. دعنا نلقي نظرة سريعة على بعض أفضل أمثلة حالات استخدام تلميحات الأدوات.

1. أمازون

يعد أمازون حاليًا موقع التجارة الإلكترونية رقم واحد على الويب. ستجد عددًا لا يحصى من تلميحات الأدوات التي تستخدمها أمازون لإرشادك على صفحات مختلفة وشرح جميع العمليات الأساسية. عندما تهبط على صفحتها الرئيسية ، ستحصل على تلميح أداة مثل الموجود أدناه.

أفضل شيء هو أنه لا يتضمن تعليمات فحسب ، بل يتضمن أيضًا أزرار CTA.

2. ويكيبيديا

ويكيبيديا هي موسوعة على الإنترنت يحتفظ بها مجتمع الكتاب المتطوعين. عندما تقوم بتمرير المؤشر فوق أي كلمات مرتبطة ، سترى تلميح أداة يظهر معلومات إضافية حول تلك الكلمات والمصطلحات.

3. AliExpress

عندما تحاول شراء منتجات من AliExpress باستخدام بطاقة ائتمان أو خصم ، ستحصل على بعض تلميحات الأدوات التي تشرح كيفية إكمال عملية الدفع. هنا ، يمكنك أن ترى في الصورة أدناه تلميحات توضح المكان الذي ستحصل فيه على رقم بطاقتك على بطاقات رقمية مختلفة واستخدامها لإكمال الطلب.

آمل أن تكون هذه الأمثلة الثلاثة كافية لك لفهم كيفية عرض تلميحات الأدوات على موقع الويب الخاص بك.

أسئلة وأجوبة حول كيفية إضافة تلميح باستخدام Elementor

دعنا نحصل على إجابة لبعض الأسئلة الأكثر شيوعًا حول كيفية إضافة تلميح الأدوات في مواقع Elementor.

دورك الآن: هل أنت مستعد لإضافة تلميحات الأدوات إلى موقع الويب الخاص بك؟

التصميم الجيد هو أول ما يمكن أن يثير إعجاب جمهورك في غضون لحظة. وفقًا لـ Adobe ، يتوقف 38٪ من المستخدمين عن التعامل مع موقع الويب إذا كان محتواه وتصميمه أقل جاذبية. أكثر من 55٪ من مستخدمي الإنترنت يقولون إنهم لا يحبون التوصية بعمل ذو تصميم ويب سيئ للغاية- SocPub.

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

نأمل بعد قراءة هذا المقال ، أن تعرف الآن كل شيء عن كيفية إضافة تلميح الأدوات في مواقع Elementor ، سواء من خلال CSS المخصص أو من خلال مستقبل تلميح Happyaddons. إذا كان لا يزال لديك أي أسئلة أو فضول حول هذا الموضوع ، فما عليك سوى إخبارنا من خلال قسم التعليقات.

سيكون من دواعي سرورنا مساعدتك وإرشادك في حالة وجود أي صعوبة.