لقد أصدرنا كتابًا جديدًا بعنوان تسويق محتوى الوسائط الاجتماعية: كيفية الوصول إلى عقول متابعيك وجعلهم يقعون في حب علامتك التجارية.

يشترك

يعتمد عمل موضوعات الأطفال ("البنات") على علاقتهم بموضوعات الوالدين ("الآباء"). من المهم أن نأخذ في الاعتبار أن الموضوعات المجانية والمدفوعة هي في البداية للوالدين، وبالتالي تقوم الابنة بنسخ معلماتها وخصائصها، وتتلقى أيضًا مجموعة قياسية من وظائفها. في المستقبل، مع الأخذ في الاعتبار احتياجات مورد إنترنت معين، يمكن توسيع مجموعة هذه الخيارات.

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

ما الفرق بين "الابنة"

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

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

هل هو مناسب للعمل

يعد قالب WordPress الفرعي فكرة رائعة مع مجموعة واسعة من الفوائد. شخصيًا، نوصي باستخدامه بشكل قياسي مع المنتجات المتميزة. دعونا نذكر فقط بعض المزايا:

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

نظرًا لأن هذا استمرار للأصل، فإن مجموعة الميزات والوظائف متطابقة هنا. المكونات الرئيسية:

1. الدليل (المجلد/موقع مكونات الملف).
2. "style.css"، حيث يتم تحديد الخصائص الرئيسية والإضافية.
3. "functions.php"، حيث يتم كتابة تعريف الوظائف.

لا توجد قيود على إضافة القوالب، ولكن يجب أن تكون المكونات المدرجة موجودة في أي منها.

عملية

تتم ترجمة "Daughters" في المجلد الخاص بها وتتميز بـ "functions.php" و"style.css" المنفصلين. يمكنك دائمًا كتابة الملفات المساعدة، ولكن هذا الزوج مسؤول عن حسن سير العمل - دون حدوث أعطال أو مشاكل.

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

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

كيف تنشأ

أولاً، تحقق مما إذا كان لديك كل ما تحتاجه تحت تصرفك. وهي الوصول إلى FTP أو مدير الملفات، والوصول المفتوح إلى لوحة تحكم WordPress نفسها. اذا هيا بنا نبدأ.

الخطوة رقم 1. إنشاء موضوع ووردبريس للأطفال

هذه عملية بسيطة إلى حد ما. إذا اتبعت التعليمات بالتفصيل، فيمكن لأي مستخدم إتقانها.

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

على سبيل المثال، لنأخذ "Twenty Seventeen" المألوف لدى الكثيرين كأساس. أفضل العمل مع مدير الملفات، لذلك يبدو المسار إلى المجلد الذي تم إنشاؤه كما يلي:

نقوم بما يلي:

من المؤكد أنك مقتنع بأن الخلق عملية سهلة. كل ما عليك فعله هو اتباع التعليمات بدقة والعمل بالطريقة الصحيحة.

الخطوة رقم 2. إعدادات

للبدء، وتعديل، واستكمال، وتكييف "الابنة" مع طلبات ومتطلبات موقعك، تحتاج إلى ضبط الإعدادات بشكل صحيح. سنتعامل معها بالترتيب.

1. تحتاج أولاً إلى تخصيص المظهر.

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

الصورة التالية توضح كيف سيتغير تصميم الموقع بعد إجراء التعديلات. أصبحت الخلفية خضراء فاتحة:

بهذه الطريقة يمكنك تعديل أي عناصر موجودة على الموقع.

2. العمل مع الوظائف.

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

لإضافة خيار جديد، يتم أيضًا كتابة كود PHP جديد في الملف. على سبيل المثال، الكود أدناه سوف يزيل خيار البحث في WordPress.

خدمات خاصة لتسهيل عمل المطور

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

1. الطفل ثيمافي.

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

2. تكوين موضوع الطفل.

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

3._النموذج النموذجي لموضوع الطفل.

فيما يلي قوالب جاهزة لتكوين "البنات". تمت تسمية القالب ببساطة - "_child" - وهو مصمم خصيصًا لتبسيط العمل. يقدم القالب سمة بديهية ويتطلب منك فقط تقديم رابط إلى "الوالد". يتيح لك هذا النوع من القوالب إنشاء خيارات احترافية - تم بالفعل إنشاء ملفين جاهزين هنا، "functions.php" القياسي و"style.css".

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

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

