دليل

مميزات قالب مساحة للتقنية

آخر تحديث: 29 سبتمبر، 2026

في هذا الدليل تجد كل ميزة مع مثال حي وطريقة إضافتها في مقالاتك. انسخ الكود الموجود تحت كل مثال، والصقه في المقال داخل كتلة «شورت كود».

1. العناوين وجدول المحتويات

يبني القالب جدول المحتويات تلقائيًا من عناوين H2 وH3 في المقال، ويرقّمها ويجعلها قابلة للنقر.

طريقة الإضافة: أضف كتلة «عنوان» واختر المستوى H2 للأقسام الرئيسية وH3 للأقسام الفرعية. لا تحتاج أي خطوة أخرى.

مثال للعنوان الرئيسي

مثال للعنوان الفرعي

نصيحة: لا تستخدم H1 داخل المقال، فعنوان المقال هو H1 بالفعل.

2. صناديق التنبيه

أربعة أنواع، لكل منها استخدام مختلف:

ملاحظة

لمعلومة إضافية مفيدة.

طريقة الإضافة: أضف كتلة «شورت كود» واكتب:

[ملاحظة]يعمل هذا الإعداد في ووردبريس 6.0 وما بعده.[/ملاحظة]

نصيحة

لحيلة أو اختصار يوفر الوقت.

[نصيحة]اضغط Ctrl+Shift+V للصق النص بدون تنسيق.[/نصيحة]

تحذير

لخطوة تحتاج انتباهًا قبل تنفيذها.

[تحذير]خذ نسخة احتياطية من الموقع قبل تحديث القالب.[/تحذير]

خطير

للأخطاء التي قد تعطل الموقع أو تحذف البيانات.

[خطير]لا تحذف ملف wp-config.php، فسيتوقف موقعك بالكامل.[/خطير]

الأسماء الإنجليزية تعمل أيضًا: note وwarning وdanger.

3. الخطوات المرقمة (HowTo)

للشروحات العملية. الترقيم تلقائي، ويضيف القالب بيانات Schema للمقال.

خطوة بخطوة

كيف تفرغ ذاكرة التخزين المؤقت في كروم

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

طريقة الإضافة: أضف كتلة «شورت كود» واكتب:

[خطوات عنوان="عنوان الشرح" الوقت="5"]
[خطوة عنوان="عنوان الخطوة الأولى"]نص الخطوة الأولى.[/خطوة]
[خطوة عنوان="عنوان الخطوة الثانية"]نص الخطوة الثانية.[/خطوة]
[/خطوات]
  • عنوان في «خطوات»: عنوان الشرح كاملًا، وهو اختياري.
  • الوقت: المدة بالدقائق، رقم فقط، وهي اختيارية.
  • عنوان في «خطوة»: عنوان قصير بصيغة فعل أمر.

