هل حدث لك هذا من قبل؟ لقد قمت بتثبيت البرنامج الإضافي، فهو يحتوي على الوظيفة الدقيقة التي تبحث عنها، لكنه... لا يعمل بشكل صحيح. حتى بعد تغيير كافة الإعدادات، فإنه لا يزال لا يتناسب مع موضوع WordPress الخاص بك. لذلك، بسبب هذا العيب الصغير، ربما تفكر في اختيار حل آخر.
ومع ذلك ، إذا كنت DIY صغيرًا ، وقد تكون قادرًا على إضافة كود CSS هنا وهناك لحل مشكلة على مدونتك ، فيمكنك إصلاحها ، لا سيما إذا كان البرنامج المساعد لا يعمل ليس صحيحًا ، المطور لا يقدم قسم CSS ، سيكون عليك القيام بذلك بنفسك.
سيسمح لك هذا البرنامج التعليمي بتحقيق ذلك عن طريق إضافة رمز بشكل صحيح على ملف وورد البرنامج المساعد.
ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق.
ثم عد إلى سبب وجودنا هنا.
أنماط CSS المخصصة = مزيد من التحكم في المظهر
تسمح لك أنماط CSS المخصصة بمعالجة مظهر العناصر المختلفة بما يتجاوز ما قصده المطور. اليوم ، تشتمل العديد من المكونات الإضافية المتطورة على خيارات تصميم مخصصة ، لكن المكونات الإضافية المجانية ليست دائمًا دقيقة بدرجة كافية في هذا الصدد.
خذ أحد أشهر المكونات الإضافية: الاتصال 7 نموذج. إنه يوفر قدرًا ضئيلًا جدًا من المناورة على جانب CSS. ومع ذلك ، بفضل CSS المخصص ، يمكنك تغيير جميع جوانب النماذج تمامًا.
ومع ذلك ، حتى المكونات الإضافية التي تحتوي على خيارات مفصلة لا تمنحك دائمًا القدرة على تخصيص كود CSS.
لذا ، فإن تعلم القليل من CSS وإضافته بأمان ، سيسمح لك بذلك لتكون قادرة على نموذج ما يمكن للزوار رؤية
لماذا تحتاج إلى إضافة كود CSS بشكل صحيح؟
أنت بالتأكيد لا تريد إضافة فوضى المغلق على موقع الويب الخاص بك. كما يعتقد العديد من المطورين ، هناك طريقة جيدة وسيئة لإضافة كود CSS إلى مدونتك.
اكتشاف لدينا 4 WordPress plugins لتخصيص CSS على مدونتك
عندما تقوم بإضافة أنماط CSS بالطريقة الصحيحة، فسوف تكون آمنة دائمًا حتى إذا قمت بتحديث قالب WordPress الخاص بك، وستتمكن من نسخها ولصقها بسهولة في قالب جديد إذا قررت تغيير قالبك.
انظر أيضا كيفية تخصيص CSS لموقع الويب الخاص بك WordPress
وعلى العكس من ذلك، فإن إضافتها بالطريقة الخاطئة سوف يجعل كود CSS الخاص بك أكثر عرضة للخطر وقد لا يكون فعالاً. بعضكم يستخدم قالب Divi WordPress. لذلك سأعرض لكم كيفية إضافة كود CSS على قالب WordPress هذا.
حيث لإضافة نمط CSS على Divi
لإضافة رمز CSS بأمان إلى Divi ، ستحتاج إلى الوصول إلى " موضوع خيارات في قائمة Divi الخاصة بك:
ثم ، في علامة التبويب "عام" (والتي ستكون علامة التبويب التي يتم تحميلها افتراضيًا) ، سوف تحتاج إلى التمرير إلى أسفل الصفحة. هناك ستجد قسم يسمى " CSS مخصصة ":
من الناحية الفنية ، كل ما عليك فعله هو إدخال رمز CSS المخصص هنا والنقر على " حفظ التغييرات ". ولكن ، لأننا نريد أن يكون نقلها أو نسخها أمرًا سهلاً حقًا ، فسنأخذها خطوة إلى الأمام. اكتشف البرامج التعليمية الأخرى على Divi من خلال الاستشارات أفضل مواردنا على Divi
نظرًا لأنك ربما أضفت بالفعل بعض الرموز المخصصة إلى Divi ، فسيساعدك ذلك على تنظيم CSS مخصص في هذا القسم. للقيام بذلك ، تحتاج إلى إضافة تعليق يقول شيئًا مثل " أنماط CSS ابدأ من هنا ". ثم يمكنك إضافة رمز CSS المخصص في هذا القسم.
لإضافة تعليق ، كل ما عليك فعله هو نسخ ولصق هذا الرمز:
/ * الأنماط CSS المساعد تبدأ هنا * /
لن يؤثر التعليق على أي شيء ، ولكنه سيساعدك في تنظيم أنماط CSS المخصصة المختلفة. ستحافظ Divi أيضًا على أنماط CSS المخصصة الخاصة بك آمنة أثناء التحديثات ، بحيث لا تقلق بشأن فقدها.
حيث لإضافة رمز CSS على غيرها من المواضيع وورد
إذا كنت تستخدم سمة WordPress مختلفة ، فستحتاج إلى إضافة رموز CSS المخصصة إلى سمة طفلك. إذا كنت لا تستخدم سمة تابعة ، أو لا تعرف ما هو عليه ، فأنا أدعوك لقراءة هذا البرنامج التعليمي: كيفية تثبيت سمة الطفل على وورد
على افتراض أنه تم إعداد سمة طفلك ، يمكنك تحريرها مباشرة في لوحة معلومات WordPress عن طريق الانتقال إلى " المظهر> المحرر '
تأكد من تغيير السمة الفرعية الصحيحة. يجب إجراء التغييرات على الملف " styles.css ".
ثم تحتاج فقط إلى إضافة CSS المخصص تمامًا كما فعلت من قبل. أولاً ، قم بإنشاء كتلة تعليق ، وأضف الكود الخاص بك:
لتلخيص
قبل الشروع في هذه المغامرة ، ستحتاج إلى بعض المعرفة بـ CSS. سوف تجد دورات مختلفة على الانترنت. تحتاج أيضًا إلى معرفة أن إضافة رمز لا يتعلق فقط بإضافة رمز. لتجد نفسك في تغييراتك ، ستحتاج إلى استخدام مجموعات التعليقات على سبيل المثال لإعطاء سبب لأي تغييرات في CSS.
اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress
يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.
نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.
1. Slider Pro
Slider Pro هو أحد أفضل ثلاثة بائعين في CodeCanyon. يوفر واجهة مستخدم نظيفة وبديهية في منطقة الإدارة وتجربة تصفح سلسة للمستخدمين والزوار.
إنه يتجنب التخيلات غير الضرورية ، والتي غالبًا ما تشكل عقبة أمام المستخدمين الذين يبحثون عن المعلومات التي يحتاجون إليها. بالإضافة إلى ذلك ، يركز على البساطة والأداء ، مع تقديم مجموعة واسعة من إمكانيات التخصيص.
اكتشف ايضا كيفية إنشاء عرض شرائح باستخدام Slider Revolution على WordPress
تعد إدارتها لعناوين URL على شريط البحث بالمتصفح إحدى الميزات التي ميزتنا في الأخير. كما يوحي الاسم ، هذا هو الحل الاحترافي الذي تحتاجه.
اقرأ أيضا لدينا ملحقات 5 WordPress لإنشاء أسئلة متكررة على مدونة
معالمه هي:الأمثل تسخير الصور ، صالتخصيص السهل ،تتدفق nimations ، صتخطيطات كثيرة هر أكثر من ذلك.
تحميل | تجريبي | استضافة المواقع
2. ARMember
ARMember هو وورد البرنامج المساعد حماية المحتوى. إنه حل فريد يتيح لك بيع الاشتراكات على أي موقع ويب. يحتوي على مجموعة كاملة من الأدوات التي تتيح لك ذلك حماية محتوياته كليا أو جزئيا.
ومن خصائصه الأخرى حقيقة أنه يقدم خيارًا مجانيًا محدودًا بعض الشيء من حيث الوظيفة. الحديث عن الميزات، وهذا قوي وورد البرنامج المساعد العروض من بين أمور أخرى: إمكانية خطة محتوياته، ودعم العديد من خطط الاشتراك ، والتكوين السهل ، والانتقال بين خطط الاشتراك المختلفة ، دعم WooCommerceعدة نماذج من أشكالوأكثر من ذلك بكثير.
بل هو أيضا مرجع في هذا المتخصصة.
تحميل | عرض | استضافة المواقع
3. WooCommerce السلة على أساس الشحن
عربة النقل البحري وبناء يسمح لك بتعيين أسعار شحن مختلفة بناءً على العناصر الموجودة لدى العميل في سلة التسوق الخاصة به. هناك ثلاث طرق للحساب: بالسعر الإجمالي ، بعدد العناصر في السلة ، وبالوزن.
على سبيل المثال ، كلما زاد الإجمالي الفرعي أو وزن السلة ، أو زاد عدد العناصر التي يشتريها العميل ، ارتفع معدل الشحن أيضًا.
انظر أيضا لدينا 10 WooCommerce plugins لإنشاء سيناريوهات الشحن
يمكنك أيضًا تعيين هذه الميزة لتكون متاحة فقط في بلدان معينة.
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.
- كيفية إخفاء الروابط التابعة على وورد
- كيفية الحفاظ على زوار موقعك لفترة أطول
- الإضافات 9 ورد لإدارة كتالوج المنتج
- ملحقات 5 WordPress لإنشاء أسئلة متكررة على مدونة
وفي الختام
هذا كل شيء! هذا كل ما في هذا البرنامج التعليمي الذي يوضح لك كيفية إضافة رمز CSS مخصص بأمان إلى WordPress. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
