كيفية إضافة سمة فرعية إلى صفحات معينة على موقع WordPress الخاص بك

نشرت: 2022-10-16

تعد إضافة سمة فرعية إلى صفحات WordPress معينة طريقة رائعة لضمان الحفاظ على تخصيصاتك آمنة عند إجراء تحديثات على القالب الرئيسي. اتبع الخطوات أدناه لمعرفة كيفية إضافة سمة فرعية إلى صفحات معينة على موقع WordPress الخاص بك. 1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك وانتقل إلى لوحة الإدارة. 2. تحت عنوان المظهر ، انقر فوق السمات. 3. في صفحة السمات ، انقر فوق الزر "إضافة جديد". 4. اكتب اسم السمة الفرعية التي ترغب في تثبيتها في مربع البحث واضغط على مفتاح Enter. 5. انقر على زر التثبيت للموضوع الفرعي الذي ترغب في تثبيته. 6. بمجرد تثبيت السمة الفرعية ، انقر فوق الزر تنشيط. 7. الآن بعد أن تم تنشيط السمة الطفل ، يمكنك البدء في تخصيصها بما يناسب قلبك! إذا كنت ترغب في إضافة سمة فرعية إلى صفحات معينة على موقع WordPress الخاص بك ، فما عليك سوى اتباع الخطوات المذكورة أعلاه. ضع في اعتبارك أن أي تخصيصات تجريها على السمة الفرعية ستفقد إذا قمت بالتبديل إلى سمة مختلفة ، لذا تأكد من عمل نسخة احتياطية من عملك بانتظام.

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

في تثبيت WP ، ستجد سمات فرعية في منطقة الملحقات / السمات. المتطلبات الوحيدة هي اسم القالب والقالب. يجب أن تكون على يقين من أن موضوعك جاهز قبل نشره ، وهو ما لا أرغب في القيام به. يتيح لك ملف function.php إضافة ميزات ووظائف إلى موقع WordPress على الويب. الملف سهل الإنشاء مثل إنشاء ورقة أنماط. إذا كنت لا تريد أن تقوم PHP بتعديل السمة الخاصة بك ، فيمكنك جعلها مستقلة تمامًا عنها. إذا كنت تستخدم موضوعًا رئيسيًا ، فمن المحتمل أن يكون لديك فكرة جيدة عن شكل موقع الويب الخاص بك.

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

يجب أن يتضمن النسق الفرعي نفس بنية المجلد مثل الأصل. إذا كنت تريد تعديل ملف في مجلد يسمى قوالب الصفحات في النسق الرئيسي ، يمكنك إنشاء مجلد في دليل النسق الفرعي يسمى قوالب الصفحات. لإنشاء قالب الصفحة المخصص الخاص بنا ، ما عليك سوى نسخ ملف page.html الخاص بالقالب الأصلي وإعادة تسميته إلى custom-full-width.html. في footer-custom.php ، نقوم بتضمين فئة العرض الكامل إلى عنصر التذييل ، كما هو موضح في الصورة أدناه. نحتاج الآن فقط إلى إدخال بعض التعليمات البرمجية في ورقة الأنماط الخاصة بنا. في هذه الصفحة ، قمنا بعرض موقعنا بالكامل. دعنا نعود إلى العمل كالمعتاد.

تعد خطافات السمة طريقة رائعة لتخصيص سمة فرعية دون الحاجة إلى تحرير الملفات الأساسية. خطافات السمات هي ملفات صغيرة تحتوي على محتوى ووظائف وملفات أخرى يمكنك إضافتها إلى سمة بسهولة. يتم تصنيف الخطافات إلى نوعين: خطافات الحركة وخطافات المرشح. يضيف خطاف الإجراء وظائف مخصصة للوظائف الحالية ؛ تعمل خطافات المرشح على تغيير موقع وظيفة الخطاف. من السهل إنشاء سمة فرعية في WordPress ، ببساطة عن طريق تكرار سطر واحد من التعليمات البرمجية. يحتوي موضوع Twenty Fifteen على وظيفة ائتمان التذييل ، وهذه هي الوظيفة التي نحاول استهدافها في هذه الحالة. في حالة اختيارك لـ function.php ، من فضلك لا تنس حذف ملف footer.php المعدل في قالب طفلك.

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

