المواقع الصغيرة — دليل المستخدم الكامل
ما هي المواقع الصغيرة؟
تتيح لك المواقع الصغيرة بناء ونشر موقع الويب الخاص بك مباشرة داخل OrbitingFox — لا حاجة للتشفير. تتلقى كل موقع عنوان URL عام خاص بها، وصفحات مخصصة، صور، ونموذج اتصال. يمكنك تصفح جميع المواقع المنشورة على /sites/.
إنشاء موقعك الأول
- اذهب إلى لوحة تحكم المواقع الصغيرة 192 انقر على + موقع جديد.
- املأ عنوانًا، وslug داخلي (اسم مستعار آمن للعنوان)، ووصف اختياري.
- انقر على إنشاء — ستصل إلى المنشئ.
المنشئ
المنشئ يحتوي على منطقتين رئيسيتين:
- الشريط الجانبي الأيسر — قائمة الصفحات الخاصة بك. انقر على صفحة لتحريرها. استخدم رمز العين للتحكم في من يرى كل صفحة.
- القماش (يمين) — محرر الكتل الخاص بك. كل كتلة تمثل قطعة واحدة من المحتوى (نص، صورة، زر، إلخ).
تحتوي الشريط العلوي على أزرار وصول سريع:
- معاينة — رؤية العرض العام لصفحتك
- الإعدادات — إعدادات على مستوى الموقع (الألوان، الشعار، SEO، نمط التنقل)
- 193 تصدير ZIP — تحميل الموقع بالكامل كملف قابل للنقل
- الإصدارات — تصفح واستعادة اللقطات السابقة
الصفحات والأقسام
يتكون كل موقع من صفحات (تسمى أقسام). تظهر الصفحات في تنقل موقعك تلقائيًا.
- انقر على + إضافة صفحة في الشريط الجانبي لإنشاء صفحة جديدة.
- امنحها تسمية (ما يظهر في التنقل) وslug (اسم آمن قصير URL، مثل
services). - اسحب الصفحات لأعلى/لأسفل لإعادة ترتيب التنقل.
- الرؤية لكل صفحة: عامة (الجميع)، المالك فقط (فقط أنت)، مخفي (لا يظهر في التنقل).
الصفحات الفرعية
يمكنك تعشيق الصفحات حتى 4 مستويات عميقة. لجعل صفحة فرعية لطفل آخر، قم بتعيين الصفحة الرئيسية عند الإضافة/التحرير. تظهر الصفحات الفرعية كعناصر منسدلة في التنقل.
أنواع الكتل
انقر على + إضافة كتلة داخل صفحة لإدراج محتوى. أنواع الكتل المتاحة:
| الكتلة | ما تفعله |
|---|---|
| نص | محرر نصوص غنية (عريض، مائل، قوائم، روابط). رائع للفقرات والمحتوى المنسق. |
| HTML الخام | ألصق HTML من Bootstrap 5 — مصمم لتصميمات تم إنشاؤها بواسطة الذكاء الاصطناعي. يحتوي على مساعد ردود AI مدمج. |
| صورة | عرض صورة من عنوان URL، مع عنوان اختياري والتحكم في العرض. |
| زر | رابط للحث على اتخاذ إجراء مصمم. استخدم #page-slug كعنوان URL للتمرير إلى صفحة أخرى على نفس الموقع. |
| طي | لوحة قابلة للتوسع — مثالية للأسئلة الشائعة. ينقر الزوار على العنوان لعرض الإجابة. |
| نموذج | نموذج الاتصال المدمج. يعمل فقط على الصفحة المسماة contact. تظهر الإرسال في صندوق رسائلك. |
| خريطة | تضمين خريطة جوجل باستخدام عنوان أو اسم مكان. |
| YouTube | تضمين فيديو YouTube بواسطة عنوان URL. |
| فيديو | رابط أو تحميل ملف فيديو. |
| ملف | تحميل أو ربط ملف PDF أو markdown أو HTML لتمكين الزوار من تحميله/عرضه. |
| تضمين | ألصق أي كود تضمين iframe (مثل Calendly، Google Form، Typeform). |
| أعمدة | أعمدة تخطيط جنبًا إلى جنب — رائعة لمقاطع المعلومات ذات العمودين. |
| فهرس المحتويات | جدول محتويات تم إنشاؤه تلقائيًا بناءً على العناوين في الصفحة. |
| شريط التنقل | شريط تنقل ثانوي داخل الصفحة. |
| فاصل / مساحة | قاعدة أفقية أو مساحة رأسية فارغة للفصل البصري. |
مساعد الذكاء الاصطناعي (كتل HTML الخام)
عند إضافة كتلة HTML الخام، يظهر لوح تخصيص بواسطة AI بنفسجي. انقر عليه للتوسع — يظهر معكوس جاهز لهذا النوع من الأقسام.
- مرر إلى
[عدل هذا الجزء]في أسفل الموجه واستبدل المثال بمحتواك الخاص. - انقر على نسخ الموجه.
- ألصق في ChatGPT أو Gemini (كلاهما مجانًا).
- انسخ HTML الذي يعود به الذكاء الاصطناعي 192 ألصقه في صندوق الكود 192 انقر على حفظ.
نصيحة — ربط الأزرار بالأقسام: إذا منحك الذكاء الاصطناعي زرًا مثل <a href="#">تعلم المزيد</a>,
استبدل # بـ #your-page-slug. مثال: <a href="#services">خدماتنا</a> يتم التمرير إلى الصفحة ذات slug services.
لوح نصائح الأخضر أسفل مساعد الذكاء الاصطناعي يشرح هذا ويذكرك باستخدام كتلة النموذج المدمجة لنماذج الاتصال (وليس نماذج HTML التي أنشأها الذكاء الاصطناعي).
علامة التبويب الإعدادات
افتح علامة التبويب الإعدادات في المنشئ لتكوين خيارات على مستوى الموقع:
- الأساسيات — العنوان، slug، الوصف، عنوان SEO/وصف/كلمات مفتاحية، عنوان اللافتة
- العلامة التجارية — صورة الرأس، الشعار، أيقونة الموقع، الشعار المتحرك
- الألوان — الخلفية، منطقة الشعار، الرأس، التذييل (اختيارات ألوان سداسي)
- شريط شعار — تحميل عدة شعارات لشرائط متحركة؛ التحكم في فترة الانزلاق، المحاذاة
- التنقل — التخطيط (الشريط الجانبي الأيسر / الشريط العلوي / الشريط الجانبي الأيمن)، السمة (فاتح / داكن / شفاف)
- نموذج الاتصال — عرض تبديل حقل الهاتف، جعل الهاتف/البريد الإلكتروني مطلوبين
- شعار OrbitingFox — عرض أو إخفاء شعار نسبة الموقع
- النشر — تعيين عنوان URL العام الخاص بك، وضع الرؤية، وأزرار النشر/إلغاء النشر
نشر موقعك
- في قسم الإعدادات 192 النشر، أدخل عنوان URL العام (slug فريد، مثل
my-bakery). سيكون موقعك متاحًا على/sites/my-bakery/. - اختر رؤية النشر:
- عام — مدرج في دليل /sites/، يمكن لأي شخص العثور عليه
- غير مدرج — يمكن الوصول إليه بواسطة عنوان URL المباشر فقط، ليس مدرجًا في الدليل
- مجموعة — يمكن الوصول إليه فقط من قِبل أعضاء مجموعة الاتصال المختارة
- انقر على نشر. يتم حفظ لقطة إصدار تلقائيًا.
- لإخراج موقعك من الخدمة، انقر على إلغاء النشر.
رسائل الاتصال
عندما يقوم شخص ما بإرسال نموذج الاتصال الخاص بك، تظهر الرسالة في لوحة التحكم 192 موقعك 192 الرسائل.
كل رسالة تحتوي على حالة يمكنك تحديثها:
- جديد 192 تم القراءة 192 تم الرد 192 أرشفة
رد بإجراء نقرة على البريد الإلكتروني للمرسل (يفتح عميل البريد الإلكتروني لديك بعنوان محدد مسبقًا).
تاريخ الإصدارات
كلما نقرت على نشر، تحفظ OrbitingFox لقطة لموقعك بالكامل. قم بزيارة الإصدارات (زر الشريط العلوي) لتصفح اللقطات.
- تظهر كل بطاقة التاريخ، الوقت، وملخص الصفحات والكتل في تلك اللحظة.
- انقر على استعادة هذه النسخة للتراجع. يُظهر مربع تأكيد يحذرك بأن التغيير فوري.
- استيراد ZIP إلى موقع موجود ينشئ أيضًا زوجًا من الإصدارات قبل/بعد.
تكرار موقع
على لوحة التحكم، انقر على قائمة 192 بجوار موقع 192 تكرار. سيتم إنشاء نسخ كاملة (جميع الصفحات، الكتل، الإعدادات، الصور) مع slug داخلي جديد. عنوان URL العام لا يتم نسخه — يجب عليك ضبط جديد.
تصدير ZIP، استيراد وعملية VSCode
تصدير موقعك الحالي
شريط أدوات المنشئ 192 193 تصدير ZIP. يحتوي ZIP على:
site.json— جميع صفحاتك، الكتل، والإعدادات في شكل قابل للقراءةimages/وfiles/— جميع الوسائط التي تم تحميلهاREADME.md— دليل خطوة بخطوة للمستخدمين ومساعدي الذكاء الاصطناعيAI_CONTEXT.md— مرجع تقني كامل لوكلاء الذكاء الاصطناعي والمطورين
تحميل قالب فارغ للبدء
لوحة التحكم 192 193 قالب البداية. نفس تنسيق ZIP، محمل مسبقًا بصفحة رئيسية (كتلة بطل) وصفحة اتصال (كتلة نموذج). ابدأ هنا إذا كنت تريد التصميم من البداية داخل VSCode.
التعديل في VSCode بمساعدة الذكاء الاصطناعي
- استخراج 192 افتح المجلد في VSCode.
- قل لمساعد الذكاء الاصطناعي: "اقرأ AI_CONTEXT.md أولاً، ثم ساعدني في موقعي على الويب."
- صف التغييرات باللغة الإنجليزية البسيطة. يقوم الذكاء الاصطناعي بتحرير
site.jsonبدلًا عنك. - أعد ضغطها وقم بتحميلها.
إعادة التحميل (الاستيراد)
لوحة التحكم 192 191 استيراد ZIP.
- اترك القائمة المنسدلة فارغة 192 ينشئ موقع مسودة جديدة.
- اختر موقعًا موجودًا من القائمة المنسدلة 192 يستبدل محتويات ذلك الموقع ويحفظ إصدارًا تلقائيًا حتى تتمكن من التراجع.
ما لم يتم استيراده
- عنوان URL العام — يجب عليك تعيين خاصتك
- حالة النشر — دائمًا يبدأ كمسودة خاصة
- رسائل الاتصال — تبقى على الخادم الأصلي
- قيود المجموعة — المجموعات خاصة بالخادم
الأمان
تقوم OrbitingFox بفحص كل ZIP تم تحميله لمحتوى غير آمن. يتم رفض ZIPs مع شرح باللغة البسيطة لسبب حظره (مثل "تم الكشف عن HTML غير آمن"، "نوع الملف غير مسموح به").
روابط سريعة
ملاحظة (2026-08-17) — ليست هي نفسها كما هو الحال في نظام تصميم المنصة.
تكون إعدادات اللون الموضحة أعلاه هي إعدادات لكل موقع (أو لكل عنصر) مملوكة من قبل
المستخدم الذي أنشأ ذلك الموقع. إنها ليست المعيار البصري على مستوى المنصة. ألوان المنصة
، وأحجام النص ومكوناتها موجودة في نظام التصميم — انظر
إدارة -> نظام التصميم و
docs/design/DESIGN.md — ويتم تعيينها على مستوى عالمي في
المظهر.
This guide was translated automatically. Read the English original.