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