هل يمكن أن يحتوي WordPress على سمات متعددة على موقع ويب واحد؟

الائتمان: WPBeginner

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

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

ما هو الفرق بين موضوع الطفل وموضوع الأصل؟

الائتمان: ديلي ميل

وفقًا لـ WordPress Codex ، فإن القالب الفرعي هو سمة "ترث وظيفة وتصميم قالب آخر ، الموضوع الأصلي". إذا كنت ترغب في تعديل السمات الفرعية الموجودة ، فيجب عليك الاحتفاظ بتصميم ورمز تلك السمات.

إنها سمة عبارة عن نسخة من السمة الأصلية ، ولكنها لا تحتوي على جميع الملفات المطلوبة للعرض. يمكنك تغيير السمة الفرعية أو ملفات style.html أو function.php وفقًا لاحتياجاتك واهتماماتك الخاصة. يسهل على المطورين والمصممين تخصيص السمة والاحتفاظ بالقالب الأصلي. يتم إنشاء موضوعات الأطفال لمعالجة الجوانب الصغيرة للموضوع الرئيسي مع الالتزام أيضًا بتصميم الموضوع الأصلي. إذا كان لديك موضوع فرعي ، فيمكنك توفير الوقت وتعلم الأشياء بسرعة لأنه لا يحتوي على العديد من الملفات ويحتوي فقط على ملفين. كما أنه يساعد في تصحيح أخطاء البرنامج لأنه لا يتطلب منك البحث في الكثير من المعلومات. يختلف موضوع الوالدين عن السمة الفرعية من حيث أنه يمكن استخدامه للعمل واللعب. لا يحتوي النسق التابع على كافة الملفات ؛ يحتوي فقط على ملفين - style.css و function.php. إذا كان المظهر الخاص بك مفتوح المصدر ، فستتمكن من متابعة العمل عليه حتى بعد أن لم يعد المطور يدعمه.

هناك طريقتان لإنشاء موضوع فرعي. يمكن استخدام قالب WordPress الفرعي. يمكنك رؤية ميزة السمة الفرعية بالانتقال إلى My Theme في منطقة الإدارة الرئيسية ثم النقر فوق Themes. في صفحة السمات ، يمكنك إدخال اسم السمة الأصلية (على سبيل المثال ، افتراضي) ثم النقر على رابط السمات الفرعية في الشريط الجانبي. يجب أن يكون موضوعك موجودًا في دليل WP-content / theme. تتمثل الخطوة الأولى في إنشاء سمة فرعية في إنشاء دليل جديد (على سبيل المثال ، موضوع فرعي) ، ثم نسخ الملفات من السمة الرئيسية (في هذه الحالة ، افتراضي) إلى الدليل الجديد.

موضوع الطفل وورد

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

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

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

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

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

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

ما هو الفرق بين الموضوع والموضوع الفرعي في WordPress؟

عندما يتعلق الأمر بمواضيع الوالدين ، فإن العكس ليس صحيحًا ؛ لا تتطلب موضوعًا فرعيًا. من ناحية أخرى ، تعد السمات الفرعية طبقة مضافة إلى السمة الأصلية. بدون الحاجة إلى التخصيص ، يمكن للمطور إضافة أو تخصيص سمة WordPress جديدة.

هل يحتاج WordPress إلى موضوع الطفل؟

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

كيفية إنشاء موضوع الطفل

