728X90

مبدأ التعامل مع صفحة التخطيط

0

صفحة التخطيط هي صفحة أساسية في بلوجر وهي تعتبر مرآه تعكس جودة القالب وتكويده وكثير من القوالب تكون تلك الصفحة مبعثرة وغير جيدة وتكون احيانا مرهقة في الضبط وسحب الادوات للأماكن المضبوطه بالتالي من المهم معرفة كيفية التحكم في تلك الصفحة والتعامل بها ومبدأ التعامل بسيط جداً قليل من الخبرة في الـ CSS تكون كافية للتعامل بشكل كامل مع تلك الصفحة
مبدأ التعامل يكون في هذا الوسم body#layoutنعم هذا الوسم هو الذي سيفرق تماما في التعامل مع تلك الصفحة فإضافة هذا الوسم قبل معرف أى آداة يجعل التحكم تابع فقط لصفحة التخطيط , مثال
لو لدينا آداة بمعرف #header
لو اردنا ان نبني لها مظهر كل ما علينا فعله أن نضيف قبل معرفها الوسم السابق هذا النموضج اكثر توضيحاً سنغير حجم الآداة في صفحة التخطيط

 body#layout #header {
width:600px;
}

كما ترى جعلها للآداة حجم وهو 600 بيكسل طبعا يمكنك التعامل مع اى آداة بنفس الطريقة سواء كانت بمعرف id او class المبدأ واحد , بهذه الطريقة سيمكنك تماما من التعامل مع التخطيط

طبعا اليوم ظهر للكثيرين مشكلة تشوه في صفحة التخطيط هو الحقيقة ليس تشوه لكن منصة بلوجر قررت عرض إسم المعرف الأساسي لكل جزء في القالب لتمييزه لكن القوالب المنشأة وصفحات تخطيطها لم تكن معدة لهذا التحديث , وابسط حل لتلك المشكلة هو بإخفاء ذلك الإسم وحذف المسافات ويمكن 

عمل هذا عبر الكود التالي أضفه فوق الوسم ]]></b:skin>

body#layout .section {
  background-color: transparent !important;
  border: 0 none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
body#layout .section h4 {display: none;}

 تم بحمد الله

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة لــ مدونة محترف مصر تعمل وبكل فخر بواسطة بلوجر