it-swarm.asia

كيفية إضافة ملف المغلق المخصص في الموضوع؟

تطلب منك بعض السمات عدم تحرير ملف style.css ، بدلاً من ذلك استخدام ملف custom.css. إذا كتبت رمزًا على custom.css ، فستقوم بالكتابة فوق نفس نمط العنصر في style.css. أعتقد أن هذا يتم لمنع فقدان أنماط المستخدم في تحديث السمة ، هل هو كذلك؟

كيف يعمل هذا؟ هل تتضمن بالفعل ملف custom.css في نسقها؟ لكن كيف يتم تضمين هذا الملف في السمة بحيث يبحث عن النمط في custom.css أولاً؟ شكر.

11
jay

إن استخدامimport في WordPress لإضافة css المخصص لم يعد أفضل ممارسة ، ولكن يمكنك القيام بذلك باستخدام هذه الطريقة.

أفضل ممارسة هي استخدام الوظيفة wp_enqueue_style() في jobs.php.

مثال :

wp_enqueue_style ('theme-style', get_template_directory_uri().'/css/style.css');
wp_enqueue_style ('my-style', get_template_directory_uri().'/css/mystyle.css', array('theme-style'));
24
Fil Joseph

قم بتنشيط السمة الفرعية وأضف كود المثال التالي في function.php

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');

function child_enqueue_styles() {

wp_enqueue_style( 'reset-style', get_template_directory_uri() . '/css/reset.css', array());
}
2
Abhishek K R

سيكون اقتراحي هو استخدام الموضوعات الفرعية. من السهل جدًا تنفيذ كل التعديلات التي تجريها (بما في ذلك الأنماط) بمعزل تمامًا عن السمة الأصلية.

2
p.a.

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

https://codex.wordpress.org/Child_Themes

... ومع سهولة إعداد سمة فرعية ، لا يوجد سبب يدعو إلى عدم استخدام واحدة.

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

فيما يتعلق بملف custom.css ، فهناك العديد من الطرق التي يتعامل بها مطورو السمات مع هذا ... والكثير منهم يقومون بذلك ببساطة لمحاولة منع العملاء الذين لا يريدون استخدام سمة فرعية ، من تحرير ملف style.css الرئيسي ....

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

0
sMyles

انتقل إلى المظهر> تحرير CSS من لوحة معلومات WordPress الخاصة بك.  enter image description here 

هنا هي الشاشة مع محرر CSS الأساسي.  enter image description here 

الآن لصق CSS الخاص بك مباشرة إلى النص الافتراضي. يمكنك حذف النص الافتراضي حتى يظهر CSS فقط في المحرر. ثم قم بحفظ ورقة الأنماط وسيتم بث CSS الخاص بك.

0
suthanalley

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

( رمز الكود:

function add_theme_scripts() {
    wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css' );
    wp_enqueue_style ( 'custom', get_template_directory_uri () . '/css/custom.css', array( 'style' ) );
}
add_action ( 'wp_enqueue_scripts', 'add_theme_scripts' );

يرجى الملاحظة :

المعلمة الثالثة هي صفيف التبعية الذي يشير إلى ما إذا كانت ورقة الأنماط هذه تعتمد على ورقة أنماط أخرى أم لا. لذلك ، في custom.css الرمز أعلاه لدينا يعتمد على style.css

|
معلومات أساسية إضافية:
wp_enqueue_style() function قد تحتوي على 5 معلمات: مثل هذه الطريقة - wp_enqueue_style ($ handle، $ src، $ deps، $ ver، $ media
في العالم الحقيقي لـ WP الترميز ، عادةً ما نضيف أيضًا مكتبات javascript/jQuery files داخل هذه الوظيفة كما يلي:

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

المعلمة الخامسة صواب/خطأ اختيارية (المعلمات الثانية والثالثة والرابعة هي أيضًا اختيارية.) ولكنها ضرورية جدًا ، فهي تتيح لنا وضع نصوصنا النصية في التذييل عندما نستخدم المعلمة المنطقية على أنها صحيحة.

0
perfectionist1

إذا كنت ترغب في ترك HTML الخاص بك على طول. يمكنك إضافة هذا إلى ملف css الخاص بك. أعتقد أن هذا أفضل.

@import url("../mycustomstyle.css");

أيضا اعتمادا على الموضوع الخاص بك وسوف تعمل مع المواضيع الطفل والأم.

- ضع في اعتبارك أن css يعمل بشكل متسلسل (عند استخدام نفس المستوى من المعرف ، المستخدم بالفعل) ، لذا فإن ما هو آخر في ملفك سيتم الكتابة عليه. لذا ضع استيراد customstyle الخاص بك في الأسفل إذا كنت تريد تجاوز الأشياء.

0
woony