# صمّم تخطيطك الخاص

> استخدم المصمّم في Launchfolio لترتيب صفحتك في صفوف وأقسام، واسحب محتواك إليها، وأضف الحركة، ثم انشر تصميمك.

https://www.launchfolio.live/docs/ar/designer · 2026-10-17

**جولة في المصمّم** (77 s video): https://www.launchfolio.live/videos/docs/designer-tour-ar-1080.mp4

التخطيط البسيط يضع أقسامك بترتيب ثابت. أما المصمّم فيتيح لك ترتيب الصفحة بنفسك، قطعةً قطعة.

## مراجعة الهاتف وترويسة الموقع

تتكدّس الأقسام على الهاتف. يضبط **أقل ارتفاع على الهاتف** ارتفاعها مستقلًا عن إعداد سطح المكتب؛ تسمح القيمة 0 للنص بأن يأخذ مساحة محتواه. تحصل خلفيات الصور والفيديو على مساحة لعرض الصورة.

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

في المعاينة، يعرض **التخطيط المنشور** محتوى مسودتك بالتخطيط الذي يراه الزوّار الآن. تعرض **مسودة التصميم** تصميم مسودتك. اضغط **نشر هذا التصميم** في المصمّم لجعل ذلك التصميم منشورًا.

## التخطيط البسيط أم تصميمك الخاص

|  | التخطيط البسيط | تصميمك الخاص |
| --- | --- | --- |
| أين | المحرّر | المصمّم، على `/your-name/design` |
| الترتيب | ثابت: الملف الشخصي، الخبرة، التعليم، أقسامك، الفيديوهات | كما تشاء، في صفوف يصل كلٌّ منها إلى 4 أقسام متجاورة |
| الحفظ | يُحفظ تلقائيًا | اضغط **حفظ**. لا يتغيّر موقعك المنشور إلا عند النشر |
| المحتوى | تكتبه هنا | يأتي من المحرّر، فتبقى الكلمات والصور في مكان واحد |