إليك الكود الذي يمكنك من خلاله إضافة هذا الخيار:

يحتوي الملف الثاني على رأس أساسي يحتوي على معلومات خاصة. تسمح هذه المعلومات لـ WordPress بالتعرف عليها باعتبارها ورقة أنماط "فرعية". لذلك، من المهم بشكل خاص كتابة الكود الخاص بـ “style.css”:

دعونا نلخص

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

قم بالتجربة وجرب خيارات مختلفة وابحث عن الأفضل لنفسك.

السمة الفرعية هي سمة ترث وظيفة وتصميم سمة أخرى تسمى "الأصل". السمة الفرعية هي طريقة موصى بها من قبل مطوري WP لتعديل السمة الموجودة لتناسب احتياجاتك.

لماذا استخدام موضوع الطفل؟

هناك عدة أسباب وراء رغبتك في استخدام قالب فرعي:

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

كيفية إنشاء موضوع ووردبريس للأطفال

يتكون القالب الفرعي من مجلد واحد على الأقل (دليل القالب الفرعي) وملفين (style.css وfunctions.php) ستحتاج إلى إنشائهما. لذلك، سوف تحتاج إلى:

• دليل موضوع الطفل
• style.css
• وظائف.php

الخطوة الأولى هي إنشاء دليل للقالب الفرعي، والذي سيكون موجودًا في مجلد wp-content/themes. من المستحسن أن ينتهي اسم دليل القالب الفرعي باللاحقة "-child" (على الرغم من أن ذلك ليس مطلوبًا، خاصة إذا كنت تقوم بإنشاء القالب للاستخدام العام).

تحتاج أيضًا إلى التأكد من عدم وجود مسافات في اسم الدليل للموضوع الفرعي، وإلا فسيتسبب ذلك في حدوث خطأ. في لقطة الشاشة أعلاه، اسم السمة الفرعية لدينا هو "twentyfifteen-child"، مما يعني أن السمة الأصلية هي خمسة وعشرون.

الخطوة التالية هي إنشاء ملف نمط للموضوع الفرعي (style.css). يجب أن تبدأ ورقة الأنماط بالمعلومات التعريفية التالية:

/* اسم السمة: عنوان URI لموضوع Twenty Fifteen Child: http://example.com/twenty-fifteen-child/ الوصف: مؤلف موضوع Twenty Fifteen Child: عنوان URI للمؤلف John Doe: http://example.com القالب: إصدار tyuntyfifteen: 1.0.0 الترخيص: GNU General Public License v2 أو أحدث URI للترخيص: http://www.gnu.org/licenses/gpl-2.0.html العلامات: فاتح، داكن، عمودان، الشريط الجانبي الأيمن، تخطيط سريع الاستجابة، مجال نصي جاهز للوصول: خمسة وعشرون طفلاً */

اسم الموضوع: خمسة وعشرون طفلاً عنوان URL للموضوع: http://example.com/twenty-fifteen-child/ الوصف : موضوع خمسة وعشرون طفلا عنوان URL للمؤلف: http://example.com القالب: خمسة وعشرون الإصدار: 1.0.0 الترخيص: رخصة جنو العامة الإصدار 2 أو الأحدث عنوان URI للترخيص: http://www.gnu.org/licenses/gpl-2.0.html العلامات: فاتح، داكن، عمودين، الشريط الجانبي الأيمن، تخطيط سريع الاستجابة، جاهز لسهولة الوصول مجال النص: خمسة وعشرون طفلاً

معلومات هامة يجب أن تكون على علم بها:

• ستحتاج إلى استبدال النص الموجود في هذا المثال بناءً على موقفك.
• يتوافق سطر "القالب" مع اسم دليل السمة الأصلي. في مثالنا، الموضوع الأصلي هو Twenty Fifteen، وبالتالي فإن سطر "Template" يحتوي على "twentyfifteen". قد يكون لحالتك موضوع مختلف، لذا قم بالتعديل وفقًا لذلك.
• من حيث المبدأ، يعد ملف النمط (style.css) كافيًا بالفعل لإنشاء سمة فرعية. ومع ذلك، لوضع قائمة انتظار تحميل ملفات الأنماط بشكل صحيح، ستحتاج إلى ملف function.php (انظر أدناه).

الخطوة الثالثة والأخيرة هي وضع ملفات النمط الأصل والفرع في قائمة الانتظار.

