الأدلة/استخدام المحرر/تحديد المكوّنات وتحريكها

تحديد المكوّنات وتحريكها

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

فيديو تعليمي

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

تحديد المكوّن

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

تحديد المكوّنات باستخدام طريقة عرض القائمة

للوصول إلى طريقة عرض القائمة، انقر على الأيقونة التي تبدو على شكل ثلاثة خطوط أفقية فوق بعضها في الزاوية العلوية اليسرى من شاشتك:

ثلاثة خطوط عمودية متراكبة ومتزحزحة، تمثّل عرض القائمة.

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

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

لمزيد من النصائح حول طريقة عرض القائمة، راجع دليل طريقة عرض القائمة.

يعرض عرض القائمة قائمة بجميع المكوّنات الموجودة في الصفحة.

تحديد المكوّنات باستخدام مسارات التنقل

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

عدة مكوّنات معروضة، مع إبراز مسار التنقل باللون البرتقالي أسفل الشاشة. يظهر مكوّن عنوان داخل عمود داخل مكوّن أعمدة.

سيكون المكوّن الذي حددته هو المكوّن الأخير في قائمة مسارات التنقل. إذا كنت ترغب في تحديد مكوّن مختلف، فيمكنك النقر على اسم هذا المكوّن لتحديده.

تحديد المكوّنات باستخدام أداة تحديد المكوّن الأصل

تكون بعض المكوّنات داخل مكوّنات أخرى (ويُسمّى المكوّن الخارجي “المكوّن الأصل”)، وتحتاج إلى طريقة سهلة لتحديد المكوّن الأصل. 

ثمّة طريقة أخرى للقيام بذلك، وهي استخدام أداة تحديد المكوّن الأصل التي تظهر في شريط أدوات المكوّن لبعض المكوّنات:

إبراز زِر تحديد العنصر الأصل، الموجود على يسار شريط أدوات إعدادات المكوّن.
شريط أدوات مكوّن العمود

عند النقر على مكوّن داخل مكوّن أصل، سيظهر زِر إلى يسار شريط أدوات المكوّن، مثلما هو موضّح باللون البرتقالي في الصورة أعلاه. سيؤدي النقر على ذلك الزر إلى تحديد المكوّن الأصل (في هذه الحالة، مكوّن الأعمدة.)

يمكن أن يكون هذا مفيدًا في العديد من الحالات؛ على سبيل المثال، إذا كان لديك نص داخل عمود وتحتاج إلى تحديد مكوّن الأعمدة بأكمله، أو إذا كانت لديك عدة أزرار داخل مكوّن الأزرار وتحتاج إلى تحديد مكوّن الأزرار بأكمله.

نقل مكوّن

هناك عدة طرق يمكنك استخدامها لنقل المكوّن الذي حددته.

نقل مكوّن باستخدام شريط الأدوات

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

يمكنك أيضًا سحب مكوّن إلى موضع آخر باستخدام أيقونة النقاط الست الموجودة في شريط الأدوات.

يوضّح الرسم المتحرك الآتي كلتا الطريقتين:

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

نقل مكوّن باستخدام طريقة عرض القائمة

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

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

نقل مكوّن باستخدام السحب والإفلات

باستخدام الماوس، يمكنك سحب مكوّن وإفلاته في الموضع المطلوب:

نقل المكوّنات المتداخلة

المكوّنات المتداخلة هي مكوّنات ��كون داخل مكوّنات تخطيط، مثل الأعمدة أو الصفوف أو التكديسات. يمكنك نقل هذه المكوّنات بالنقر على الأسهم الموجودة في شريط الأدوات الخاص بالمكوّن:

صورة متحركة توضّح كيفية تحديد ونقل مكوّن متداخل.
نقل مكوّن متداخل

نقل عدة مكوّنات دفعة واحدة

نقل المكوّنات باستخدام شريط الأدوات