السمة الفرعية هي سمة WordPress التي ترث وظيفتها من سمة WordPress أخرى ، تسمى السمة الأصلية. غالبًا ما يتم استخدام السمات الفرعية عندما تريد إجراء تغييرات على سمة WordPress موجودة دون فقد القدرة على تحديث القالب الأصلي. لإنشاء سمة فرعية ، تحتاج إلى إنشاء دليل جديد لموضوع الطفل الخاص بك داخل دليل سمات WordPress (wp-content / theme /). داخل دليل القالب الفرعي الخاص بك ، تحتاج إلى إنشاء ملفين: style.css و function.php. ملف style.css هو المكان الذي ستضيف فيه أي كود CSS تريد تجاوزه من السمة الرئيسية. على سبيل المثال ، إذا كنت تريد تغيير لون النص ، يمكنك إضافة الكود التالي إلى ملف style.css: p {color: red؛ } ملف functions.php هو المكان الذي يمكنك من خلاله إضافة الوظائف التي ستتجاوز وظائف النسق الرئيسي. على سبيل المثال ، إذا كنت تريد تغيير طريقة عرض عناوين المنشورات ، يمكنك إضافة الكود التالي إلى ملف function.php: function my_theme_setup () {add_theme_support ('title-tag')؛ } add_action ('after_setup_theme'، 'my_theme_setup') ؛

السمة الفرعية هي سمة WordPress تم إنشاؤها بنفس طريقة القالب الأصلي ، والذي له نفس الوظائف والميزات والأسلوب. تعد السمات الفرعية مكانًا ممتازًا للبدء عندما يتعلق الأمر بتخصيص سمات WordPress. سيرشدك هذا البرنامج التعليمي خلال عملية إنشاء قالب تابع لـ WordPress. في هذا البرنامج التعليمي ، سنرشدك خلال خطوات إنشاء سمة فرعية أساسية لتثبيت WordPress الخاص بك. عندما يتعذر إنشاء أول ملفين ، يمكن استخدام طريقة البرنامج المساعد. يعد Child Theme Configurator مكونًا إضافيًا يمكّنك من إنشاء السمات الفرعية وتخصيصها بسرعة باستخدام WordPress. من خلال إنشاء مجلد وتحميل ملفات style.css و function.php ، يمكنك تخصيص المظهر الخاص بك لاحقًا.

قبل تنشيط السمة ، يجب عليك معاينتها والتأكد من أنها تبدو جيدة ولا تؤدي إلى كسر الموقع. قد يكون من الصعب التعود على فحص كود HTML و CSS على صفحة الويب. الكود موجود في مكان ما في ملف style.css للقالب الأصلي ؛ يمكنك البحث في Chrome أو Firefox Inspector للعثور عليه. عندما قمنا بتغيير لون الخلفية على موقع ويب ، كان الرمز الأصلي هو-color-background. يمكن استخدام هذا المتغير في أماكن متنوعة في جميع أنحاء الموضوع. يحتوي style.css للنسق الأصل على نطاق واسع من متغيرات الألوان. ستكون قادرًا على تخصيص سمة طفلك بسرعة وسهولة باستخدام هذه المتغيرات.

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

كيفية إضافة Css مخصص في قالب الطفل WordPress

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

بمجرد إنشاء قالب فرعي ، يمكنك البدء في تخصيص تصميمه وتكوينه. تعد ورقة الأنماط المتتالية (CSS) طريقة سهلة لتغيير تصميم المظهر الخاص بك. يوجد ملف يسمى style.css في كل سمة فرعية يخزن القواعد التي تحكم مظهر موقعك. إذا كنت مبتدئًا ، فإن معظم متصفحات الويب تسمح لك بفحص CSS لموقع الويب الخاص بك أثناء التصفح. يعطي WordPress الأولوية لملفات السمات الفرعية على ما يقابلها في مجلد القالب الأصلي عندما يتعلق الأمر بتحديد أولويات ملفات السمات الفرعية. يمكن تكوين رأس الصفحة وتذييلها وتخطيط الصفحة لموقع الويب الخاص بك بملفات قائمة بذاتها. يتم تضمين الملفات الموجودة في مجلد النسق الفرعي فقط في العرض التقديمي لموقع الويب الخاص بك ، ولن يتم تضمينها في مجلد النسق الرئيسي.