> **معلومة مفيدة:** يعمل المصمّم على الهواتف والأجهزة اللوحية أيضًا. راجع [على الهاتف أو الجهاز اللوحي](https://www.launchfolio.live/docs/ar/designer#phone-or-tablet).

## اصنع تصميمك الأول

1. **افتح المصمّم** — في المحرّر، ابحث عن **صمّم صفحتك** واضغط **فتح المصمّم**. أو اضغط **المصمّم الاحترافي** في الشريط الجانبي للوحة التحكم.
2. **ابدأ بصف** — اختر شكل الصف، مثل قسم واحد أو نصفين، أو تخطيطًا جاهزًا للبدء.
3. **اسحب محتواك** — من قائمة **المحتوى**، اسحب اسمك أو صورتك أو أحد أقسامك إلى قسم في الصفحة.
4. **غيّر المظهر** — اضغط على أي صف أو قسم أو عنصر وغيّره من **الخصائص** في الجهة الأخرى. في الصف تضبط **المسافة بين الأقسام** و**المسافة أعلاه وأسفله** و**المسافة على الجانبين**.
5. **اضغط **حفظ**** — أو ⌘/Ctrl + S. لا يتغيّر موقعك المنشور عند الحفظ.

> **تغييرات التصميم لا تُحفظ تلقائيًا:** اضغط **حفظ** قبل أن تغادر. وإن حاولت المغادرة دون حفظ، نسألك أولًا.

> **تريد بداية أسرع؟:** اضغط **القوالب** في الشريط العلوي لتستخدم تخطيط قالب بمحتواك أنت، ثم عدّله هنا. راجع [استخدم قالبًا لموقعك](https://www.launchfolio.live/docs/ar/use-a-template).

يفتح زر القائمة (ثلاثة خطوط) في الزاوية العليا الشريط الجانبي للوحة التحكم فوق الصفحة، لتنتقل إلى أي مكان. وعلى الشاشات العريضة ترى بجانبه **لوحة التحكم** › اسم موقعك › **المصمّم الاحترافي**. اضغط **لوحة التحكم** أو اسم موقعك لتنتقل إلى لوحة التحكم، أو **المحرّر البسيط** في الشريط الجانبي لتنتقل إلى المحرّر. وعلى الشاشات الأصغر، يعيدك **العودة إلى المحتوى** إلى المحرّر. راجع [لوحة التحكم](https://www.launchfolio.live/docs/ar/your-sites#getting-around).

## على الهاتف أو الجهاز اللوحي

على شاشة يقل عرضها عن 1024 بكسل، يتكيّف المصمّم مع الشاشة. تملأ صفحتك الشاشة، وتظهر بحجم جهازك.

1. **افتح قائمة المحتوى** — اضغط السهم على حافة الشاشة. ينزلق **المحتوى** و**الطبقات** فوق الصفحة.
2. **اضغط على عنصر** — تُغلق القائمة وتبدأ أقسام صفحتك بالاهتزاز. اضغط **إلغاء** في الأعلى إن غيّرت رأيك.
3. **اضغط على قسم** — يظهر العنصر في ذلك القسم.
4. **اضغط على أي شيء لتغييره** — تفتح **الخصائص** وحدها. أو اضغط السهم على الحافة الأخرى من الشاشة.

- لا يوجد سحب على الشاشات الصغيرة. لتحريك قسم أو عنصر، حدّده واستخدم الأسهم في شريط أدواته الصغير.
- حين يضيق الشريط العلوي، تنتقل الأزرار إلى **المزيد** (⋯): أولًا اللغة، ثم **القوالب** و**سجلّ النسخ** و**معاينة** و**حفظ**، ثم **تراجع** و**إعادة**.
- يظهر زر النشر بكلمة **نشر** فقط. وعلى أصغر الهواتف ينتقل هو و**العودة إلى المحتوى** إلى **المزيد** أيضًا.
- النقطة على **المزيد** تعني أن لديك تغييرات لم تُحفظ.

## ما الذي يمكنك وضعه

| المجموعة | العناصر |
| --- | --- |
| عنك | الاسم، العنوان التعريفي، الصورة، نبذة عنك، الموقع الجغرافي، البريد والهاتف، روابط التواصل، زر السيرة الذاتية |
| الأقسام | الخبرات، التعليم، الفيديو والوسائط، وكل قسم أضفته |
| إضافات | نموذج التواصل، مساحة فارغة، خط فاصل |

يمكن وضع كل محتوى مرة واحدة. أما المساحة الفارغة والخط الفاصل فيمكن استخدامهما كلما شئت.

لكل عنصر ثلاثة تبويبات (المساحة الفارغة والخط الفاصل بلا **المحتوى**). **المحتوى** يغيّر ما يقوله العنصر في كل مكان، و**الشكل** و**الحركة** يغيّران مظهره وحركته في هذا التصميم فقط.

## حرّك صفحتك

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

> **يراها الزوّار مع إضافة الحركة:** جرّب كل الحركات في المصمّم وفي **معاينة**. ويراها الزوّار على موقعك المنشور عندما يصبح لموقعك إضافة **الحركة**، مقابل $10 في السنة، من صفحة **الإضافات**. وحتى ذلك الحين يعرض موقعك المنشور الصفحة نفسها ثابتة، ويحمل تبويب **الحركة** تاجًا، ويذكّرك **حفظ** بذلك. راجع [الفوترة والتجديد](https://www.launchfolio.live/docs/ar/billing-and-renewals#what-you-pay).

1. **حدّد صفًا أو قسمًا أو عنصرًا** — افتح تبويب **الحركة**.
2. **اختر ما يفعله** — يعرض كل مربّع تأثيره بلا توقف لترى الفرق، وتعرضه صفحتك أيضًا.
3. **اضبطه** — مع كل تغيير تعمل الحركة من جديد على صفحتك. اضغط **تشغيل** لتشاهد كل ما يفعله: يظهر، ويواصل الحركة، ويعرض شكله عند المرور، ثم يتحرّك كأن الصفحة مرّت به.
4. **اضغط **حفظ**** — ثم اضغط **معاينة** (العين) لتجربتها على الصفحة كاملة. يراها الزوار بعد أن تنشر.

| المجموعة | ماذا تفعل |
| --- | --- |
| **الظهور** | كيف يظهر عندما يصل إليه الزائر أثناء التمرير. إعداداته في الجدول التالي. |
| **حركة مستمرة** | حركة هادئة متكرّرة ما دام على الصفحة: **طفو** أو **نبض** أو **تمايل** أو **دوران** أو **تنفّس** أو **قفز**، مع **السرعة** و**المقدار** |
| **عند المرور** | عندما يمرّر الزائر الفأرة فوقه: **ارتفاع** أو **تكبير** أو **ميل** أو **توهّج** أو **إضاءة** |
| **أثناء التمرير** | يتحرّك مع الصفحة عندما يمرّ بها الزائر: **انجراف** أو **اختفاء** أو **تكبير** أو **دوران** أو **انزلاق**، مع **المقدار**. والقسم الذي خلفيته صورة أو فيديو يمكنه استخدام **انجراف الصورة**: تتحرّك خلفيته وحدها، أبطأ من الصفحة. |

| في الظهور | ماذا يفعل |
| --- | --- |
| **التأثير** | **بلا** أو **ظهور** أو **صعود** أو **هبوط** أو **من اليسار** أو **من اليمين** أو **تكبير** أو **تصغير** أو **ضبابية** أو **دوران** أو **كشف** أو **ميل** |
| **القوة** | إلى أي حد يتحرّك أو يكبر أو يدور: **خفيفة** أو **متوسطة** أو **قوية** |
| **البدء ضبابيًا** | يبدأ غير واضح ويتّضح أثناء ظهوره. جميل مع النصوص. |
| **المدة** | مدة الحركة، حتى 3 ثوانٍ |
| **الانتظار قبل البدء** | مهلة بعد ظهوره على الشاشة، حتى 3 ثوانٍ |
| **الأقسام** | للصفوف: **معًا**، أو **واحدًا تلو الآخر**: تظهر أقسام الصف واحدًا بعد الآخر، مع **الوقت بين الأقسام** |
| **العناصر** | للأقسام والقوائم: **معًا**، أو **واحدًا تلو الآخر**: تظهر عناصر القسم، أو وظائف القائمة وصورها وبطاقاتها وروابطها، واحدًا بعد الآخر، مع **الوقت بين العناصر** |
| **النص** | للاسم والعنوان التعريفي والنبذة: **معًا** أو **كلمة كلمة** أو **حرفًا حرفًا**، مع الوقت بينها |
| **الإيقاع** | **سلس** أو **هادئ** أو **مرن** أو **منتظم** |
| **التشغيل في كل مرة** | يعمل من جديد كلما عاد إلى الشاشة أثناء التمرير. وعند إيقافه يعمل مرة واحدة. |

وعندما لا يكون شيء محدّدًا، تعمل **الحركة** في إعدادات الصفحة على الصفحة كلها:

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

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

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

**لماذا لا تتحرّك حركاتي على موقعي المنشور؟**
يحتاج موقعك إلى إضافة **الحركة**، مقابل $10 في السنة. والإضافات تأتي مع موقع مدفوع. وإلى أن تُفعَّل، تعمل الحركات في المصمّم وفي **معاينة** فقط. وإن دفعت بتحويل بنكي، يراها الزوّار فور وصوله.

**هل تحصل مواقعي الأخرى على الحركة أيضًا؟**
لا. الإضافة لموقع واحد: الموقع المختار في أعلى لوحة التحكم عندما تضيفها. وكل موقع تريده أن يتحرّك يحتاج إلى إضافته الخاصة.

## تنسيق نموذج التواصل

اضغط على عنصر **نموذج التواصل**. في **المحتوى**، غيّر **العنوان** و**سطر التعريف** و**نص الزر**. اترك الخانة فارغة لتبقى الكلمات الافتراضية بلغة موقعك.

| في الشكل | ما يمكنك تغييره |
| --- | --- |
| **التخطيط** | **المحاذاة** (القسم أو يسار أو وسط أو يمين)، و**العرض** (ضيّق أو متوسط أو كامل)، و**استدارة الزوايا** |
| **العنوان** | **إظهار العنوان** و**حجم العنوان** (صغير أو عادي أو كبير أو ضخم) |
| **سطر التعريف** | **إظهار سطر التعريف** و**حجم سطر التعريف** |
| **الحقول** | **الاسم والبريد** جنبًا إلى جنب أو واحد تحت الآخر، و**ارتفاع خانة الرسالة** (من 3 إلى 10 أسطر) |
| **الزر** | **الشكل** (ممتلئ أو إطار) و**العرض** (بقدر النص أو كامل العرض) |

> **نصيحة:** الكلمات مشتركة بين كل التصاميم والتخطيط البسيط. أما التنسيق فيخصّ هذا التصميم وحده.

## سجلّ النسخ

في كل مرة تنشر، يُحفظ موقعك كاملًا كنسخة: محتواك وتصميمك والتخطيط الذي ظهر. اضغط زر الساعة (**سجلّ النسخ**) في الأعلى لتراها. والقائمة نفسها موجودة ضمن **سجلّ النسخ** في الشريط الجانبي للوحة التحكم. نحتفظ بأحدث 10 نسخ، إضافة إلى نسختك الأولى والنسخة المنشورة.

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

## نشر تصميم

1. **اضغط **نشر هذا التصميم**** — يُنشر موقعك كاملًا بهذا التصميم، ويُحفظ في سجلّ نسخك.
2. **أكّد** — تظهر لك رسالة بأن تصميمك أصبح منشورًا.

للرجوع إلى التخطيط البسيط، افتح **سجلّ النسخ** واضغط **استخدام التخطيط البسيط**.

> **معلومة مفيدة:** إلى أن تدفع قيمة موقعك وتتم الموافقة عليه، يمكنك حفظ تصميمك، لكن لا يمكنك نشره. يظهر على زر **نشر** تاج (لم تدفع بعد، ويفتح صفحة الدفع) أو قفل (قيد المراجعة). راجع [ادفع لتنشر](https://www.launchfolio.live/docs/ar/pay-and-review).

## المساحة الحرّة: قسم بتخطيط حر

المساحة الحرّة قسم تضيفه من المحرّر. تضع فيه النصوص والصور والأزرار والخطوط أينما شئت على شبكة.

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

## الملاحظات الذهبية

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