يمكنك نقل عدة مكوّنات دفعة واحدة عن طريق تمييزها جميعًا باستخدام الماوس أولاً، ثم النقر على الأسهم الموجودة في شريط الأدوات كما هو موضّح أدناه:

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

نقل المكوّنات باستخدام طريقة عرض القائمة

يمكنك استخدام طريقة عرض القائمة لتحديد عدة مكوّنات دفعة واحدة، ثم النقر عليها وسحبها إلى مواضع جديدة:

  1. افتح طريقة عرض القائمة بالنقر على أيقونة الخطوط الأفقية الثلاثة في الزاوية العلوية اليسرى من المحرر.
  2. انقر على المكوّن الأول.
  3. اضغط مع الاستمرار على مفتاح shift في لوحة المفاتيح وانقر على المكوّن الأخير. سيؤدي ذلك إلى تحديد جميع المكوّنات الواقعة بين المكوّن الأول والأخير.
  4. انقر على المكوّنات واسحبها إلى الموضع المطلوب.
صورة متحركة توضّح نقل عدة مكوّنات في عرض القائمة.

💡

لتحديد جميع المكوّنات في طريقة عرض القائمة، استخدم اختصار لوحة المفاتيح CTRL + A على أجهزة PC أو CMD + A على أجهزة Mac.

نقل المكوّنات جنبًا إلى جنب

إذا أردت وضع المكوّنات بجوار بعضها بدلاً من وضعها تحت بعضها، فأدرج مكوّن الأعمدة أولاً. بعدها، يمكنك إدراج أي مكوّنات داخل كل عمود.

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

إعادة ترتيب المكوّنات باستخدام وكيل ووردبريس

The WordPress Agent four-pointed star icon.

ينطبق هذا القسم على المواقع المُنشأة باستخدام أداة إنشاء المواقع بالذكاء الاصطناعي (جميع الخطط المدفوعة) أو المواقع التي فعّلت وكيل ووردبريس (جميع الخطط المدفوعة). افتح وكيل ووردبريس بالنقر على أيقونة الذكاء الاصطناعي (نجمة رباعية الرؤوس) أسفل الشاشة.

يمكن لوكيل ووردبريس مساعدتك في مراجعة بنية محتوى صفحتك وتدفقه وتحسينهما. إليك بعض الموجّهات الجاهزة التي يمكنك نسخها واستخدامها:

  • “راجع هذه الصفحة واقترح ترتيبًا أفضل للأقسام.”
  • “هل بنية هذه التدوينة منطقية بوصفها دليلاً إرشاديًا؟”
  • “ما المحتوى الذي ينبغي أن يظهر أولاً في الصفحة الرئيسية لمعرض الأعمال؟”
  • “اقترح كيفية إعادة تنظيم هذه الأقسام لتحسين سهولة القراءة.”

إعادة ترتيب المكوّنات باستخدام وكيل ووردبريس

The WordPress Agent four-pointed star icon.

يمكنك استخدام وكلاء الذكاء الاصطناعي مثل Claude وCursor وChatGPT وOpenClaw وغيرها لقراءة موقعك وتحريره بأمان. فعّل وصول أداة MCP لوكلاء الذكاء الاصطناعي.

يمكن لوكيل ووردبريس إعادة ترتيب المكوّنات وإعادة تنظيمها عبر صفحاتك وتدويناتك من خلال موجّه بلغة طبيعية. إليك بعض الموجّهات التي يمكنك تجربتها:

  • “أعد ترتيب الأقسام في صفحة الخدمات بحيث يأتي قسم الأسعار في النهاية.”
  • “انقل مكوّن صورة بارزة إلى أعلى أحدث تدوينة لديّ.”
  • “بدّل موضعي الفقرتين الأولى والثانية في صفحة من نحن.”
  • “انقل مكوّن زر التواصل إلى أسفل قسم البطل مباشرةً في الصفحة الرئيسية.”
Copied to clipboard!