كيفية تغيير موضوع WordPress الخاص بك لجعل منطقة محتوى موقع الويب الخاص بك أوسع

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

كيف يمكنني جعل عرض غلاف WordPress الخاص بي كاملاً؟

تحقق لمعرفة ما إذا كانت الصفحة كاملة العرض بنسبة 100٪ عن طريق تحريرها في WordPress ، والتمرير لأسفل إلى علامة التبويب الرئيسية في قسم إعدادات Oceanwordpress ، وتحديد تخطيط العرض الكامل بنسبة 100٪.

في هذا الدرس ، سنتعرف على كيفية إنشاء صفحة WordPress كاملة العرض. العديد من صفحات قوالب WordPress ليست مميزة بشكل كامل. إذا كنت لا تريده أن يعمل بالطريقة التي يعمل بها ، فيمكنك تغييره باستخدام مكون إضافي. في عرض اليوم ، سأوضح لك كيفية استخدام المكون الإضافي Beaver Builder لإنشاء صفحة كاملة العرض. يمكنك معرفة كيفية استخدام المكون الإضافي Beaver Builder باتباع برنامج Beaver Builder التعليمي. الأمر متروك لك لاختيار سمة جديدة أو إنشاء سمة خاصة بك بعد إكمال البرنامج التعليمي. بعد النقر فوق الزر "تحديث" ، يمكنك إجراء تغييرات على صفحاتك.

أكثر الإضافات شعبية لبناء الصفحات ، Beaver Builder ، لديها أكثر من مليون عملية تثبيت. يمكن أن يحتوي موقع ويب Page Builder على مجموعة واسعة من الميزات التي تسمح لك بتخصيصه لتلبية متطلباتك المحددة. يجب دائمًا استخدام ما يجعل الصفحة جميلة حقًا. بمساعدة هذه الإضافات الإضافية ، يمكنك إنشاء صفحة كاملة العرض في WordPress. مكون إضافي آخر يستحق الاستكشاف هو Live Composer. يمكنك تخصيص السمات الخاصة بك باستخدام هذه الأداة ، وهي مجانية تمامًا ومتاحة للتنزيل الفوري. باستخدام هذا التنسيق ، يمكنك إزالة الأشرطة الجانبية من صفحات WordPress. هل من الممكن استخدام تخطيط صفحة كامل العرض مع تصميم مخصص؟

كيف يمكنني تغيير العرض الكامل لموضوع WordPress؟

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

ما هو التنسيق المحاصر في WordPress؟

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

التخطيطات المعبأة: الحل الأمثل للصفحات الأساسية

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

ما هو عرض الحاوية في ووردبريس؟

يمكنك تغيير عرض الحاوية على سمة GeneratePress WordPress . تحت المظهر ، انقر فوق قسم الحاوية. باستخدام شريط التمرير ، يمكنك تغيير عرض وحدات البكسل أو إدخال رقمك مباشرةً في الحقل (على سبيل المثال ، 1200).

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

كيفية استخدام حاويات WordPress لتحسين تصميم موقع الويب الخاص بك

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

موقع تخطيط محاصر

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

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

تحتوي خاصية padding ، مثل خاصية margin ، على أربع خصائص. هناك طريقتان لاستخدام كل خاصية على حدة أو كقيمة مكدس لخاصية الحشو. على سبيل المثال ، إذا كنت تريد حدًا أحمر خالصًا حول فقرة بعرض 2 ، فإن هذا الرمز سيفعل ذلك. ستتلقى المخرجات التالية إذا أضفت الهامش بعد إضافة الكود أعلاه في متصفحك: نعم ، هذا أفضل قليلاً ، أليس كذلك؟ إنها مساحة كافية لعناصر div لتلبية احتياجاتهم. مع إضافة هامش 20 بكسل ، أصبح لكل عنصر div الآن هامش 20. يمكن الآن تركيز خاصية padding على الجزء الداخلي من الحد ، حيث تتناسب مع نموذج الصندوق.

لماذا يجب عليك التبديل إلى قالب موقع ويب كامل العرض

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