نظرة عامة على عنصر النص الغني - مساعدة Webflow

استخدم عنصر النص الغني لإنشاء محتوى طويل.

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

كيفية إضافة عنصر نص غني إلى موقعك

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

يمكنك إضافة العناصر التالية داخل عناصر النص الغني:

• الفقرات
• العناوين (H1-H6)
• الصور
• تسميات الصور
• سمات النص البديل للصور
• الكود المخصص
• اقتباسات
• قوائم غير مرتبة (نقاط)
• قوائم مرتبة (مرقمة)
• الفيديوهات (YouTube, Vimeo)
• الوسائط الغنية (خرائط Google، SoundCloud، Imgur، Giphy، Codepen، والمزيد)

يمكنك أيضًا إضافة تنسيقات إضافية لعناصر النص:

• الروابط (URL، صفحة، بريد إلكتروني، إلخ)
• النص الغامق
• النص المائل
• النص المرتفع والمنخفض
• الكود

أوامر الشرط المائل

عند تحرير المحتوى داخل عنصر النص الغني، يمكنك استخدام أوامر الشرط المائل لإنشاء نص بسرعة باستخدام مساعد Webflow AI أو إضافة عناصر محتوى جديدة. لاستخدام أوامر الشرط المائل، اضغط / (الشرط المائل) على لوحة المفاتيح وانقر توليد المزيد من النص لإضافة نص ذو صلة سياقية باستخدام مساعد الذكاء الاصطناعي، اختر العنصر المطلوب من قائمة الإضافة، أو ابدأ الكتابة لتصفية قائمة العناصر:

• العنوان (H1–H6)
• قائمة مرقمة
• قائمة نقطية
• فقرة
• اقتباس
• صورة
• فيديو
• محتوى غني
• تضمين HTML
• كتلة كود

كيفية إضافة وتنسيق محتوى النص

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

إنشاء محتوى نصي باستخدام مساعد Webflow AI

لإضافة نص ذي صلة سياقية بسرعة إلى محرر النصوص الغني باستخدام مساعد الذكاء الاصطناعي:

1. انقر بزر الماوس الأيمن على محرر النصوص الغني
2. اختر تعديل النص من قائمة السياق
3. (اختياري) أدخل موجهًا يصف النص الذي ترغب في إنشائه
4. انقر على أيقونة "إرسال الموجه"
5. انقر على تم لقبول النص المُنشأ

تعرف على المزيد حول استخدام مساعد Webflow AI لإنشاء وتحرير المحتوى.

كيفية إضافة الفقرات

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

كيفية إضافة العناوين والاقتباسات

لإنشاء عنوان، حدد أي نص داخل فقرة واختر خيار العنوان (H1-H6). ينطبق نفس الأمر على إنشاء الاقتباسات.

كيفية تنسيق النص وإضافة الروابط

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

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

اختصارات لوحة المفاتيح

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

• إدراج مسافة غير قابلة للكسر: Shift + Space
• إدراج فاصل سطر: Shift + Enter
• نص عريض: Command + B (Control + B على ويندوز)
• نص مائل: Command + I (Control + I على ويندوز)
• إدراج رابط: Command + K (Control + K على ويندوز)

أثناء التحرير في محرر النصوص الغني، يمكنك استخدام اختصار أمر الشريط (“/**”) لإضافة عناصر المحتوى بسرعة. يمكنك أيضًا استخدام اختصارات Markdown:

• نص مائل: *text* أو _text_
• نص عريض: **text** أو __text__
• نص عريض ومائل: ***text*** أو ___text___
• إدراج رابط: [نص الرابط](https://www.url.com)
• العنوان 1: # + Space
• العنوان 2: ## + Space
• العنوان 3: ### + Space
• العنوان 4: #### + Space
• العنوان 5: ##### + Space
• العنوان 6: ###### + Space
• اقتباس: > + Space
• قائمة غير مرتبة: - + Space
• قائمة مرتبة: 1. + Space

كيفية إضافة محتوى الوسائط، الكود المخصص، والقوائم

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

إضافة الصور، الفيديوهات، والوسائط الغنية

جميع عناصر الوسائط في محرر النصوص الغني تكون متجاوبة وستحترم نسبة العرض إلى الارتفاع للمحتوى. تم تحسين دعم فيديوهات YouTube وVimeo وDailymotion للسماح بأوقات بدء مخصصة. إليك قائمة ببعض أنواع الوسائط الغنية المدعومة:

• YouTube
• Vimeo
• منشور Instagram
• منشور Facebook
• DailyMotion
• Kickstarter
• TED
• Wistia
• Livestream
• Twitch
• Hulu
• ألبومات Imgur
• خرائط Google
• JSFiddle
• Codepen
• Scribd
• SlideShare
• قوائم تشغيل Spotify والرسوم البيانية
• Giphy
• SoundCloud
• والمزيد!

إعدادات الوسائط

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

النص البديل

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

كيفية إضافة كود مخصص

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

الخطوات:

1. ضع المؤشر حيث تريد إضافة الكود
2. انقر على أيقونة "الزائد" لفتح قائمة الإدراج وانقر على زر الكود المخصص
3. أضف الكود الخاص بك

كيفية إضافة القوائم

تقدم قائمة الإدراج خيارات لإضافة قوائم غير مرتبة (نقاط) ومرتبة (مرقمة). يمكنك أيضًا تداخل القوائم أو فك تداخلها.

• قائمة بنقاط: استخدم قائمة الإدراج أو اكتب شرطة - متبوعة بمسافة.
• قائمة مرقمة: استخدم قائمة الإدراج أو اكتب عددًا صحيحًا متبوعًا بنقطة ومسافة.
• لتداخل قائمة: حدد العنصر واضغط على Tab. لفك التداخل: حدد واضغط Shift + Tab.

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

يمكنك لصق نص غني من مواقع أخرى أو معالجات نصوص (مثل Google Docs). سيتم الحفاظ على التنسيق والروابط والصور إذا تم لصقها في حقل النص الغني في المصمم أو CMS.

كيفية إعادة ترتيب وحذف العناصر

يمكن إعادة ترتيب العناصر في عنصر النص الغني عبر السحب والإفلات على اللوحة أو المتصفح، أو عبر اختصارات لوحة المفاتيح. يمكن حذف العناصر عن طريق التحديد والضغط على Backspace أو Command + X (Control + X على Windows).

كيفية تنسيق محتوى RTE

تنسيق العناصر الفردية داخل عنصر النص الغني

قم بتنسيق العناصر داخل عنصر النص الغني مثل أي عنصر في Webflow: حدد على اللوحة، انتقل إلى لوحة التنسيق، طبق أو أنشئ فئة، وقم بالتنسيق.

تنسيق العناصر داخل عنصر النص الغني باستخدام علامات HTML

ترث عناصر RTE الأنماط من علامات HTML. يمكنك التنسيق عبر المحددات المتداخلة، مما يحد من الأنماط الافتراضية لـ RTEs بنفس الفئة.

الخطوات:

1. حدد RTE على اللوحة
2. أعط RTE فئة
3. حدد العنصر في RTE
4. انتقل إلى لوحة التنسيق (S)
5. انقر في حقل المحدد
6. حدد علامة HTML
7. انقر تداخل المحدد داخل "اسم الفئة"
8. قم بالتنسيق كما تريد

كيفية تنسيق النص الغني الديناميكي

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

العودة إلى مساعدة ويب فلو