6 دروس: كيفية إنشاء سمة ووردبريس مخصصة

نشرت: 2018-02-18

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

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

جدول المحتويات

ما هو موضوع ووردبريس؟ لماذا سميت "مخصصة"؟

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

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

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

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

قبل أن تبدأ العمل على الموضوع الخاص بك

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

إعادة تعيين الفسفور الابيض

إعادة تعيين الفسفور الابيض

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

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

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

دروس

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

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

تحقق من البرنامج التعليمي هنا

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

تحقق من البرنامج التعليمي هنا

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

دروسه التعليمية تعمل حقًا في الحياة العملية وهناك المئات من التعليقات التي يتم تقديمها له ، تحية لامتنانهم لمشاركة الأشياء المفيدة التي لا يهتم الجميع بمشاركتها.

تحقق من البرنامج التعليمي هنا

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

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

تحقق من البرنامج التعليمي هنا

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

تحقق من البرنامج التعليمي هنا

عملية تطوير موضوع ووردبريس # 6. بعد أن أصبحت جيدًا قليلاً في إنشاء نموذج أساسي من البداية ، إذا كنت تخطط للمضي قدمًا وتعلم الأشياء الكبيرة التالية ، فجرّب هذا الدليل السادس الذي أشاركه هنا. تمت مشاركته بواسطة Siobhan McKeown ويمكنني أن أؤكد لك أنك ستجده يستحق تمامًا. يمكن أن يساعدك هذا الدليل في تعلم كيفية تحسين مظهر تم تطويره بالفعل وجعله يبدو ويعمل بذهول.

تحقق من البرنامج التعليمي هنا

يتم إحتوائه

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

* آخر تحديث 03/11/2019