1

استفسار عن توزيع ملفات الـ CSS في الـ Wordpress

أسعد الله أوقاتكم،

أعمل حالياً على برمجة قالب Wordpress، اطّلعتُ على قالب Twenty Thirteen وجدت أن ستايل القالب بأكمله موضوع في ملف واحد وهو style.css.

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

الإستفسار: كيف يُمكنني فصل ملفات الـ CSS ، بحيث يكون هناك ملف عام للقالب، وملفات أخرى مخصصة حسب الصفحة، فمثلاً للـ Single ستايل خاص، وللـ 404 ستايل في ملف آخر.

علماً أن الـ header.php ، مشترك بين جميع صفحات القالب.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

4
assassinateur أضف ردا

الأمر بسيط حقا وستقوم به عبر ملف functions

وهو انشاء جملة شرطية بحيث تدرج الملف حسب الصفحة، هكذا

if (is_404()) {
    wp_enqueue_style( '404-style', get_template_directory_uri() . 'css/404-style.css' );
}

تستطيع استبدال is_404() بأي دالة أخرى لتفي الشرط، مثلا is_single او is_page او is_term

تستطيع مشاهدة جميل الدوال الشرطية هنا

1
khaledhoty أضف ردا

ها أنت هنا، كنت أنتظر ردّك صدقاً :)

أعلم أن الأمر بسيط، وكنت أفكر في استخدام الدول الشرطية في الـ header.php ولكن المشكلة أنه سيُصبح مكتظا بالكود .. لذلك كنت أبحث عن الطريقة المثالية، أو طريقة أفضل. ووجدتها!

فشكراً لك ..

3
assassinateur أضف ردا

أيضا لا ينصح إطلاقا ادراج ملفات style او js مباشرة في html بل يجب دوما ادراجها عبر wp_enqueue_style wp_enqueue_script

1
a_alakkad أضف ردا

أولاً استخدم دوماً wp_register_style و wp_enqueue_style ولا تضع الروابط بشكل يدوي.

ثانياً يمكنك استخدام الطريقة التي ذكرها الإخوة في التعليقات.

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

رابعاً إن كنت مصرّاً على استخدام ملفات منفصلة لكل صفحة، فاستخدم إضافة لتجميع هذه الملفات بملف واحد (برمجياً) مثل WP Minify.

-1
محمد أضف ردا

الأمر بسيط

استدعاء ملف style.css للقالب الأصلي يكتب بهذا الشكل

.

<link rel='stylesheet' id='twentythirteen-style-css'  href='

http://wp-themes.com/wp-con... type='text/css' media='all' /> المصدر http://wordpress.org/themes...

. أضف تحته أي عدد من ملفات css تريد استدعائها مثل:

وهكذا

-1
محمد أضف ردا

هناك جزء من التعليق غير ظاهر هنا

لا أدري ما السبب الحقيقي ولكني أرجح أنه خطأ في ترجمة markup

هذا الكود المخفي

أضف تحته أي عدد من ملفات css تريد استدعائها مثل: 

<link rel='stylesheet' href='path_to/custom_style.css' type='text/css' media='all' />
<link rel='stylesheet' href='path_to/another_style.css' type='text/css' media='all' />
3
assassinateur أضف ردا

لن يكون هذا عمليا لان header مشترك بين جميع الملفات وفي كل الموقع

5
محمد أضف ردا

صحيح

اعتذر عن الخطأ