هل تحاول فهم ما تعنيه مصطلحات تخطيط ووردبريس؟
يصادف العديد من المبتدئين مصطلحات ومفردات تخطيط ووردبريس عند العمل على موقع الويب الخاص بهم. هذه كلمات يستخدمها المصممون والمطورون وقد يجدها المستخدمون العاديون محيرة.
في هذا الدليل ، سنشرح بعض مصطلحات تخطيط ووردبريس الأكثر استخدامًا. سيساعدك هذا على فهم اللغة المستخدمة لتخطيطات موقع ووردبريس والعمل على موقع الويب الخاص بك مثل المحترفين الكلي.
شرح مصطلحات تخطيط ووردبريس الشائعة للمبتدئين
تتحكم سمات ووردبريس في مظهر موقع الويب الخاص بك. يمكنك تخصيصها من خلال زيارة صفحة المظهر » أداة التخصيص .
أداة تخصيص موضوع ووردبريس
تأتي جميع سمات ووردبريس الأعلى مع خيارات لتعديل تصميم موقع الويب الخاص بك باستخدام إعدادات أداة التخصيص ، لكن خياراتك محدودة اعتمادًا على السمة.
لمزيد من المرونة ، يمكنك استخدام المكونات الإضافية لمنشئ صفحات ووردبريس مثل SeedProd .
واجهة منشئ الصفحة SeedProd
يتيح لك SeedProd إنشاء تخطيطاتك المخصصة بسهولة باستخدام أدوات السحب والإفلات البسيطة دون كتابة أي رمز.
يأتي أيضًا مع عشرات القوالب التي يمكنك استخدامها كنقطة بداية. بالإضافة إلى ذلك ، فهو يدعم WooCommerce الذي يساعدك في إنشاء تخطيطات لمتجرك عبر الإنترنت أيضًا.
ومع ذلك ، أثناء عملك على إنشاء تخطيط لموقع الويب الخاص بك ، قد تصادف مصطلحات تصميم الويب التي قد لا تكون على دراية بها.
سيساعدك تعلم مصطلحات تخطيط موقع الويب هذه على فهم اللبنات الأساسية لتصميم موقع ووردبريس ، بحيث يمكنك بسهولة إنشاء أي تصميم يمكنك تخيله.
بعد قولي هذا ، دعنا نزيل الغموض عن مصطلحات تخطيط ووردبريس الشائعة هذه لمعرفة ما تعنيه وكيفية استخدامها.
فيما يلي قائمة سريعة بالمفاهيم والمصطلحات التي سنشرحها في هذه المقالة.
فهم تخطيط ووردبريس النموذجي
رأس
رأس مخصص
خلفية مخصصة
منطقة المحتوى
الشريط الجانبي
تذييل
المكونات الأخرى الشائعة لتخطيط ووردبريس
قوائم التنقل
الحاجيات
كتل
صور مميزة
صور الغلاف
أنماط – رسم
أزرار
لغة تنسيق ويب حسب الطلب
شروط التخطيط في منشئي صفحات ووردبريس
القوالب
الكتل والوحدات النمطية
الأقسام
تستخدم معظم مواقع الويب تصميمًا مألوفًا جدًا. يبدو شيء من هذا القبيل:
تخطيط ووردبريس الشائع
تسمى المنطقة العلوية من موقع الويب الرأس ، متبوعة بمنطقة المحتوى ، ثم التذييل في أسفل الصفحة.
اعتمادًا على الصفحة التي يعرضها المستخدم ، قد يكون التخطيط مختلفًا. على سبيل المثال ، في صفحة مدونة ووردبريس ، قد تتضمن شريطًا جانبيًا بجوار منطقة المحتوى.
تخطيط صفحة المدونة
ثم يتم ملء هذا التصميم الأساسي بعناصر أخرى ، والتي سنتحدث عنها لاحقًا في هذه المقالة.
دعنا نتحدث أولاً عن كل قسم من هذه الأقسام الرئيسية بمزيد من التفصيل.
العنوان في تخطيط ووردبريس هو القسم العلوي من أي صفحة. عادةً ما يحتوي على شعار موقع الويب الخاص بك ، والعنوان ، وقوائم التنقل ، ونموذج بحث ، وعناصر مهمة أخرى تريد أن يراها المستخدمون أولاً.
إليك كيف يبدو قسم الرأس على WPBeginner.
تخطيط الرأس على موقع ويب WPBeginner
تأتي العديد من سمات ووردبريس الشائعة مع ميزات إضافية لتخصيص منطقة رأس تخطيط ووردبريس الخاص بك. تسمى هذه الميزة أحيانًا بالرأس المخصص.
رأس مخصص في قالب ووردبريس
اعتمادًا على سمة ووردبريس الخاصة بك ، قد تتمكن من إضافة صورة كاملة العرض إلى العنوان باستخدام سطر وصف أو زر الحث على اتخاذ إجراء . قد تسمح لك بعض سمات ووردبريس بتغيير موضع الشعار وقوائم التنقل وصورة الرأس.
على غرار ميزة الرأس المخصصة ، قد تسمح لك بعض سمات ووردبريس بتعيين لون خلفية مخصص أو صورة عبر موقع ووردبريس الخاص بك.
خيار صورة الخلفية في أداة تخصيص سمة ووردبريس
يمكنك عادةً العثور على هذا الخيار ضمن أداة تخصيص السمات. ومع ذلك ، يتم دفنها في بعض الأحيان داخل علامات تبويب أخرى. لمزيد من التفاصيل ، ألق نظرة على دليلنا حول كيفية إضافة صورة خلفية في ووردبريس ، أو كيفية تغيير لون الخلفية في ووردبريس .
تأتي منطقة المحتوى مباشرة بعد جزء الرأس في التخطيط. هذا هو المكان الذي يتم فيه عرض المحتوى الرئيسي للصفحة.
بالنسبة إلى تخطيط الصفحة الرئيسية المخصص ، قد يتضمن قسم المحتوى دعوة للعمل ، متبوعة بالخدمات أو المنتجات ، والشهادات ، وغيرها من المعلومات المهمة.
مثال على تخطيط الصفحة الرئيسية
عادةً ما تستخدم المتاجر عبر الإنترنت هذه المنطقة للترويج للمبيعات المستمرة والمنتجات المميزة والعناصر الأكثر مبيعًا والمزيد.
A بلوق وورد قد تستخدم تخطيط المحتوى الثقيلة مع مقتطفات وصور من مقالات نشرت مؤخرا، و اشترك في نشرتنا الإخبارية شكل ، وأكثر من ذلك.
إليك كيف يبدو تخطيط الصفحة الرئيسية لـ WPBeginner. إنه موقع ويب غني بالمحتوى ، ولهذا السبب تأخذ المقالات الأخيرة منطقة المحتوى بالكامل.
الصفحة الرئيسية WPBeginner
بشكل افتراضي ، يستخدم ووردبريس تخطيط مدونة يعرض أحدث مشاركات المدونة الخاصة بك على أنها الصفحة الأولى لموقع الويب الخاص بك. ومع ذلك ، يمكنك تغيير ذلك واستخدام أي صفحة كصفحتك الأولى.
ما عليك سوى الانتقال إلى الإعدادات »قراءة الصفحة واختيار” صفحة ثابتة “ضمن خيار” عرض صفحتك الرئيسية “.
باستخدام صفحة أمامية ثابتة
بعد ذلك ، يمكنك اختيار الصفحة التي تريد استخدامها كصفحتك الرئيسية وأخرى لصفحة المدونة الخاصة بك. لمزيد من التفاصيل ، راجع دليلنا حول كيفية إنشاء صفحة منفصلة لمنشورات مدونتك في ووردبريس .
لا تنس النقر فوق الزر “حفظ التغييرات” لتخزين إعداداتك.
يمكنك الآن تعديل الصفحة التي تختارها لتكون صفحتك الرئيسية وإنشاء تخطيط مخصص للصفحة الرئيسية .
كما يوحي الاسم ، تظهر الأشرطة الجانبية عادةً على الجانب الأيمن أو الأيسر من منطقة المحتوى.
مثال على الشريط الجانبي
في ووردبريس ، تعد الأشرطة الجانبية أيضًا مناطق جاهزة لعناصر واجهة المستخدم. هذا يعني أنه يمكنك إضافة عناصر واجهة مستخدم إلى هذه المنطقة وعرض عناصر مثل الأرشيفات ونماذج الاشتراك في الرسائل الإخبارية والفئات والمحتوى الشائع والمزيد.
تظهر منطقة التذييل أسفل تخطيط الصفحة أسفل منطقة المحتوى. يتضمن عادةً منطقة عنصر واجهة مستخدم التذييل حيث يمكنك عرض روابط لصفحات مهمة مثل سياسة الخصوصية والبنود والشروط وحول الصفحة والمزيد.
مثال التذييل
هل تتساءل ما الذي يجب وضعه في تذييل موقعك؟ راجع قائمة التحقق هذه للأشياء التي تريد إضافتها إلى تذييل موقع ووردبريس الخاص بك .
بعد ذلك ، سنلقي نظرة على بعض مكونات تخطيط ووردبريس التي يمكنك إضافتها إلى أقسام الرأس أو المحتوى أو الشريط الجانبي أو التذييل. هذه هي اللبنات الأساسية التي تساعدك في عمل تخطيط فعال.
قوائم التنقل أو القوائم هي قوائم ارتباطات أفقية أو عمودية. تحتوي معظم مواقع الويب على قائمة تنقل أساسية واحدة على الأقل معروضة في الأعلى في منطقة الرأس.
قوائم التنقل
ومع ذلك ، تستخدم بعض مواقع الويب قوائم تنقل متعددة في منطقة الرأس.
يتيح لك ووردبريس أيضًا عرض قوائم التنقل كأداة. تظهر هذه القوائم كقائمة رأسية من الارتباطات ويمكنك وضعها في الأشرطة الجانبية أو مناطق عناصر واجهة المستخدم في التذييل.
روابط عمودية
لمزيد من التفاصيل ، راجع دليلنا حول كيفية إضافة قوائم التنقل في ووردبريس .
الأدوات هي عناصر يمكنك إضافتها إلى المناطق الجاهزة لعناصر واجهة المستخدم أو الأشرطة الجانبية لموقع ووردبريس الخاص بك. تأتي معظم سمات ووردبريس مع مناطق متعددة جاهزة لعناصر واجهة المستخدم حيث يمكنك إضافة عناصر واجهة مستخدم.
يأتي ووردبريس مع العديد من عناصر واجهة المستخدم المضمنة التي يمكنك استخدامها. تأتي العديد من إضافات ووردبريس الشائعة أيضًا مع عناصر واجهة المستخدم الخاصة بها. على سبيل المثال ، يمكنك استخدام الأدوات لإضافة قوائم المنشورات الشائعة ونماذج الاتصال وإعلانات الشعارات وموجزات الوسائط الاجتماعية والمزيد.
يمكنك رؤية كل هذه الأدوات من خلال زيارة Appearance »Widgets في منطقة إدارة ووردبريس.
إضافة أدوات في ووردبريس
لمزيد من التفاصيل ، راجع دليلنا حول كيفية إضافة عناصر واجهة مستخدم واستخدامها في ووردبريس .
يأتي ووردبريس مع محرر محتوى قوي يسمى محرر الكتلة . تم تصميم هذا المحرر لمساعدتك في إنشاء تخطيطات جميلة لمنشورات وصفحات ووردبريس الخاصة بك باستخدام الكتل.
استخدام الكتل لإنشاء تخطيطات في ووردبريس
هناك أنواع مختلفة من الكتل للعناصر الأكثر شيوعًا في أي محتوى. على سبيل المثال ، يمكنك إضافة فقرات وعناوين وصور ومعارض وتضمينات فيديو وأعمدة وجداول والمزيد.
يتيح لك ذلك إنشاء تخطيطات مختلفة لكل منشور أو صفحة على موقع ووردبريس الخاص بك دون تثبيت مكون إضافي أو تغيير المظهر الخاص بك.
صور مميزة في تخطيطات ووردبريس
إذا قمت بزيارة الصفحة الرئيسية لـ WPBeginner ، فستلاحظ صورًا مصغرة بجوار كل عنوان مقال. هذه تسمى الصور المميزة.
يتيح لك ووردبريس تعيين صور مميزة لمنشوراتك وصفحاتك. ثم يستخدم قالب ووردبريس الخاص بك هذه الصور في مناطق مختلفة من موقع الويب الخاص بك. لمعرفة المزيد ، راجع دليلنا حول كيفية إضافة صور مميزة في ووردبريس .
عادةً ما تكون صورة الغلاف عبارة عن صورة عريضة تُستخدم كصورة غلاف لقسم جديد في منشور أو صفحة مدونة.
يمكنك إضافته إلى منشورك أو صفحتك باستخدام قالب “الغلاف”. تتيح لك كتلة الغلاف أيضًا استخدام لون الخلفية بدلاً من الصورة.
صورة الغلاف في محرر قوالب ووردبريس
لمعرفة المزيد ، راجع دليلنا التفصيلي حول الفرق بين صورة الغلاف مقابل الصورة المميزة .
تم تقديم الأنماط إلى محرر قوالب ووردبريس في ووردبريس 5.5 . كل نمط عبارة عن مجموعة من الكتل مرتبة بترتيب معين للتخطيطات شائعة الاستخدام.
أنماط الحظر في ووردبريس
يمكنك الاختيار من بين الأزرار وأنماط الرأس والمعارض والأعمدة والمزيد. هذا يجعل من السهل على المبتدئين بناء المخططات بسرعة باستخدام الأنماط الشائعة.
إنها ميزة جديدة نسبيًا لذلك هناك مجموعة محدودة من الأنماط المتاحة. ومع ذلك ، ستتوفر المزيد من الأنماط حيث تضيف المزيد من سمات ووردبريس والمكونات الإضافية أنماطها الخاصة إلى محرر الكتلة.
تلعب الأزرار دورًا مهمًا في تصميم مواقع الويب الحديثة وتخطيطها. إنها توفر للمستخدمين عبارة واضحة تحث المستخدم على اتخاذ إجراء ، مما يساعدك على تنمية نشاطك التجاري وتحويلاتك.
يأتي محرر القوالب الافتراضي مزودًا بأزراره الخاصة التي يمكنك استخدامها في أي منشور أو صفحة ووردبريس.
إضافة الأزرار في ووردبريس
قد يأتي موضوع ووردبريس الخاص بك أيضًا مع إعدادات زر الحث على اتخاذ إجراء ضمن أداة تخصيص السمة. تأتي الإضافات الأكثر شيوعًا منشئ صفحات ووردبريس أيضًا مع أزرار في أنماط مختلفة يمكنك استخدامها.
يمكنك أيضًا إضافة أزرار النقر للاتصال في ووردبريس باستخدام مكون إضافي.
لمزيد من التفاصيل ، راجع دليلنا حول كيفية إضافة أزرار الدعوة إلى اتخاذ إجراء في ووردبريس .
CSS هي لغة التصميم المستخدمة لإنشاء مواقع الويب. تأتي سمة ووردبريس والمكونات الإضافية مع قواعد CSS الخاصة بها ، ولكن من وقت لآخر قد ترغب في تغيير أشياء صغيرة مثل لون النص أو حجم الخط أو لون الخلفية.
هذا هو المكان الذي يأتي فيه Custom CSS. يسهل ووردبريس عليك حفظ قواعد CSS المخصصة الخاصة بك. ما عليك سوى الانتقال إلى المظهر »تخصيص الصفحة ثم النقر فوق علامة التبويب CSS إضافية.
فتح أداة تخصيص السمات لإضافة CSS مخصص
من هنا ، يمكنك إضافة قواعد CSS المخصصة الخاصة بك وستتمكن من رؤيتها مطبقة في المعاينة المباشرة. لمزيد من المعلومات حول هذا الموضوع ، راجع دليلنا الكامل حول كيفية إضافة CSS مخصص في ووردبريس .
أسهل طريقة لإنشاء تخطيطات ووردبريس مخصصة لصفحاتك المقصودة هي باستخدام أداة إنشاء صفحات ووردبريس.
نوصي باستخدام SeedProd . إنه البرنامج المساعد الأكثر صداقة لإنشاء صفحات ووردبريس في السوق.
يستخدم منشئو الصفحات الآخرون مصطلحات مماثلة للأدوات والميزات الشائعة.
القوالب هي أسرع طريقة لإنشاء تخطيط صفحة ويب. تأتي جميع الإضافات الشائعة لبناء الصفحات مع مجموعة من القوالب الجاهزة للاستخدام التي يمكنك استخدامها كنقطة بداية.
قوالب SeedProd
على سبيل المثال ، يحتوي SeedProd على قوالب لأنواع مختلفة من الصفحات التي قد تحتاجها ، بما في ذلك الصفحات المقصودة وصفحات المبيعات وصفحات 404 والصفحات القادمة قريبًا والمزيد.
تمامًا مثل الكتل الموجودة في محرر ووردبريس الافتراضي ، تستخدم المكونات الإضافية لمنشئ الصفحات أيضًا الكتل. قد يطلق عليها بعض منشئي الصفحات وحدات أو عناصر ، لكنهم في الأساس نفس الشيء.
ومع ذلك ، تأتي الإضافات منشئ الصفحات مع كتل أكثر من المحرر الافتراضي. على سبيل المثال ، يتضمن SeedProd كتل الشهادات وكتل WooCommerce وخرائط Google ونماذج الاتصال وتضمينات Facebook والمزيد.
كتل SeedProd
يمكنك استخدام الكتل لإنشاء التخطيطات الخاصة بك ، وتحريكها ، واللعب لمعرفة ما هو الأفضل لعملك.
على غرار ميزة “الأنماط” في المحرر الافتراضي ، فإن الأقسام عبارة عن مجموعة من الكتل مجمعة معًا لإنشاء مناطق مشتركة في موقع الويب على الفور. على سبيل المثال ، قسم العنوان والصورة الرئيسية وجداول التسعير والمزيد.
أقسام قابلة لإعادة الاستخدام في SeedProd
قد تستخدم الإضافات المختلفة لمنشئ صفحات ووردبريس مصطلحات مختلفة لها. على سبيل المثال ، في SeedProd يطلق عليها أقسام ويطلق عليها Beaver Builder الصفوف والأعمدة المحفوظة.
نأمل أن تساعدك هذه المقالة في التعرف على المصطلحات المستخدمة في تخطيطات ووردبريس. قد ترغب أيضًا في الاطلاع على دليلنا حول كيفية تعلم ووردبريس مجانًا خلال أسبوع ، أو المقارنة بين أفضل شركات استضافة ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك.