لاحظ أن الطريقة السابقة تضمنت استيراد الأنماط الأصلية باستخدام التوجيه @import. وهذه ممارسة عفا عليها الزمن الآن.

كيفية تحميل الأنماط بشكل صحيح وصحيح

الطريقة الصحيحة لإدراج ملف الأنماط الأصلية هي الإضافة خطاف(أو باللغة الإنجليزية، فعل) كوظيفة wp_enqueue_scripts.

تتضمن هذه الطريقة أيضًا استخدام الدالة wp_enqueue_style() في ملف jobs.php التابع. لذلك تحتاج إلى إنشاء هذا الملف في دليل السمة الفرعية الخاص بك.

يبدأ السطر الأول من ملف function.php التابع بعلامة PHP المفتوحة (

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

add_action("wp_enqueue_scripts", "theme_enqueue_styles"); وظيفة theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )

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

add_action("wp_enqueue_scripts", "theme_enqueue_styles"); دالة theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); wp_enqueue_style("child-style", get_stylesheet_directory_uri() . "/style.css", array("parent-style" "));)

add_action ("wp_enqueue_scripts"، "theme_enqueue_styles")؛ وظيفة theme_enqueue_styles() ( wp_enqueue_style ("parent-style" , get_template_directory_uri () . "/style.css" ) ; wp_enqueue_style("نمط الطفل" , get_stylesheet_directory_uri(). "/style.css" , صفيف ("النمط الأصلي")

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

مهم: بعد التنشيط ستحتاج إلى إعادة حفظ القائمة الخاصة بك ( مظهر > قائمة طعامأو مظهر > نغم> قائمة طعام) وخيارات السمة، بما في ذلك صورة الخلفية وصورة الرأس، إذا تم توفيرها بواسطة السمة الأصلية.

ملفات القالب

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

على سبيل المثال، إذا كنت تريد تغيير كود PHP لرأس موقعك، فيمكنك تضمين ملف header.php في دليل السمة الفرعية لديك، وسيتم استخدام هذا الملف بدلاً من header.php الخاص بالقالب الأصلي.

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

باستخدام وظائف.php

على عكس style.css، لا يتجاوز ملف jobs.php الخاص بالقالب الفرعي النسخة الأصلية. على العكس من ذلك، فهو بمثابة إضافة إليه (بتعبير أدق، يتم تحميله قبلنسخة الوالدين).

وبالتالي، توفر jobs.php الخاصة بالقالب الفرعي طريقة ذكية وخالية من المتاعب لتغيير وظائف القالب الأصلي. لنفترض أنك تريد إضافة وظيفة PHP إلى القالب الخاص بك. أسرع طريقة هي فتح ملف jobs.php الخاص بموضوعك ووضع الوظيفة هناك. لكن هذا ليس بالأمر الذكي: في المرة التالية التي يتم فيها تحديث السمة، ستختفي وظيفتك ببساطة.

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

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

" . "\n"; ) add_action("wp_head", "favicon_link");

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

إذا (! function_exists("theme_special_nav")) ( function theme_special_nav() ( // افعل شيئًا. ) )

في هذه الحالة، يمكن للقالب الفرعي أن يحل محل وظيفة PHP الأصلية عن طريق الإعلان عنها مسبقًا.

بما في ذلك الملفات في موضوع طفلك

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

فيما يلي مثال لاستخدام البنية require_once التي توضح كيف يمكنك استخدام get_stylesheet_directory عندما تحتاج إلى الارتباط بملف مخزن في بنية سمة فرعية.

require_once(get_stylesheet_directory() . "/my_included_file.php");

require_once (get_stylesheet_directory () . "/my_included_file.php" ) ;

معلومات مفيدة إضافية

استخدام تنسيقات النشر

يرث السمة الفرعية تنسيقات النشر المحددة في السمة الأصلية. عند إنشاء قالب فرعي، انتبه إلى أن استخدام add_theme_support("post-formats") سيتجاوز التنسيقات المحددة في القالب الأصلي، بدلاً من الإضافة إليها.

دعم RTL (الكتابة من اليمين إلى اليسار)

لدعم لغات RTL، قم بإضافة ملف rtl.css إلى قالبك الفرعي. يحتوي على:

/* اسم الموضوع: قالب الطفل الرابع والعشرون: أربعة وعشرون */

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

ما هو موضوع ووردبريس الطفل؟

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

معنى:تم تصميم السمة الفرعية (CT) بشكل أساسي لتحرير السمة الأصلية (التي تم تنشيطها حاليًا) بشكل صحيح. سيسمح لك استخدام هذه الطريقة بحفظ جميع التغييرات التي تم إجراؤها على السمة الأصلية (PT) في المرة التالية التي يتم فيها تحديثها.

فائدة:هائل. لأن هذا هو القرار الصحيح في أي تغييرات على RT.

كيفية إنشاء سمة فرعية في ووردبريس

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

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

بعد تنشيط وحدة "الموضوع الفرعي بنقرة واحدة"، انتقل إلى علامة التبويب "المظهر - المظهر الفرعي". هناك ثلاثة حقول يجب ملؤها في هذه الصفحة:

كيفية العمل مع موضوع الطفل

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

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

أنماط التصميم (style.css).لتتمكن من تحرير أنماط السمة الرئيسية مباشرةً في السمة الفرعية، يجب عليك أولاً استيرادها من خلال ملف style.css أو ملف jobs.php. وإلا فلن تحدث تغييرات. ويتم ذلك على النحو التالي:

CSS @ استيراد

/* اسم السمة: Child-my-theme الوصف: سمة الطفل

وظيفة

Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); الوظيفة my_theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )

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

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

مرحبًا بالجميع، اليوم أريد أن أخبركم عن ميزة رائعة لمحرك WordPress - السمة الفرعية. في نهاية المنشور، سأعرض مثالاً لكيفية إنشاء سمة فرعية لـ Wordpress بناءً على قالب جاهز، ولكن الآن أريد أن أشرح سبب الحاجة إلى سمة Wordpress الفرعية.

التنقل في الصفحة:

ما هو موضوع WordPress الفرعي ولماذا هو مطلوب؟

قالب ووردبريس الفرعي هو قالب يتم استخدامه في ووردبريس لتعديل أو توسيع وظائف القالب الأصلي (الرئيسي).

يتيح لك استخدام قالب Wordpress الفرعي إمكانية تغيير أنماط CSS ورموز HTML وjavascript بشكل كامل، بالإضافة إلى كود PHP أو وظائفه الفردية دون التدخل في قالب المؤلف. ببساطة، بعد تعديلاتنا، سنكون قادرين على تحديث القالب الذي تم تنزيله أو شراؤه دون فقدان تعديلاتنا ووظائفنا.

لنفترض أننا اشترينا سمة مدفوعة مع تحديثات ودعم مجاني لمدة عام. نحن بحاجة إلى إنشاء موقعنا على أساس موضوع جاهز + إجراء تغييرات طفيفة على الأنماط.

أول ما يتبادر إلى ذهنك (وهذا خطأ): عليك أن تأخذ أنماطك وتكتبها في ملف style.css. بهذه الطريقة سنحصل على النتيجة المطلوبة، ولكن:

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

حلقة مفرغة؟ - ليس حقًا، ليس عليك تحديث الموضوع ولا تتصل بالدعم :)

نصيحة جيدة أليس كذلك؟؟

في هذه الحالة، يمكن لموضوع WordPress الفرعي أن يساعدنا. نحن ببساطة نضع سمة نظيفة (بدون تعديلات) تم شراؤها في wp-content/themes، وننشئ أيضًا سمة فرعية ونضع الملف الوحيد: style.css (مطلوب).

فوائد استخدام موضوع ووردبريس الطفل

(اضغط على الأرقام لرؤية كافة المزايا)

• يرث قالب Wordpress الفرعي جميع وظائف وقدرات القالب الأصلي + ويسمح لك بإضافة وظائف وإمكانات موجودة لديك أو استبدالها.

  بعد تفعيل السمة الفرعية في لوحة الإدارة، سنرى أنها تعمل بشكل مشابه للموضوع الأصلي.

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

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

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

لإنشاء سمة WordPress فرعية، نحتاج فقط إلى استيفاء بعض الشروط:

1. قم بإنشاء دليل باسم مخصص.
2. في هذا المجلد، قم بإنشاء ملف style.css بنص خاص. (سأظهر لك أدناه)

أوجه انتباهكم إلى تعليمات موجزة حول كيفية إنشاء قالب ووردبريس فرعي لموضوع Twenty Sixteen، والذي تم تضمينه في قاعدة WP الجديدة.

تعليمات موجزة حول كيفية إنشاء سمة WordPress فرعية

سيؤدي النقر على الأرقام أدناه إلى نقلك إلى الخطوة التالية.

إنشاء موضوع فرعي لـ WordPress

وهذا ما يبدو عليه موقعنا الآن:

أقترح تغيير لون العناوين في الأداة الموجودة على اليمين. للقيام بذلك، نحتاج إلى إضافة الكود التالي إلى أنماط السمات الفرعية:

القطعة h2.widget-title(اللون:#228E4F;)

هذا ما تبدو عليه تعديلات النمط:

وهذه نتيجة تعديلاتنا:

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

1) قم بإنشاء ملف jobs.php.

2) أكتب فيه الكود التالي :

__("الشريط الجانبي"، "twentysixteen")، "id" => "sidebar-1"، "description" => __("أضف عناصر واجهة المستخدم هنا لتظهر في الشريط الجانبي الخاص بك."، "twentysixteen")، "before_widget" = > ""، "after_widget" => ""، "before_title" => "

",)); unregister_sidebar("sidebar-2"); Register_sidebar(array("name" => __("Content Bottom 1", "twentysixteen"), "id" => "sidebar-2", "description" => __("يظهر أسفل محتوى المشاركات والصفحات.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => " ",)); unregister_sidebar("sidebar-3"); Register_sidebar(array("name" => __("Content Bottom 2", "twentysixteen"), "id" => "sidebar-3", "description" => __("يظهر أسفل محتوى المشاركات والصفحات.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => " ",)); } ?>

نحن هنا نقوم بشيء بسيط للغاية، وهو إزالة جميع الأشرطة الجانبية المسجلة بواسطة السمة الأصلية unregister_sidebar("sidebar-3"); وقم بتحميل الكود الجديد لإنشاء الأشرطة الجانبية، والذي أخذناه من القالب الأصلي. هذا كل شئ. دعونا نرى النتيجة:

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

الاختلافات بين سمات WordPress الخاصة بالوالدين والطفل

والفرق بين هذه المواضيع هو في منطق العمل:

إذا لم يتم تضمين الملف في القالب الفرعي، فإن WordPress يحاول العثور عليه في القالب الأصلي

إذا كان هناك ملف آخر غير function.php في القالب الفرعي، فإنه يستبدل ملفًا مشابهًا في القالب الأصلي

شكرًا لكم جميعًا على اهتمامكم، ربما هذا هو كل ما لدي، نشارك المقال مع أصدقائنا

، اكتب التعليقات :)

السمة الفرعية لـ WordPress (الموضوع الفرعي) هي سمة إضافية تسمح لك بتغيير/إضافة وظائف ومظهر السمة الرئيسية. في الوقت نفسه، يظل الموضوع الرئيسي دون تغيير، مما يعني أنه يمكن تحديثه دون خوف من فقدان التغييرات التي تم إجراؤها.

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

لماذا تحتاج إلى موضوع الطفل؟

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

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

ما الذي يمكنك تغييره في موضوع الطفل؟

يمكنك تغيير كل شيء فيه تقريبًا، لكن عليك أن تفهم ماذا وكيف يعمل (انظر أدناه). ومع ذلك، من أجل تغيير بعض الأشياء، يجب إنشاء الموضوع الأصلي مع وضع التغييرات المحتملة في الاعتبار. إذا لم يفكر مطور السمة الأصلية في التغييرات المحتملة، فسيكون تغيير بعض الجوانب أمرًا صعبًا أو مستحيلًا.

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

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

إنشاء موضوع فرعي أمر سهل! يوجد أدناه موضوع فرعي لـ Twentyfifteen.

قم بإنشاء مجلد بأي اسم في دليل السمات الخاص بك: wp-content/themes. دع خمسة وعشرون طفلا

قم بإنشاء ملف style.css في مجلد جديد. مع المحتوى:

/* اسم السمة: قالب سمة طفلي: عشرين خمسة عشر معلمات اختيارية: عنوان URI للموضوع: http://site.ru/ الوصف: سمة فرعية للموضوع خمسة عشر عشر المؤلف: Kama Author URI: http://site.ru/about/ الإصدار : 1.0 */ /* استيراد أنماط السمة الأصلية */ @import url("../twentyfifteen/style.css"); /* الأنماط الإضافية الخاصة بك */ .foo( color:red; )

1. انتقل إلى المظهر ›الموضوعات وقم بتنشيط سمة My Child Theme الجديدة.

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

يجب أن يكون التوجيه @import هو القاعدة الأولى في style.css. إذا كتبت قواعد قبلها، فلن تعمل ولن يتم ربط أنماط السمة الأصلية.

ونتيجة لذلك، ينبغي أن يكون لدينا الهيكل التالي:

محتوى Wp └── السمات ├── عشرين خمسة عشر (الموضوع الأصلي) └── عشرين خمسة عشر طفلًا (موضوع فرعي؛ يمكن أن يكون له أي اسم) └── style.css

قد يحتوي موقع Twentyfifteen-child على ملفات أخرى، بما في ذلك:

style.css- (مطلوب) يستبدل تمامًا ملف السمة الأصلي نفسه.

وظائف.php- يكمل وظائف.php للموضوع الأصلي (يتم التحميل قبله).

ملفات القالب- Index.php، home.php، وما إلى ذلك، والتي هي/ليست في القالب الأصلي. إذا كان الملف موجودًا في السمة الفرعية، فسيحل هذا الملف محل الملف الأصلي بالكامل. على سبيل المثال: من خلال إنشاء footer.php ونسخ محتويات footer.php من القالب الأصلي إليه، يمكننا تغيير الإخراج دون تغيير ملف القالب الأصلي.

• ملفات اخرى- أي ملفات / مجلدات أخرى / أيا كان. على سبيل المثال، يمكن لموضوع فرعي استخدام صور جديدة مضمنة في قواعد CSS الإضافية.

ملف style.css

style.css هو الملف الوحيد المطلوب في موضوع فرعي. يعطي معلومات إلى WordPress لتحديد السمة الفرعية.

يستبدل style.css الخاص بالقالب الفرعي تمامًا style.css الخاص بالقالب الأصلي، أي. لم يتم تحميل ورقة أنماط السمة الأصلية على الإطلاق.

في رأس المعلومات، الذي يجب أن يكون في بداية الملف، يلزم وجود معلمة القالب:. هذه هي الطريقة التي يفهم بها WP أن هذا سمة فرعية وما يسمى السمة الأصلية.

مثال على style.css لموضوع فرعي.

/* اسم السمة: قالب سمة طفلي: عنوان URI الخاص بموضوع طفلي: http://site.ru/ الوصف: سمة فرعية للموضوع خمسة عشر مؤلف: عنوان URI للمؤلف Kama: http://site.ru/about/ الإصدار: 1.0 * // أنماط السمات الأصلية @import url("../twentyfifteen/style.css"); // أنماط إضافية.foo (اللون: أحمر؛)

• اسم السمة - (مطلوب) اسم السمة الفرعية.

القالب - (مطلوب) اسم حساس لحالة الأحرف لمجلد السمة الأصلي.

ملاحظة: إذا قمت بالتغيير، فستحتاج إلى إعادة ضبط الإعداد، وللقيام بذلك، يتعين عليك التبديل إلى سمة أخرى والعودة مرة أخرى.

• URI الخاص بالموضوع - عنوان موقع الويب الخاص بالموضوع الفرعي.
• الوصف - وصف موضوع الطفل.
• URI للمؤلف - عنوان موقع الويب الخاص بمؤلف السمة الفرعية.
• المؤلف - اسم مؤلف السمة الفرعية.
• الإصدار - إصدار الموضوع الفرعي.

ملف function.php

على عكس ملفات السمات الفرعية الأخرى، لا يحل ملف function.php محل الملف الأصلي، بل يكمله: يتم تحميله مباشرة قبل الملف الأصلي وملفات السمات الفرعية الأخرى.

هذا يعني أنه لتغيير السمة الأصلية، يمكنك استخدام الخطافات في jobs.php ويمكنك "تجاوز" الوظائف إذا كانت مصممة لهذا الغرض.

استخدام الخطافات

يوجد حدثwentyfifteen_credits في ملف footer.php في السمة Twentyfifteen. لإضافة النص الخاص بك إلى التذييل، يمكنك استخدام هذا الحدث للقيام بذلك، قم بإضافة الكود التالي إلى ملف function.php الخاص بالقالب الفرعي:

Add_action("twentyfifteen_credits"، function() ( echo "Company © 2015"; ));

تجاوز الوظيفة

في ملف jobs.php الخاص بالموضوع الأصلي tyunfifteen، توجد وظيفة tyuntyfifteen_fonts_url() - تسجل خطوط Google. تبدو هكذا:

إذا (! function_exists("twentyfifteen_fonts_url"))( functionwentyfifteen_fonts_url())( // رمز الوظيفة... ) )

حالة! function_exists("twentyfifteen_fonts_url") - في حالة عدم وجود الوظيفة، يسمح لك بتعريف نفس الوظيفة في ملف function.php الخاص بالقالب الفرعي.

في هذه الحالة، سيتم تشغيل وظيفتنا المحددة فقط، وليس الوظيفة من القالب الأصلي - لن يتم تسجيلها في PHP بسبب الشرط...

على سبيل المثال، بإضافة هذا الكود إلى ملف function.php الخاص بالقالب الفرعي، سنقوم بتعطيل اتصال الخط:

الدالةwentyfifteen_fonts_url() (إرجاع "";)

ملاحظة لمطوري السمات:لنجعل من الممكن تجاوز الوظائف في السمات الفرعية؛ وللقيام بذلك، عند إنشاء سمة، قم بتضمين الوظائف في شرط:

إذا (! function_exists("theme_function"))( function theme_function() ( // Code. ) )

في هذه الحالة، يمكن للقالب الفرعي أن يتجاوز وظيفة القالب الأصلي ببساطة عن طريق الإعلان عنها في ملف jobs.php الخاص به.

ملفات القالب

يستبدل ملف القالب الموجود في قالب فرعي، مثل style.css، ملف القالب الأصلي. أولئك. في موضوع فرعي، يمكنك استبدال أي ملف أصل ببساطة عن طريق إنشاء ملف بنفس الاسم.

بعض الأمثلة على إنشاء ملف قالب في سمة فرعية:

#1 إضافة قالب غير موجود في السمة الرئيسية

يسمح لك بإنشاء سمة فرعية من السمة الحالية بنقرة واحدة. بعد إنشاء السمة، يمكن حذف البرنامج المساعد. البرنامج المساعد لديه الكثير من التقييمات الجيدة ...

ملحوظات

تنسيقات المشاركات

ستتجاوز وظيفة add_theme_support("post-formats") التنسيقات المحددة بواسطة السمة الأصلية، بدلاً من استكمالها.

@import في style.css للموضوع الفرعي

على الرغم من حقيقة أنهم يكتبون في كل مكان لاستخدامimport في style.css للموضوع الفرعي. لا أوصي بفعل هذا. لأنه في هذه الحالة، لا يمكن للمتصفح تحميل كلا ملفي النمط بالتوازي: من السمة الأصلية ومن السمة الفرعية... سيتعين عليه تحميلهما بالتسلسل: أولاً أنماط السمة الفرعية، هناك سترى @import وفقط ثم سيبدأ في تحميل أنماط السمة الأم... ونتيجة لذلك، اتضح أننا نفقد حوالي 200 مللي ثانية في سرعة تحميل الصفحة. هذا هو المقدار الذي يستغرقه تنزيل ملف الأنماط. نعني بالتنزيل إرسال طلب إلى الخادم، وانتظار الرد، وتنزيل ملف...

من الأفضل تضمين ملفات الأنماط بشكل منفصل في HTML: أولاً أنماط السمة الأصلية، ثم السمة الفرعية، بحيث تكون أقل في كود HTML وتقاطع الأنماط الأصلية. يتم ذلك على النحو التالي:

Add_action("wp_enqueue_scripts", "my_theme_styles"); وظيفة my_theme_styles() ( wp_enqueue_style("parent-theme-css", get_template_directory_uri() ."/style.css"); // ليس ضروريًا، القالب الأصلي الصحيح سيتضمنه بنفسه. //wp_enqueue_style("child-theme- css" ، get_stylesheet_directory_uri() ."/style.css"، array("parent-theme-css") )

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

https://doctorsmm.com/ هي خدمة غير مكلفة مع خدمة SMM فعالة للشبكات الاجتماعية. هنا يمكنك الحصول على خدمات الترويج على أكثر من 9 منصات رائدة، على الإنترنت المحلي والأجنبي. اشتر الآن الموارد الشائعة لزيادة العدادات على الشبكات الاجتماعية، مثل الإعجابات والمشتركين وما إلى ذلك، مع خصومات كبيرة بالجملة وشروط شخصية للإضافة.