أساسيات تطوير ووردبريس

ما هي Actions و hooks في ووردبريس؟ وكيف يتم إضافتها واستدعائها؟ هنا ستتعلم الكثير عن add_action و do_action.

• ًWordPress Actions (فيديو، يفتح في نافذة جديدة)

ما هي Filter Hooks؟ وكيفية استخدامها وتطبيقها باستخدام add_filter & apply_filters. وما الفرق بينها وبين action hooks؟

• توضيح WP Filter Hooks (فيديو، يفتح في نافذة جديدة)

كيفية إنشاء أكواد قصيرة shortcodes في ووردبريس وكيفية إضافة خصائص لها وتنظيفها لضمان أمان الكود.

• كيفية استخدام WP Shortcodes (فيديو، يفتح في نافذة جديدة)

كيفية إضافة ستايلات وسكربتات لادمن ووردبريس وأيضاً للواجهة الأمامية.

• كيفية إضافة سكربتات وستايلات لووردبريس (فيديو، يفتح في نافذة جديدة)

كيفية إضافة ستايلات وسكربتات لادمن ووردبريس وأيضاً للواجهة الأمامية.

كل ما تحتاج أن تعرفه عن text domains وجعل النصوص قابلة للترجمة في ووردبريس مع كيفية الترجمة باستخدام إضافة loco translate

• كيفية جعل النصوص قابلة للترجمة في ووردبريس (فيديو، يفتح في نافذة جديدة)

ما هو الفرق بين القوالب الكلاسيكية وبين قوالب المكونات من ناحية هيكلية الملفات؟ كيفية التعديل البسيط على نماذج الموقع المختلفة من خلال محرر قالب المكونات.

• استخدام محرر ووردبريس الجديد (فيديو، يفتح في نافذة جديدة)

ما هو full site editing؟ كيف يتم إضافة تخصيصات ستايلات القالب؟ ما هي الأنماط والأنماط المخفية؟ والمزيد من المعلومات حول مكون wp group.

• حول محرر ووردبريس الكامل (فيديو، يفتح في نافذة جديدة)

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

• حول المكونات ومكون العنوان (فيديو، يفتح في نافذة جديدة)

تم توضيح طريقة كتابة Gutenberg Tags في ووردبريس، وكيفية التعامل مع صفحات ووردبريس كمكونات ولماذا يتم إضافة classes افتراضية للمكونات. كما تم توضيح بعض إعدادات مكون المجموعة من خلال توضيح الشيفرة البرمجية.

• حول طريقة كتابة Gutenberg Tag (فيديو، يفتح في نافذة جديدة)

من أين تاتي Classes التي يتم إضافتها للمكون عند تغيير إعداداته الخاصة باللون وغيرها؟ ما هي متغيرات WP Preset؟ ماذا يحتوي ملف theme.json فيما يخص طبق الألوان.

• حول WP Preset Variables و theme.json Palette (فيديو، يفتح في نافذة جديدة)

يتم إنشاء أول قالب مكونات بشكل بسيط بإضافة ملفات style.css و نموذج index.html. كما تم توضيح كيف يتم تعديل النموذج من المحرر ونسخ التغييرات إلى ملف النموذج نفسه.

• كيفية إنشاء قالب مكونات مبسط (فيديو، يفتح في نافذة جديدة)

إنشاء هيدر الموقع من خلال إضافة مكون العنوان والفقرة. كما تم إنشاء template part لهذا Header، وتم إنشاء نموذج الصفحة مع إضافة عنوان ومحتوى الصفحة الديناميكي.

• إنشاء Header Template Part (فيديو، يفتح في نافذة جديدة)

ما هو مكون site title ومكون tagline؟ كيفية تعديل اسم الموقع وسطر الوصف، وأيضاً كيفية إضافة مكون التنقل Navigation؟ وأين فعلياً يتم حفظه في ووردبريس؟

• إضافة مكونات ذات محتوى متغير مثل site title, tagline and navigation (فيديو، يفتح في نافذة جديدة)

ما الفرق بين مكونات ووردبريس ووسوم HTML العادية؟ كيفية إنشاء نموذج المقالة الأحادية. كما تم توضيح مكون النتقل واضافة عناصر للقوائم وقراءة كود Navigation المنتج في ووردبريس.

• توضيح مكون Navigation (فيديو، يفتح في نافذة جديدة)

جعل نموذج المقالة الأحادية ديناميكي، وإنشاء ملف theme.json وإضافة خاصية layout. ما هي خاصية contentSize و wideSize؟

• Theme.json – Layout (فيديو، يفتح في نافذة جديدة)

ما هي فعلاً فائدة ملف Theme.json؟ ما هي خاصية spacing أو الأبعاد؟ وكيف يتم تطبيقها في قالب المكونات. كيف يتم إضافة ستايلات عامة للمكونات المختلفة في ملف Theme.json.

• Theme.json – Spacing (فيديو، يفتح في نافذة جديدة)

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

• ًًWP Query (فيديو، يفتح في نافذة جديدة)

مراجعة الدروس السابقة والقيام بتوضيح من أين يتم تحميل أي نموذج؟ من الملفات أم من قاعدة البيانات (المحرر). كما سيتم إنشاء نموذج footer وإضافة ودجات الفوتر المختلفة.

• اضافة ستايل للمكونات في theme.json (فيديو، يفتح في نافذة جديدة)
• نموذج Footer (فيديو، يفتح في نافذة جديدة)

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

• WordPress Patterns (فيديو، يفتح في نافذة جديدة)

سنتعلم كيفية انشاء نقطة API مخصصة في ووردبريس وكيفية ارسال طلبات إلبها والتعامل معها بشكل عام.

• أساسيات register route (فيديو، يفتح في نافذة جديدة)