يمكنك وضع صندوق تنبيه داخل خطوة:

  • احذف الجهاز
    احذف السماعة من قائمة البلوتوث.
  • [خطوة عنوان="احذف الجهاز"]احذف السماعة من قائمة البلوتوث.
    [تحذير]ستحتاج إلى إعادة الاقتران بعد هذه الخطوة.[/تحذير]
    [/خطوة]

    4. الجداول التفاعلية

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

    المتصفحالسرعةاستهلاك الذاكرة
    Chromeممتازةمرتفع
    Firefoxجيدة جدًامتوسط
    Edgeممتازةمتوسط

    طريقة الإضافة: أضف كتلة «جدول»، واختر عدد الأعمدة والصفوف، ثم فعّل «قسم رأس الجدول» من الإعدادات الجانبية ليظهر الصف الأول كعناوين.

    5. كتلة «جدول MisahaTech»

    للمقارنات المتقدمة: كل خانة يمكن أن تكون نصًا أو صورة أو مقطعًا صوتيًا بمشغّل خاص، دون كتابة أي كود. مناسبة لمقارنة أصوات السماعات، أو نطق الكلمات في دروس اللغات، أو صور المنتجات.

    مثال للجدول الثاني
    مثال للنصمثال للصوتمثال للصورة
    مساحة للتقنية

    طريقة الإضافة: اضغط زر «+» في المحرر، وابحث عن «جدول MisahaTech»، ثم اختر نوع كل خانة من الواجهة واملأها.

    6. الأكواد البرمجية

    تظهر الأكواد ملونة حسب اللغة، عبر مكتبة PrismJS.

    .header-inner,
    .topbar-inner {
        padding: 0 16px;
        display: flex;
        max-width: var(--max-w);
        margin-right: auto;
        margin-left: auto
    }
    
    #page-wrapper {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        width: 100% !important;
        max-width: 100% !important
    }
    
    .main-nav,
    .site-main {
        flex: 1
    }
    
    .topbar {
        background: var(--clr-primary);
        height: var(--topbar-h);
        position: relative;
        z-index: 200
    }

    طريقة الإضافة:

    1. أضف كتلة «كود» والصق الكود داخلها.
    2. من الإعدادات الجانبية، قسم «متقدم»، اكتب في «فئات CSS إضافية» اسم اللغة، مثل language-php أو language-css أو language-javascript.
    3. أضف الوسم code إلى المقال. هذا ضروري، لأن القالب لا يحمّل مكتبة التلوين إلا في المقالات التي تحمل هذا الوسم.

    وللكود القصير داخل السطر: حدد الكلمة واختر «كود مضمّن» من شريط التنسيق، فيظهر هكذا: functions.php.

    7. الصور وعارض الصور

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

    طريقة الإضافة: أضف كتلة «صورة» وارفع الصورة. اكتب دائمًا «النص البديل» (Alt) من الإعدادات الجانبية، فهو مهم للسيو وللقراء الذين يستخدمون قارئ الشاشة.

    8. الاقتباسات والقوائم

    المثال الاول

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

    المثال الثاني

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

    المثال الثالث

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

    طريقة الإضافة: أضف مكون «اقتباس مع صورة» واكتب النص، ثم اسم القائل و صفته في السطر الصغير أسفله ثم صورة القائل او الكاتب و في الشريط الجانبي تجد اعدادات الاقتباس تم اختر الشكل الذي يناسبك.

    1. القائمة المرقمة تظهر أرقامها داخل مربعات بلون القالب.
    2. استخدمها للخطوات القصيرة التي لا تحتاج صندوق «خطوات».

    طريقة الإضافة: أضف كتلة «قائمة»، واختر «قائمة مرقمة» من شريط الأدوات عند الحاجة.

    9. شريط شراء المنتج

    يعرض منتجًا من متجرك داخل المقال، بصورته وعنوانه وسعره وزر شراء. مفيد عندما تذكر في المقال منتجًا تبيعه.

    خصم 33% السعر الأصلي هو: $15.00.السعر الحالي هو: $10.00.
    أضف إلى السلة

    طريقة الإضافة: أضف كتلة «شورت كود» واكتب رقم المنتج:

    [منتوج id="123"]

    خيارات إضافية:

    [منتوج id="123" mode="buy"]
    [منتوج id="123" text="احصل على القالب الآن"]
    • id: رقم المنتج. تجده في رابط صفحة تعديل المنتج بعد post=.
    • mode="buy": يرسل الزائر إلى صفحة الدفع مباشرة بدل إضافة المنتج إلى السلة.
    • text: نص مخصص لزر الشراء.

    الأسماء منتج وproduct_bar تعمل أيضًا.

    10. ميزات تعمل تلقائيًا

    هذه الميزات تظهر في كل مقال دون أي خطوة منك:

    • وقت القراءة وعداد المشاهدات والتفاعلات، ويمكن إخفاء كل منها من «المظهر ← تخصيص».
    • أزرار المشاركة وزر نسخ الرابط.
    • صندوق الكاتب، ويأخذ بياناته من «الملف الشخصي» للمستخدم، فاكتب فيه نبذتك.
    • مقالات ذات صلة من نفس التصنيف.
    • التنقل بين المقالات: السابق والتالي.

    نظام التعليقات (بأسلوب Reddit)

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

    ما الذي يحصل عليه القارئ؟

    • ردود متسلسلة بخطوط تربط كل رد بتعليقه الأصلي، فيسهل تتبع النقاش مهما طال.
    • طي النقاش بزر «−» لإخفاء تعليق وكل ردوده بضغطة واحدة.
    • تصويت «مفيد / غير مفيد» على كل تعليق، مع عدد الأصوات. الضغطة الثانية تلغي التصويت.
    • رد سريع داخل السطر: نموذج الرد يُفتح تحت التعليق مباشرة، دون الانتقال إلى أسفل الصفحة.
    • تعديل وحذف التعليق من صاحبه نفسه، عبر قائمة الخيارات.
    • نسخ رابط التعليق لمشاركة رد معيّن مباشرة.
    • شارة «الكاتب» تميّز ردود كاتب المقال، وشارة «قيد المراجعة» تظهر لصاحب التعليق حتى تتم الموافقة عليه.
    • تسجيل الدخول بحساب Google بضغطة واحدة، مع عدّاد للأحرف أثناء الكتابة.
    • حماية من الرسائل المزعجة بحقل مخفي يوقع البرامج الآلية، دون أي CAPTCHA مزعج للقارئ.
    • تصميم متوافق مع الوضع الليلي والجوال.

    طريقة التفعيل

    1. من الإعدادات ← مناقشة، فعّل «تمكين التعليقات المتشعبة (المتداخلة)»، واختر العمق. 3 إلى 5 مستويات مناسبة للقراءة على الجوال.
    2. لتفعيل تسجيل الدخول بحساب Google: أنشئ «OAuth Client ID» من Google Cloud Console، ثم الصقه في المظهر ← تخصيص، في حقل «Google Client ID».
    3. تأكد أن التعليقات مفعّلة في المقال نفسه، من الإعدادات الجانبية للمقال، قسم «النقاش».

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

    بطاقة تعريف للشركات

    الخط الزمني

    2024

    تأسيس موقع مساحة للتقنية

    • يناير 2020

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

    2026

    قالب خاص بدل القوالب الجاهزة

    مع كبر الموقع صارت القوالب الجاهزة تقيّدني أكثر مما تساعدني، فقررت بناء قالب خاص من الصفر. نظام تعليقات بنقاشات متفرعة مثل Reddit، وتسجيل دخول بحساب Google، وتصويت على التعليقات، وتصميم عربي من الأساس وليس مجرد ترجمة. كل ميزة فيه وُلدت من حاجة حقيقية واجهتها أثناء الكتابة.

    الان

    مرحلة بناء قاعدة جماهيرية

    مثال للتسريبات

    ⚠️ تسريب — غير مؤكد29 ديسمبر 2026
    مثال للعنوان
    • معلومات التسريب
    مصداقية المصدر:عالية جداً (5/5)مساحة للتقنية

    مقارنة بين جهازين

    Apple iPhone 18 Pro Max
    Apple iPhone 18 Pro Max
    09 سبتمبر 2026
    تفوّق في 2
    Google Pixel 11 Pro XL
    Google Pixel 11 Pro XL
    تفوّق في 3
    LTPO Super Retina XDR OLED, 120Hz, HDR10, Dolby Vision, 1000 nits (typ), 1600 nits (HBM), 3000 nits (peak) 6.9 inches
    الشاشة
    LTPO OLED, 120Hz, HDR10+, 2400 nits (HBM), 3600 nits (peak) 6.8 inches
    Apple A20 Pro (2 nm)
    المعالج
    —
    الرئيسية 48MP, f/1.5-4.0
    عدسة تقريب بيريسكوب 48MP, f/2.8
    واسعة للغاية 48MP, f/2.2, 13mm, 120˚
    الكاميرا
    —
    Li-Ion 5391 mAh
    البطارية
    —
    1299$
    السعر
    —

    لا تفوّت أي شرح جديد

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

    لن نشارك بريدك مع أي جهة — سياسة الخصوصية.