في هذا الدليل، سنستكشف أربعة من أدواته الرئيسية الإضافية: الأيقونة، والمنزلق، والشهادات، وصندوق المعلومات، والفيديو. سيغطي كل قسم الغرض من الأداة، وكيفية إضافتها إلى الصفحة، وخيارات التخصيص الأساسية. لنبدأ!
1. أداة الأيقونة
الغرض
تتيح لك أداة الأيقونة إضافة أيقونات صغيرة وأنيقة إلى صفحاتك. إنها رائعة لتسليط الضوء على الميزات، أو إضافة إشارات بصرية، أو تزيين القوائم—مثل عرض علامة صح للفوائد أو أيقونة هاتف لتفاصيل الاتصال.
كيفية إضافتها
افتح محرر الكتل في ووردبريس على الصفحة أو المقالة التي تقوم بتحريرها.
انقر على زر "+" لفتح أداة إدراج الكتل.
اكتب "أيقونة" في شريط البحث.
اختر كتلة أيقونة Spectra لإدراجها.
خيارات التخصيص
بمجرد إضافة كتلة الأيقونة، قم بتعديلها باستخدام الشريط الجانبي الأيمن:
اختيار الأيقونة: اختر من مكتبة الأيقونات (مثل Font Awesome أو خيارات Spectra المدمجة).
الحجم: اضبط حجم الأيقونة لتناسب تصميمك.
اللون: غيّر لون الأيقونة ليتناسب مع قالبك.
المحاذاة: ضع الأيقونة يسارًا، أو في الوسط، أو يمينًا.
نصيحة: قم بإقران أداة الأيقونة مع كتل النص لإنشاء قوائم ميزات جذابة بصريًا.
2. أداة المنزلق
الغرض
تتيح لك أداة المنزلق عرض دائري للصور أو المحتوى، وهي مثالية لعرض المحافظ، أو صور المنتجات، أو اللافتات الترويجية. إنها تضيف عنصرًا ديناميكيًا وتفاعليًا إلى موقعك.
كيفية إضافتها
في محرر الكتل، انقر على زر "+".
ابحث عن "منزلق" في أداة إدراج الكتل.
اختر كتلة منزلق Spectra لإضافتها.
أضف الشرائح عن طريق رفع الصور أو إدراج كتل المحتوى داخل المنزلق.
خيارات التخصيص
خصص كتلة المنزلق باستخدام هذه الإعدادات:
الشرائح: أضف أو أزل الشرائح وأعد ترتيبها.
التنقل: فعّل الأسهم أو النقاط ليتمكن المستخدمون من التنقل بين الشرائح.
التشغيل التلقائي: عيّن المنزلق للدوران تلقائيًا واضبط السرعة.
الارتفاع والعرض: تحكم في أبعاد المنزلق.
نصيحة: اجعل محتوى الشرائح بسيطًا (مثل صورة مع تعليق قصير) للحصول على أفضل تجربة للمستخدم.
3. أداة الشهادات
الغرض
تم تصميم أداة الشهادات لعرض تقييمات العملاء أو ملاحظاتهم، مما يساعد في بناء الثقة والمصداقية. إنها مثالية لمواقع الأعمال أو المحافظ.
كيفية إضافتها
انقر على زر "+" في محرر الكتل.
ابحث عن "شهادات" في أداة إدراج الكتل.
اختر كتلة شهادات Spectra.
أضف شهادة عن طريق إدخال النص، واسم المؤلف، واختياريًا صورة.
خيارات التخصيص
اضبط كتلة الشهادات باستخدام الشريط الجانبي:
التخطيط: اختر شهادة واحدة أو دائريًا من عدة تقييمات.
المحتوى: حرر نص الشهادة، واسم المؤلف، والعنوان (مثل "عميل سعيد").
الصورة: أضف صورة شخصية أو شعار للأصالة.
النمط: خصص الألوان، والطباعة، والتباعد.
نصيحة: استخدم اقتباسات حقيقية وصور (بإذن) لجعل الشهادات أكثر تأثيرًا.
4. أداة صندوق المعلومات
الغرض
تجمع أداة صندوق المعلومات بين النص، والأيقونات، والأزرار في كتلة واحدة، مما يجعلها مثالية لتسليط الضوء على المعلومات الرئيسية—مثل الخدمات، أو الميزات، أو الحقائق السريعة—بطريقة جذابة.
كيفية إضافتها
في محرر الكتل، انقر على زر "+".
اكتب "صندوق المعلومات" في شريط البحث.
اختر كتلة صندوق المعلومات Spectra لإدراجها.
املأ العنوان، والوصف، والزر أو الأيقونة الاختيارية.
خيارات التخصيص
خصص كتلة صندوق المعلومات باستخدام هذه الخيارات:
أيقونة أو صورة: أضف أيقونة أو صورة فوق العنوان.
النص: حرر العنوان والوصف ليناسب احتياجاتك.
الزر: أضف زر دعوة للعمل مع رابط، ونص، ونمط.
الخلفية والحدود: عيّن لون خلفية أو أضف حدودًا للتأكيد.
نصيحة: استخدم صناديق المعلومات في صف (داخل كتلة حاوية) لإنشاء قسم ميزات نظيف ومنظم.
5. كيفية استخدام أداة الفيديو
تتيح لك أداة الفيديو تضمين مقاطع فيديو من منصات مثل YouTube أو Vimeo، أو رفع مقاطع فيديو مستضافة ذاتيًا، مما يعزز محتوى الوسائط المتعددة في موقعك.
خطوات استخدام أداة الفيديو
أضف أداة الفيديو: انقر على أيقونة "+"، وابحث عن فيديو، واخترها.
اختر مصدر الفيديو:
التضمين من URL: الصق رابطًا من YouTube أو Vimeo.
رفع الفيديو: اختر ملف فيديو من جهاز الكمبيوتر الخاص بك (للفيديوهات المستضافة ذاتيًا).
خصص مشغل الفيديو:
التشغيل التلقائي: فعّل أو عطّل التشغيل التلقائي في الشريط الجانبي.
عناصر التحكم: اختر ما إذا كنت تريد إظهار عناصر تحكم الفيديو مثل التشغيل/الإيقاف المؤقت.
نسبة العرض إلى الارتفاع: اضبط نسبة عرض الفيديو إلى ارتفاعه.
أضف تعليقًا (اختياري): أضف وصفًا أسفل الفيديو.
احفظ التغييرات: انقر على تحديث لحفظ.
مثال على حالة الاستخدام
صفحة البرنامج التعليمي: تضمين فيديو من YouTube لتقديم تعليمات خطوة بخطوة لجمهورك.
نصيحة: بالنسبة للفيديوهات المستضافة ذاتيًا، تأكد من تحسين حجم الملف لتجنب أوقات التحميل البطيئة. استخدم منصات خارجية مثل YouTube للحصول على أداء أفضل.
استمر في استكشاف منشئ Spectra
هذه الأدوات—الأيقونة، والمنزلق، والشهادات، وصندوق المعلومات—ليست سوى لمحة عما يقدمه منشئ Spectra. مع عشرات الكتل الأخرى مثل النماذج، والمعارض، والعدادات، يمكنك التجربة للعثور على الأدوات المثالية لموقعك. لاكتشاف المزيد، تصفح أداة إدراج الكتل أو تحقق من أنماط Spectra الجاهزة للإلهام.
استمتع بالتصميم!