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

هناك عدد من الأسباب التي تجعل مطوري WordPress يستخدمون السمات الفرعية. أنها توفر لك الفرصة لتخصيص تصميم فريد على رأس سمة أخرى موجودة. يعد هذا مثالياً للمبتدئين الذين يرغبون في اللعب مع بناء سماتهم الخاصة.

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

في هذا الدليل ، أود تقديم المفاهيم الأساسية لبناء سمة تابعة لبرنامج WordPress ولماذا هذه فكرة جيدة.

ابدء

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

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

الملفات المطلوبة

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

سيتضمن المطورون في الغالب وظائف. php و screenshot.png في نفس المجلد مثل ملف CSS الجديد. يتم عرض لقطة الشاشة في لوحة إدارة WordPress الخاص بك ويمكن استخدام ملف السمات للوظائف في الكثير من التغييرات الخلفية.

ولكن الآن يجب أن نركز على ورقة الأنماط الرئيسية. هذا هو الاسم الشائع style.css ويتضمن رأس تعليق مع معلومات التعريف الرئيسية. يعد هذا الأمر مهمًا لأن المظهر الخاص بك سيتم عرضه كطفل فقط إذا قمت بتضمين اسم دليل الوالد. يوجد أدناه مثال لتعليق الرأس:

 / * اسم السمة: Twenty Eleven Child Theme URI: http: //example.com/ الوصف: السمة التابعة لتصميم Twenty Eleven المؤلف: Jake Rocheleau المؤلف URI: http: //www.hongkiat.com/blog/ قالب: عشرون الإصدار: 0.1 * / 

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

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

 import url ("... / twentyeleven/style.css")؛ 

إعداد أنماط جديدة

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

يمكننا عرض بعض التغييرات السهلة على الروابط والفقرات. لقد استخدمت رمزًا من السمة Twenty Eleven الأصلية لاستهداف العناصر المختلفة. في بعض الأحيان يكون من الضروري استخدام محدد أكثر تحديداً لتجاوز التصميم الأقدم.

 body padding: 0 1.4em؛  #page margin: 1.667em auto؛ أقصى عرض: 900 بكسل ؛  color: # 5281df؛ زخرفة النص: لا شيء ؛ font-family: Calibri و Tahoma و Arial و sans-serif ؛  a: focus، a: active، a: hover text-decoration: underline؛  

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

الأشياء المهمة

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

 color: # 5281df! مهم؛ زخرفة النص: لا شيء ؛ font-family: Calibri و Tahoma و Arial و sans-serif ؛  

أعلاه ، قمت بنسخ التغييرات الأصلية الخاصة بي وتحرير لون نص الربط مع جملة مهمة. سيكون لهذا الأسبقية على جميع الأنماط الأخرى من نفس عمق المحدد. المزيد من العناصر المحددة (مثل #access li: hover> a) عادة ما تعقد أساليبها الخاصة ما لم اللون كان لا يزال موروثاً من محددنا الأصلي. في هذه الحالة ، لا يقوم موضوعنا الرئيسي بإعداد خاصية عائلة الخط على روابط الربط ، وبالتالي لا نواجه أي مشكلات تتعلق بالميراث.

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

وظائف الاستنساخ

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

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

 // queue js files for load load mytheme_js () if (is_admin ()) return؛ wp_deregister_script ( 'مسج')؛ wp_register_script ('jquery'، 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js')؛ wp_enqueue_script ( 'مسج')؛ wp_deregister_script ( 'swfobject')؛ wp_register_script ('swfobject'، 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js')؛ wp_enqueue_script ( 'swfobject')؛  add_action ('init'، mytheme_js)؛ 

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

العمل مع ملفات الموضوع

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

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

قوالب صفحة مخصصة

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

قم أولاً بإنشاء ملف جديد باسم page-offer.php. هذا سيكون “عرض خاص” صفحة ترويجية ذات موضوع مختلف عن الآخرين. هنا يمكنك نسخ رمز الصفحة الأصلي أو إنشاء المظهر بالكامل من البداية. الرمز الوحيد الذي نحتاجه لإخبار WordPress بهذا القالب الجديد هو إعداد تعليق في PHP.

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

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

• image.php
• jpeg.php
• image_jpeg.php
• attachment.php

أدوات وورد مفيدة

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

هناك إشارة واضحة إلى المكون الإضافي بنقرة واحدة للطفل الذي تم تصميمه واختباره للحصول على أحدث إصدار من WordPress 3.x. ويضيف رابط القائمة في المسؤول الخاص بك “المواضيع” قسم لإنشاء طفل تلقائيا باستخدام موضوع نشط حاليا. هذا شيء رائع إذا كنت لا ترغب في العبث باستخدام FTP وتتطلع للعب مع بعض الأفكار الجديدة.

إذا كنت تخطط لتحرير هذه الملفات داخل لوحة المشرف ، فستستمتع أيضًا بتمييز بناء جملة أوضح. لا يتم تقديم هذا في WordPress افتراضيًا ولكن يمكنك تثبيت Advanced Code Editor لبعض الوظائف المحسنة كثيرًا. هذا يجعل الخوض من خلال كتل كود PHP و HTML / CSS أكثر سهولة.

موارد إضافية

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

• 8 مجانا عشرون عشر مواضيع الطفل
• ووردبرس] على الانترنت الدستور »الطفل المواضيع
• كيفية بناء وورد موضوع الطفل باستخدام السنانير والمرشحات
• بعض الكلمات عن مواضيع الطفل
• كيفية إنشاء وتعديل واستخدام الموضوعات الطفل في وورد

استنتاج

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

.