Skip to main content

Welcome to a Grasp lesson

Create a free account to keep studying and create your own study path.

Lesson 5

الكتل التفاعلية: تبديل، اقتباس، وتنبيه

Recommended resources

أهلاً بك في الدرس الخامس من دورتنا لتعلم نوشن!

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

لهذا السبب، يركز درسنا اليوم على هدف جديد ومهم: استخدام الكتل التفاعلية: التبديل (Toggle)، والاقتباسات (Quote)، والتنبيهات (Callout). هذه الكتل ليست مجرد أدوات تنسيق، بل هي أساسية لبناء صفحات نظيفة، سهلة القراءة، واحترافية. بالنسبة لهدفك في تصميم وبيع القوالب، إتقان هذه الكتل سيمكنك من إنشاء تجربة مستخدم ممتازة، حيث يمكنك تقديم الإرشادات وإخفاء المعلومات التفصيلية بشكل أنيق.


1. قائمة التبديل (Toggle): لتنظيم المحتوى وإخفائه

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

متى تستخدمها؟

  • في القوالب: لإضافة قسم "الأسئلة الشائعة" (FAQ) أو لإخفاء التعليمات التفصيلية التي لا يحتاجها المستخدم طوال الوقت.
  • للملاحظات الشخصية: لتنظيم الملاحظات الطويلة، حيث تضع الفكرة الرئيسية كعنوان للتبديل والتفاصيل بالداخل.
Notion Interface with Introduction in Arabic
مثال عملي لقائمة تبديل (Toggle) بعنوان "مقدمة عن نوشن". عند النقر على السهم، يظهر المحتوى المخفي بداخلها.

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

Notion تعلم نوشن فى 50 دقيقة | نظم حياتك

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

شاهد المقطع من (30:58) إلى (34:34). ركز على: كيفية إنشاء قائمة تبديل باستخدام أمر /toggle. كيفية إضافة محتوى متنوع داخل القائمة (رابط، قائمة رقمية، صور). كيف يساعد إغلاق القائمة على جعل الصفحة تبدو أنظف وأكثر تنظيمًا.

طرق سريعة لإنشاء قائمة تبديل:

  • أمر الشرطة المائلة: اكتب /toggle واضغط Enter.
  • Markdown: في بداية سطر جديد، اكتب > ثم اضغط مسافة.


2. كتلة الاقتباس (Quote): لإبراز النصوص الهامة

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

متى تستخدمها؟

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

شاهد كيف يمكنك إضافة كتلة اقتباس وتنسيقها.

Notion تعلم نوشن فى 50 دقيقة | نظم حياتك

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

شاهد المقطع من (05:45) إلى (07:35). لاحظ كيف استخدم أمر / للبحث عن "كوت" (Quote) وكيف قام بتلوين الخلفية لجعل النص أكثر وضوحًا.

طرق سريعة لإنشاء كتلة اقتباس:

  • أمر الشرطة المائلة: اكتب /quote واضغط Enter.
  • Markdown: في بداية سطر جديد، اكتب " ثم اضغط مسافة.


3. كتلة التنبيه (Callout): لتقديم الإرشادات والنصائح

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

متى تستخدمها؟

  • في القوالب (استخدام أساسي): لكتابة دليل المستخدم مباشرة داخل القالب. على سبيل المثال: "💡 نصيحة: املأ هذه الخصائص أولاً" أو "⚠️ تحذير: لا تحذف قاعدة البيانات هذه".
  • للملاحظات الشخصية: لتلخيص النقاط الرئيسية في نهاية ملاحظاتك.
Inserting a Callout Block in Notion
هكذا تجد كتلة التنبيه (Callout) عند استخدام أمر الشرطة المائلة (`/`).

لإنشاء كتلة تنبيه، اكتب /callout واضغط Enter. بعد إنشائها، يمكنك:

  1. تغيير الأيقونة: انقر على الأيقونة الافتراضية واختر أي إيموجي آخر يعبر عن رسالتك (مثل 💡 للنصائح، ℹ️ للمعلومات، ⚠️ للتحذيرات).
  2. تغيير اللون: انقر على قائمة النقاط الست ⋮⋮ بجانب الكتلة، اختر Color، ثم اختر لون خلفية background مناسب.

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

مرجعك للاختصارات

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

اختصارات لوحة المفاتيح – مركز مساعدة Notion

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

اقرأ القسم بعنوان "نمط Markdown". ركز على السطرين: > متبوعًا بـ مسافة لإنشاء قائمة قابلة للطي (Toggle). " متبوعًا بـ مسافة لإنشاء كتلة اقتباس (Quote). لا حاجة لحفظ كل شيء، فقط اعلم أن هذا المرجع موجود لمساعدتك.



نشاط عملي (15 دقيقة)

حان الوقت لتطبيق ما تعلمته. افتح صفحة "ملاحظات الدورة" التي تعمل عليها وقم بالتالي:

  1. أنشئ قسمًا جديدًا: أضف عنوانًا من نوع Heading 2 باسم "الكتل التفاعلية".
  2. أضف قائمة تبديل (Toggle):
    • أسفل العنوان، أنشئ قائمة تبديل بعنوان "أفكار لقوالب مستقبلية".
    • بداخل القائمة، اكتب فكرتين أو ثلاث لقوالب يمكنك تصميمها بناءً على اهتماماتك (مثل: قالب لإدارة حملات إعلانية على وسائل التواصل الاجتماعي، قالب لتخطيط محتوى الفيديو بالذكاء الاصطناعي).
  3. أضف كتلة تنبيه (Callout):
    • أنشئ كتلة تنبيه جديدة.
    • غير أيقونتها إلى 🎯.
    • اكتب بداخلها: "هدفي: تصميم قوالب احترافية وسهلة الاستخدام لمساعدة الآخرين على تنظيم أعمالهم."
  4. أضف كتلة اقتباس (Quote):
    • ابحث عن مقولة تحفيزية عن التصميم أو الإنتاجية وأضفها باستخدام كتلة الاقتباس. على سبيل المثال: "التصميم الجيد يجعل المنتج مفهوماً."

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



خلاصة الدرس

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

في هذا الدرس، تعلمت:

  • قائمة التبديل (Toggle): لتنظيم المحتوى وإبقاء صفحاتك نظيفة.
  • كتلة التنبيه (Callout): الأداة المثالية لتقديم الإرشادات والنصائح وجذب انتباه المستخدم.
  • كتلة الاقتباس (Quote): لإبراز النصوص المهمة وإضافة لمسة جمالية.

الدرس القادم

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