كيفية تغيير عرض صفحة ووردبريس. كيفية إنشاء صفحة كاملة العرض في وورد. اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress
هل تريد إنشاء صفحة WordPress بالحجم الكامل؟
ثم عد إلى سبب وجودنا هنا.
الطريقة الأولى: استخدام قالب العرض المدمج في سمة WordPress
يوصى بهذه الطريقة إذا كان موضوع WordPress الخاص بك يأتي بالفعل مع قالب صفحة كاملة. إذا لم يكن لديك ، فارجع إلى الخيار التالي واحصل عليه.
أولاً ، يجب تعديل الصفحة أو إنشاء صفحة جديدة من خلال زيارة " الصفحات> إضافةصفحة جديدة
في نافذة تحرير الصفحة ، حدد العرض الكاملكقالب أسفل مربع اختيار سمات الصفحة.
بعد اختيار النموذج العرض الكامليجب عليك تسجيل صفحتك. يمكنك الاستمرار في تخصيص الصفحة لإضافة المزيد من المحتوى ، أو النقر فوق زر المعاينة لرؤيتها أثناء العمل.
إذا لم يكن لديك خيار "العرض الكامل" - "العرض الكامل للقالب" - على شاشة تعديل صفحتك ، فهذا يعني أن قالب WordPress الخاص بك لا يحتوي على تلك الصفحة.
لكن لا تقلق ، سنبين لك مدى سهولة إنشاء صفحة كاملة دون تغيير سمة WordPress الخاصة بك.
الطريقة 2: كيفية إنشاء قالب صفحة عرض كامل
تتطلب هذه الطريقة تحرير ملفات سمة WordPress التي تستخدمها ولديك فهم أساسي لـ PHP و CSS و HTML.
بالمناسبة ، ندعوك أيضًا للتشاور مع
تحتاج أولاً إلى فتح محرر نصوص مثل Notepad ولصق الكود التالي في ملف فارغ:
Php / * Имя шаблона: * Полная ширина / get_header (); ?>يحدد هذا الرمز ببساطة اسم قالب الملف ويطلب من WordPress استخراج قالب الرأس.
فأنت بحاجة إلى جزء المحتوى من الكود. اتصل بموقعك باستخدام عميل FTP ( أو مدير الملفات في cPanel) ثم اذهب الى / wp-content / theme / your-theme-directory / .
ثم يجب أن تجد ملفًا باسم " page.php". هذا هو ملف قالب الصفحة الافتراضي لموضوعك.
انسخ كل شيء بعد " get_header ()والصقه في ملف العرض الكامل. phpهذا ما قمت بإنشائه على جهاز الكمبيوتر الخاص بك.
أنت الآن بحاجة إلى إلقاء نظرة على محتويات ملف "full-width.php" وإزالة هذا السطر من التعليمات البرمجية:
Php get_sidebar (); ?>يعيد هذا السطر ببساطة الشريط الجانبي ويعرضه في قالب WordPress الخاص بك. بإزالة هذا ، لن يعرض قالبك الشريط الجانبي عند استخدام القالب العرض الكامل.
يمكنك رؤية هذا السطر يظهر عدة مرات في قالب WordPress الخاص بك. إذا كان قالب WordPress الخاص بك يحتوي على عدة ، فسترى كل شريط جانبي مشار إليه مرة واحدة في الكود. يجب أن تقرر أي الأشرطة الجانبية تريد الاحتفاظ بها.
موقع الويب الخاص بك يتم تحميله ببطء ، اكتشف
إذا كان المظهر الخاص بك لا يعرض الأشرطة الجانبية على صفحتك ، فقد لا تجد هذا الرمز في ملفك.
هذه هي الطريقة التي يعتني بها رمز full-width.php الخاص بنا بإجراء التغييرات. قد يكون الرمز الخاص بك مختلفًا قليلاً حسب الموضوع الخاص بك.
php / * * Имя шаблона: полная ширина * / get_header (); ?>فأنت بحاجة إلى تنزيل الملف العرض الكامل. phpفي مجلد موضوع WordPress الخاص بك مع.
لقد نجحت في إنشاء وتحميل قالب صفحة مخصص بعرض كامل لموضوعك. الخطوة التالية هي استخدام هذا القالب لإنشاء صفحة بالحجم الكامل.
انتقل إلى لوحة القيادة وقم بتحرير أو إنشاء صفحة جديدة.
في شاشة تحرير الصفحة ، حدد خانة اختيار سمات الصفحة وانقر على القائمة المنسدلة ضمن خيار الطراز.
ستتمكن من رؤية النموذج الخاص بك. انطلق ، حدده واحفظ أو قم بتحديث الصفحة.
يمكنك الآن زيارة موقع الويب الخاص بك وسترى أن الأشرطة الجانبية قد اختفت وتظهر صفحتك كصفحة عمود واحد. ربما لم يتم ملؤه بعد ، لكنك الآن جاهز لتوزيعه بطريقة مختلفة.
اجعل موقعك شائعًا من خلال الاكتشاف
ستحتاج إلى استخدام أداة الفحص لاكتشاف فئات CSS التي يستخدمها قالبك لتحديد منطقة المحتوى.
يمكنك بعد ذلك ضبط عرضه إلى 100٪ باستخدام CSS. استخدمنا كود CSS التالي:
.page-template full-width zone.content (العرض: 100٪ ؛ الهامش: 0 بكسل ؛ الحدود: 0 بكسل ؛ الحشو: 0 بكسل ؛). عرض قالب الصفحة fullwidth.Output (الهامش: 0 بكسل ؛)هذا ما سيبدو عليه فيلم Twenty Seventeen.
هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بإنشاء صفحات بالحجم الكامل.
الطرق المذكورة أعلاه مجانية لأولئك الذين يستطيعون تحمل تكاليفها ويريدون إنشاء تخطيطات كاملة أو كاملة العرض بسرعة.
اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress
يمكنك استخدام مكونات WordPress الإضافية الأخرى لإضفاء مظهر حديث وتبسيط إدارة مدونتك أو موقع الويب الخاص بك.
نحن نقدم لك العديد من ملحقات WordPress المتميزة لمساعدتك على القيام بذلك.
1. ديفي بيلدر
Divi Builder هو منشئ صفحات عالي الجودة يحظى بتقدير كبير مواضيع أنيقةعلى الرغم من استخدامه بشكل شائع كجزء من سمة Divi WordPress ، إلا أن Divi Builder هو أيضًا مكون إضافي مستقل يمكن استخدامه في سمات WordPress الأخرى.
يتيح لك Divi Builder تحرير المحتوى الخاص بك باستخدام واجهة مرئية في الواجهة الأمامية بالإضافة إلى واجهة من جانب الخادم ، على الرغم من أن معظم المستخدمين يفضلون السابق.
في الأساس ، بدلاً من الشريط الجانبي ، كل شيء موجود في النوافذ المنبثقة والأزرار العائمة. يتيح لك الوصول إلى 316 قالبًا محددًا مسبقًا موزعة على 40 حزمة عرض مختلفة كما يسمح لك أيضًا بحفظ تصميماتك الخاصة كقوالب.
نحن ندعوك لفتح
لطالما كانت إحدى السمات المميزة لـ Divi هي التحكم في الأنماط التي تمنحك إياها. في ثلاث علامات تبويب مختلفة ، يمكنك ضبط خيارات متنوعة بما في ذلك عناصر التحكم سريعة الاستجابة والتباعد المخصص والمزيد.
يمكنك أيضًا إضافة CSS مخصصة لأن محرر CSS الخاص بها يجمع بين التحقق الأساسي والإكمال التلقائي.لطالما كان أحد الانتقادات الموجهة إلى Divi Builder أنه يستند إلى. وهذا يعني أنه إذا قمت بتعطيله مرة واحدة ، فسيتم ترك مجموعة من الرموز القصيرة في المحتوى الخاص بك. بينما يكون الأمر محبطًا بعض الشيء ، هناك الآن عدد أقل من المشكلات مع المكونات الإضافية مثل Shortcode Cleaner.
2. منشئ
لا عجب أن Themify Builder هو العرض المقدم من فريق Themify. يقوم بدمجه في العديد من سمات WordPress الخاصة به لمنح العملاء خيارات تخصيص سهلة. ولكن يمكنك أيضًا شرائه كمكوِّن إضافي مستقل واستخدامه مع أي سمة WordPress.
مثل Divi Builder و WPBakery Page Builder ، يسمح لك Themify Builder بإنشاء تخطيطات في الواجهة الأمامية أو الخلفية.شيء جيد آخر هو أن هذا المكون الإضافي يسمح لك بتخصيص نقاط التوقف المتجاوبة (ولكن فقط على مستوى الموقع بالكامل).
اكتشف إنشاء متجر على الإنترنت وبيع منتجاتك بسهولة عبر الإنترنت
ميزة مثيرة للاهتمام في Themify Builder هي أنه لا يزال يسمح لك باستخدام محرر WordPress القياسي بينما يجبرك منشئو الصفحات الآخرون على استخدام واجهة Page Builder لكل شيء.
3. فقير
تم إطلاق المكون الإضافي WordPress Elementor في البداية في عام 2016 ، وهو أحد أصغر المطورين في هذه القائمة. على الرغم من إطلاقه المتأخر ، سرعان ما جمعت Elementor أكثر من 1000000 تثبيت نشط على WordPress.org ، مما يجعلها واحدة من أشهر منشئي WordPress.
إذا كان لديك أي اقتراحات أو تعليقات ، يرجى تركها في قسمنا
بعض قوالب WordPress ضيقة نوعًا ما في القائمة الجانبية ، أو ما يسمى بالشريط الجانبي ، أو العكس ضيقة في قسم المقالات ، وبالطبع يحتاج بعض مشرفي المواقع إلى توسيع حدود معينة ، على سبيل المثال ، لتناسب لافتات. في هذه المقالة سوف أريكم كيف قم بتغيير حجم العنوان أو النموذج أو قسم المقالات أو القائمة الجانبية.
لما قد يكون من الضروري تغيير حجم القالب.
قد ترغب في تغيير حجم القالب في البداية ، بمجرد تثبيته ، وبعد كتابة عدد من المقالات وبدء ظهور العشرات من الزوار. على سبيل المثال ، كنت بحاجة إلى توسيع النموذج بعد أن أردت أن أحاول ربح أول سنتان على الإعلان من مدونتي. لهذه الأغراض ، تم اختيار نظام إعلان بانر من Google-AdSense. ولكن من أجل كسب ما لا يقل عن سنتان مؤسفان ، يجب مراعاة معلمتين:
- لكي ينقر شخص ما على إعلان ، يجب أن تكون اللافتات التي سيصدرها النظام في أماكن معينة. يكتبون على الإنترنت أن هذا شريط تمرير يسار ، ونضع لافتة مربعة هناك ، وثلاث مرات داخل المقالة. في القمة ، في الوسط ، بعد بعض العناوين ، وفي النهاية. سيكون هذا الترتيب مثاليًا للأشخاص للنقر فوق اللافتة. بالطبع هناك خيارات أخرى مثلا في الصور لكننا لا نعتبرها في إطار هذا المقال.
- جوجل تصدر لافتات بأحجام معينة.
أولئك. نحتاج إلى الجمع بين النقطتين الأولى والثانية ، أي للتأكد من وضع لافتات Google أو Yandex في الأماكن المخصصة لذلك ، والشريط الجانبي الأيسر وفي المقالات. نظرًا لأن القالب الخاص بي كان ضيقًا جدًا لهذه الأغراض ، وليس من المنطقي تعليق لافتات صغيرة ، لأنه لن ينقر عليها أحد ، فإن الشيء الوحيد المتبقي هو توسيع القائمة الجانبية وقسم المقالات.
كيفية زيادة القالب أفقيًا الجزء 1 ، فهم الأرقام
لفهم المقدار الذي نحتاجه لزيادة عرض هذا العنصر أو ذاك ، لا نحتاج إلى تقدير "السنتيمتر يكفي هناك ونصف السنتيمتر هناك" ، ولكن لمعرفة هذه الأرقام بالضبط ، بالبكسل. سيساعدنا أي متصفح تقريبًا في هذا ، على سبيل المثال:
- سفاري
- ثعلب النار
- جوجل كروم
أنا شخصياً سأعرض لكم مثال Safari وأنت على أي متصفح مناسب لك. يجب أن تكون الاختلافات في زر واحد فقط.
إذن ، القاعدة - حجم موقعنا يتكون من 4 عناصر ، حجم القالب نفسه ، حجم الصفحة ، حجم كتلة المقالة وكتلة القائمة اليسرى. سنزيد كل شيء بدوره ، لا تقلق ، فهذا ليس مخيفًا.
لتغيير عرض القائمة اليسرى.
في هذه الحالة ، يمكنك تغيير وحدات البكسل ، كما فعلنا في الخطوة 3-5 ، والنسبة المئوية على الصفحة. للقيام بذلك ، يكفي تغيير المعلمة بدلاً من البكسل
1 | العرض: 31.8٪؛ |
تعني هذه القيم عدد النسبة المئوية للعرض التي يمكن أن يشغلها هذا العنصر أو ذاك. الشيء الرئيسي هو أن مجموع الشريط الجانبي والمقال يجب أن يأخذ 100٪ ، وليس أكثر ، وإلا فإن كل شيء سيطفو على الصفحة.
هذا كل شئ. الآن نحن نعرف القيم التي نحتاج إلى تغييرها حتى يتلاءم كل شيء. الشيء الوحيد المتبقي هو إدخال البيانات الضرورية في ملف النمط.
كيفية زيادة القالب أفقيًا الجزء 2 ، قم بتغيير العرض
بعد أن فهمنا الأرقام ، وكتبناها في مكان ما على قطعة من الورق ، فلنغيرها الآن للجميع ، وليس لأنفسنا فقط. لهذا:
- قم بتسجيل الدخول إلى الموقع عبر FTP
- ابحث عن وانسخ الملف / wp-content / theme / theme / style.css إلى جهاز الكمبيوتر الخاص بك
- عمل نسخة احتياطية من هذا الملف ، أي. انسخه إلى مجلد المستندات الخاص بك. حتى يكون هناك نسختان من الملف على الكمبيوتر ، واحدة سنعمل عليها ، والثانية لن نلمسها. يخدم الثاني في حالة تغييرنا لشيء خاطئ ونسيانه.
- افتح الملف في محرر مناسب. نحن الآن نواجه مهمة بسيطة تتمثل في تغيير القيم القديمة إلى قيم جديدة. هناك طريقتان ، الأولى سهلة والثانية ثقيلة. أولاً ، من خلال البحث نجد القيمة القديمة ونكتب قيمة جديدة بدلاً من ذلك. الطريقة الثانية هي البحث عن اسم الأنماط ، داخل الأنماط نبحث عن العرض ونغير القيمة.
أنا شخصياً اخترت الطريقة الأولى والسهلة لنفسي ، لأنها تتيح لك إجراء تغييرات في بضع ثوانٍ فقط. لذلك ، نحن نبحث عن القيمة 980. أعطى البحث عن الملف معاملين فقط ، أحتاج إلى تغييرهما.
الأول مسؤول عن عرض الموقع بأكمله:
1 2 3 4 5 6 7 8 | # الصفحة (الحد الأدنى للارتفاع: 100 بكسل ؛ واضح: كلاهما ؛ العرض: 96٪ ؛ الحشو: 0 ؛ الحشو- الجزء العلوي: 24 بكسل ؛ الحد الأقصى للعرض: 980 بكسل ؛ تجاوز: مخفي ؛ |
# الصفحة (الحد الأدنى للارتفاع: 100 بكسل ؛ واضح: كلاهما ؛ العرض: 96٪ ؛ الحشو: 0 ؛ المساحة العلوية: 24 بكسل ؛ الحد الأقصى للعرض: 980 بكسل ؛ تجاوز: مخفي ؛
والثاني لعرض العنصرين وقائمة المقالات والقائمة اليسرى:
1 2 3 4 5 6 7 8 9 10 11 | . main- الحاوية (العرض: 980 بكسل ؛ الهامش: 0 تلقائي ؛ تجاوز: مخفي ؛ الحشو: 0 ؛ الخلفية: #fff ؛ الموضع: نسبي ؛ - webkit- box- shadow: 0px 0px 10px rgba (50، 50، 50، 0.17) ؛ -moz- box-shadow: 0px 0px 10px rgba (50 ، 50 ، 50 ، 0.17) ؛ ظل الصندوق: 0 بكسل 0 بكسل 10 بكسل rgba (50 ، 50 ، 50 ، 0.17) ؛) |
الحاوية الرئيسية (العرض: 980 بكسل ؛ الهامش: 0 تلقائي ؛ تجاوز: مخفي ؛ المساحة المتروكة: 0 ؛ الخلفية: #fff ؛ الموضع: نسبي ؛ -webkit-box-shadow: 0px 0px 10px rgba (50، 50، 50، 0.17) ؛ -moz-box-shadow: 0px 0px 10px rgba (50، 50، 50، 0.17)؛ box-shadow: 0px 0px 10px rgba (50، 50، 50، 0.17)؛)
كل ما علينا فعله هو تغيير القيم من 980 إلى 1080 وإعادة التحميل.
هذا كل شيء ، ولكن إذا كان لديك أي أسئلة ، فاكتب في التعليقات ، أو سأكون سعيدًا بمساعدتك.
من المؤلف:مرحبا اصدقاء. في المقالة التالية حول موضوع WordPress ، سننظر في مسألة كيفية تغيير قالب WordPress. إذا لم تكن قد واجهت أبدًا الحاجة إلى تعديل قالب WordPress من قبل ، فتأكد من قراءة هذه المقالة ، لأنه عاجلاً أم آجلاً سيكون عليك على الأرجح التعامل مع مشكلات تخصيص قالب WordPress وتحريره.
للبدء ، دعنا نحدد الأسئلة الأكثر شيوعًا التي يواجهها المستخدمون عند تخصيص قالب WordPress لأنفسهم. فيما يلي قائمة عينة منها:
كيفية تحرير قالب ووردبريس
تغيير عرض القالب في وورد
كيفية تغيير حجم قالب وورد
كيفية تغيير لون قالب ووردبريس
كيفية تغيير الخط في قالب وورد
وهذه مجرد قائمة صغيرة من المشاكل التي قد تواجهها أو التي يمكنك مساعدة الآخرين في حلها ، بما في ذلك مقابل رسوم إذا كنت تقوم بتطوير مواقع الويب لطلبها.
يمكن حل جميع الأسئلة الواردة في القائمة أعلاه بطريقتين ، اعتمادًا على الموضوع المستخدم للموقع. لنبدأ بأبسط خيار لا يتطلب معرفة بالتخطيط. هذا الخيار مناسب إذا كان النموذج يدعم التحرير من الإعدادات.
دعنا ننتقل إلى قسم المظهر - التخصيص ونرى الصفحة الرئيسية للموقع وإعدادات الموقع المتاحة على الجانب الأيسر من الصفحة. من بينها ، قد تكون هناك إعدادات التصميم.
على سبيل المثال ، دعنا نحاول تغيير نظام ألوان الموقع. دعنا نذهب إلى قائمة الألوان ونغير خلفية الأجزاء الجانبية والمركزية للموقع.
كما ترى ، هذا مناسب تمامًا وتغيير لون قالب WordPress بسيط للغاية - نرى النتيجة على الفور ويمكن تقييمها.
ومع ذلك ، لا تقدم كل سمة جميع تخصيصات قالب WordPress التي نحتاجها. على سبيل المثال ، من غير المحتمل أن تكون هناك إعدادات تسمح لك بتغيير عرض القالب على WordPress ، على سبيل المثال ، حتى في النسق الحالي لا توجد إعدادات تسمح لك بتغيير الخط في القالب ، وما إلى ذلك. كيف تكون في هذه الحالة؟ هذا هو المكان الذي سيتعين علينا فيه اللجوء إلى الخيار الثاني ، وهنا نحتاج بالفعل إلى بعض مهارات التخطيط.
لذلك ، نحتاج في أغلب الأحيان إلى تحرير ملف واحد فقط - هذا هو ملف النمط style.css. إنه موجود في مجلد الموضوع الخاص بك. دعنا نغير لون الخط كمثال. بالمناسبة ، يمكنك القيام بذلك مباشرة من لوحة إدارة WordPress. فقط كن حريصًا وحذرًا حتى لا "تكسر" الموقع عن طريق الخطأ. من الأفضل إجراء نسخ احتياطي للموضوع الخاص بك قبل إجراء أي تغييرات عليه. لذلك ، انتقل إلى القائمة المظهر - المحرر وافتراضيًا يجب أن يكون لديك ملف نمط السمة مفتوحًا للتحرير.
إذا لم يكن كذلك ، فحدد هذا الملف من القائمة الموجودة على اليمين ، ويسمى Stylesheet (style.css). غالبًا ما يتم تعيين لون الخط في النص الأساسي ، لذلك دعونا نجد أنماط هذا العنصر ونضبط اللون الأحمر على أنه لون الخط.
بعد حفظ الملف يمكننا تحديث الموقع ورؤية اللون الأحمر للخط الرئيسي في الموقع.
كما ترى ، يعد تخصيص قالب WordPress لنفسك مهمة بسيطة إلى حد ما. بقليل من المعرفة بـ CSS ، ستتمكن من تعديل قالب WordPress وتخصيص القالب حسب الحاجة. بنفس الطريقة يمكننا حل مشاكل أخرى مماثلة. على هذا أقول لك وداعا. حظا سعيدا ونراكم قريبا!
يجب أن تكون قادرًا على تغيير حجم القالب إذا كنت تريد إنشاء موقع جيد. بشكل افتراضي ، تقدم العديد من السمات أحجام إطارات غير ملائمة للقالب. الموضوعات الضيقة سيئة مثل كونها عامة للغاية. يجب أن يكون لديك حل وسط مناسب تمامًا للوظائف الموجودة على الموقع. بهذه الطريقة فقط سيتم عرض محتوى المورد الخاص بك بشكل صحيح ، وسوف تتناسب جميع عناصر واجهة المستخدم مع الشريط الجانبي. في هذه المقالة ، ستتعرف على طرق ضبط حجم الأعمدة الجانبية.
بدون شريط جانبي ، يبدو الموقع عديم الفائدة. إذا كنت ترغب في تخفيف محتوى الصفحة بشكل مرئي ، فيجب عليك تغيير قالب WordPress عن طريق إضافة شريط جانبي بحجم معين. عادةً ما يتم تثبيت الأعمدة الجانبية فيه بشكل افتراضي. ولكن ليس دائمًا عرض الشريط الجانبي هو الأمثل لمشروع معين. لنلقِ نظرة على طرق كيفية تغيير عرض وارتفاع جانب موقع WordPress.
ما يجب أن يكون حجم الشريط الجانبي
قد لا تحتاج إلى تغيير أي شيء. قم بتغيير الشريط الجانبي فقط إذا كان يبدو "ملتويًا" وغير طبيعي. أولاً ، تأكد من أن عرض الشريط الجانبي أصغر من عرض نص الصفحة التي تحتوي على المحتوى. لا يُعد الشريط الجانبي جزءًا أساسيًا من الموقع ، لذا لا ينبغي إعطاؤه الكثير من الاهتمام - على الأكثر يمكن أن يشغل 40٪ من الجزء المرئي من الصفحة. يرجى ملاحظة أنه إذا كان لديك شريطان جانبيان (أو عدة أشرطة) ، فيجب ألا يتجاوز عرضهما 50٪ من عرض الصفحة بأكملها. من الأفضل استخدام عمود جانبي واحد فقط - وبهذه الطريقة يكون أكثر كفاءة.
هناك "قاعدة ذهبية" للمصممين للمواقع التي تستخدم شريطًا جانبيًا واحدًا فقط. تنص هذه القاعدة على أنه إذا كان هناك شريط جانبي واحد فقط على الصفحة ، فلا يجب أن يشغل أكثر من 38٪ من عرض الموقع. يتحدث العديد من مصممي الويب البارزين عن مثل هذا الرقم الغامض (على سبيل المثال: Jarel Remik).
بالنسبة للارتفاع ، من المهم ألا يبرز الشريط الجانبي أعلى الموقع. يجب أن يكون حجم ارتفاعه في الحد الأعلى مماثلاً للجزء الرئيسي من الصفحة. ولكن يمكن تغيير الحد الأدنى بحيث يصبح الجزء الأساسي للموقع أطول. لا حاجة لمحاولة حشر كل شيء على الموقع في الشريط الجانبي - فقط الشيء الرئيسي. وإذا كان هناك الكثير من المعلومات حقًا ، فقم بإنشاء شريطين جانبيين ، لكنك لست بحاجة إلى تمديد الشريط الجانبي إلى تذييل الموقع.
كيفية تغيير حجم الشريط الجانبي يدويًا
الآن دعنا نتحدث عن كيفية تغيير حجم الأعمدة الجانبية وإطار القالب نفسه بشكل مستقل دون استخدام أي إضافات. تتضمن هذه الطريقة تغيير شفرة المصدر للصفحة. يتم تضمين معلمة حجم القالب في علامات html. يرجى ملاحظة أن تغيير الحجم قد يكون له عواقب سلبية إذا قمت بتحميل صورة بحجم مخصص كخلفية. لذلك ، من الأفضل تغيير معلمات الإطار في مرحلة تخطيط الموقع.
تكون معلمات الشريط الجانبي في الكود في شكل كتلة. لتغيير حجم الإطار بالكامل ، بما في ذلك الأعمدة الجانبية ، ستحتاج إلى الدخول في الكود وتعديل المعلمات الرقمية للعرض والارتفاع بالتناوب لكل عنصر. يسمى:
- header - مسؤول عن حجم رأس الموقع ؛
- bg - هذا هو المحتوى الرئيسي ، أي جزء الصفحة الذي سيتم وضع المقالات عليه (في هذا الجزء يوجد الشريط الجانبي) ؛
- التذييل هو تذييل الموقع ، أي الجزء السفلي منه.
لمعرفة أبعاد كتلة معينة ، تحتاج إلى النقر فوق عنصر الغلاف في "عرض رمز الصفحة". على جانب قسم CSS بالمستعرض ، سترى القيم الرقمية لعرض العنصر بالبكسل. لتغيير حجم الإطار السلكي بالكامل ، تحتاج إلى تحرير العنصر الرئيسي ، ثم إجراء تغييرات على العناصر الأخرى أيضًا. من المستحسن القيام بذلك على خادم محلي حتى لا "يقفز" موقعك أمام المستخدمين. وبشكل عام ، من الأفضل القيام بذلك حتى قبل إطلاق مشروع الإنترنت.
لتغيير حجم الشريط الجانبي ، ابحث عن شيء مثل هذا الخط
هذا السطر مسؤول عن معلمات الجزء الأوسط من الصفحة ، أي عن كتلة المحتوى والأعمدة الجانبية. لا تلمس الخط "الرئيسي" - فهذا هو الجزء الرئيسي من الموقع. تحتاج إلى العثور على علامة "mainnav" - هذا هو الشريط الجانبي. كل ما تحتاجه هو تغيير عنصر العرض في CSS ، المسؤول عن العرض - لإدخال قيمة حجم مختلفة. يمكنك جعل الشريط الجانبي أصغر أو أكبر ، ولكن تذكر اتباع نصائح التحجيم أعلاه لضمان عرض موقعك بشكل صحيح.
من أجل حفظ التغييرات ، يجب إجراؤها على الخادم. أي أنه يمكنك في البداية اختبار التعديلات على الاستضافة المحلية ، ولكن بعد ذلك تأكد من نسخ ملف style.css المحرر وإضافته إلى قواعد بيانات الخادم الرئيسي. عندها فقط ستدخل التغييرات حيز التنفيذ.
البرنامج المساعد لتغيير حجم الشريط الجانبي
إذا كنت لا تريد الخوض في أوراق الأنماط المتتالية والبحث عن العناصر التي تحتاج إلى تعديل ، فيمكنك استخدام محرر الشريط الجانبي المرئي لبرنامج WordPress الإضافي. هذه وحدة خاصة مصممة خصيصًا لإنشاء أشرطة جانبية. إنه جزء من أداة Visual Composer الأكبر.
يعد المكون الإضافي Visual Composer منشئ صفحات طبيعي لـ WordPress. باستخدامه ، يمكنك إنشاء قالب جاهز من البداية. تعمل الوحدة مع الرموز القصيرة ، وهي سهلة التثبيت للغاية. إذا لم يكن تغيير حجم الشريط الجانبي هو الشيء الوحيد الذي تحتاج إلى القيام به ، فقم بتنزيل المكون الإضافي Visual Composer وأضف محرر الشريط الجانبي المرئي كإضافة. إذا كانت المشكلة في حجم الشريط الجانبي للصفحة فقط ، فستكون وحدة محرر الشريط الجانبي المرئي كافية.
تتمثل ميزة استخدام مكون إضافي لتغيير الشريط الجانبي في أنه يقوم بكل شيء تلقائيًا. أي أنك تُظهر ما تريد تغييره باستخدام نظام السحب والإفلات ، وتقوم الوحدة بتصحيح رمز العنصر بشكل مستقل بناءً على طلباتك. إذا كنت تريد أن تجرب يدك في تحرير علامات html ، فإن البرنامج المساعد سيوفر لك هذه الفرصة. بالإضافة إلى ذلك ، يحتوي على رموز مختصرة خاصة لإضافة وظائف إضافية إلى الموقع - أكثر من 40 امتدادًا.
ميزة أخرى لاستخدام مثل هذا البرنامج المساعد لتحرير الصفحات هي أنه يتم حفظ التغييرات ، بغض النظر عن إصدار المحرك. حتى إذا قمت بتحديث WordPress ، فلن يتغير القالب - يتم التحكم فيه بواسطة وحدة نمطية. لذلك ، يمكنك التبديل إلى الإصدارات القديمة أو تحديث WordPress - لن يؤدي ذلك إلى الإضرار بأبعاد الشريط الجانبي. بالإضافة إلى ذلك ، يعمل المكون الإضافي مع الاستيراد والتصدير المريحين - أي يمكنك نسخ الأشرطة الجانبية من موقع ونقلها إلى موقع آخر. والأهم من ذلك ، أن الوحدة تعمل وفقًا لمبدأ واضح للغاية - حتى المبتدئين سوف يتقنونها بسرعة.
إذا كنت تحب عمل محرر الشريط الجانبي المرئي ، ففكر في تثبيت مجموعة كاملة من الوظائف الإضافية - وحدة المؤلف المرئي. بعد ذلك سيكون من السهل عليك تحرير أي عنصر في صفحات البوابة.