البدء على تراك الوردبريس

1111111111111111111111111111111111111111111111

كيف اتعلم الووردبريس من البداية حتى الاحتراف ”
الطلب ده بيقابلني كتير جدا ، و خاصة هنا في المجموعة .
في المنشور ده ح اجتهد في انه احدد خارطة الطريق لتعلم الووردبريس كاملا ، و ح يكون مبني على تجربتي انا مع الووردبريس و شغلي في سوق العمل الحر تحديدا , و في النهاية ح اتكلم عن فرص العمل كمستقل ( فريلانسر ) و في الشركات . و خبراء الووردبريس الموجودين هنا ممكن يشاركوا معانا بخبراتهم في التعليقات اذا كانو متفقين او مختلفين معاي عشان تكون الفائدة اكبر .
قبل نبدأ يا صديقي :
1. انا ح اتكلم بالتفصيل فالمنشور ح يكون طويل عشان كده ح اقسمهم على منشورات صغيره . و كل المنشورات ح تكون على الهاشتاق ده 👇
#خارطة_الطريق_للوردبريس
2. اهم شي عشان تتابع معاي هي مقدرتك على البحث ، لأنه انا ح اشارك معاك العناوين و انت ابحث عنها و كلها متوفره مجانا . و الافضل دائما البحث باللغة الانجليزية
3. اذا محتاج لكورس جاهز و مرتب و جديد ! في كورسات كتيره متوفره زي كورس اخونا يوسف أبرامو ( اي واحد ح يتواصل معاك يا يوسف من المنشور ده انا عندي عمولة 😂 ) او ممكن في يوديمي
طيب نبدأ على بركة الله
بداية انا ح اقسم الناس الشغالة على الووردبريس لقسمين و هم مصممين الووردبريس و مطورين الووردبريس .
🔻 مصمم الووردبريس : ده واحد متخصص في التعامل مع الووردبريس من دون اي تدخل في الكود البرمجي للوردبريس ، و يعتمد على الاضافات و الثيمات الجاهزة و يخصصها حسب حوجة العميل و على قدر الميزات المتوفره فيها
🔻 مطور الووردبريس : ده واحد عنده خلفيه برمجية في الاساس و يقدر يتعامل مع الكود البرمجي للوردبريس و يقدر ينشئ او يحذف او يعدل في خصائص الووردبريس و يقدر ينشئ ثيمات و اضافات ووردبريس .
ح اقيف لغاية هنا ، و في المنشور القادم ح اتكلم عن خارطة الطريق لمسار مصمم الووردبريس بإذن الله .

222222222222222222222222222222222222222222222222222

الجزء الثاني ( الجزء الاول موجود على الهاشتاق ده )

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

و قبل نبدأ ؛

الواحد سعيد جدا بأنه الفكره اعجبت الكتير منكم .

و طبعا كالعادة رأيك و رأي الخبراء اذا عندهم اي ملاحظة مهم جدا بالنسبة لي

خارطة الطريق لمصمم الوورد بريس :

بداية اتعلم ” ما هو الووردبريس ” ابدأ ابحث في اليوتيوب او جوجل عن اسئلة من نوعية ” what is WordPress” او ” ما هو الووردبريس ” عشان تاخذ فكره عامة عن الووردبريس و كيف يعمل اصلا

اعرف ما هي الاستضافات ( Web Hosting ) و اتعلم اساسيات التعامل معاها و انواعها

– في استضافات مشتركة ( shared hosting )

– في استضافات الخوادم الخاصة ( VPS hosting )

– في استضافات مخصصة ( Dedicated Hosting )

في غيرهم لكن كبداية افهم المذكورات و مميزاتهم .

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

يعني مثلا تبحث بالصورة دي :

” what is web hosting “

” how to install wordpress on web hosting “

” what is shared hosting “

” What is VPS hosting “

” What is Dedicated hosting “

اعرف ما هو الدومين ( What is Domain) و اشهر مسجلين الدومينات (domain registers) و كيف تشتري منهم

‏اتعلم اساسيات التعامل مع الووردبريس :

و ده طبعا مشروح في اغلب الفيديوهات في اليوتويب ، فممكن تبحث عن ” انشاء موقع عن طريق الووردبريس” او ” build WordPress website ” مثلا .

بعد تشاهد فيديو كامل لإنشاء موقع ووردبريس من البداية ؛ مهم تتعلم منه 5 اشياء :

1. كيف تشتري الاستضافة و الدومين و كيف تربطهم مع بعض

2. كيف تثبت الووردبريس على الاستضافة بصورة عملية

3. كيف تثبت الثيمات و الاضافات على الووردبريس

4.كيف تعدل على التصميم عن طريق مخصص الووردبريس ( WordPress Customizer ) و اذا ما كان في شرح ليه في الفيديو ممكن تبحث عنه لوحده

5. تأخذ فهم عام عن باني الصفحات (page builder) و كيف تصمم عن طريقه ، و موجود عدد منهم :

– Gutenberg

– Bricks

– Elementor (داخل في المقاطعة )

– Divi

– Brizy

– Beaver

– Oxygen

– WPBakery

اتعرف على كل واحد من باني الصفحات (page builder) بصورة عامة و في النهاية ممكن تتخصص في واحد او اثنين او اكتر حسب المناسب معك .

الاشهر هو Elemnentor ؛ لكن يعتبر داعم ؛ عشان ده ممكن ارشحلك Gutenberg و Divi و Bricks .

و طبعا ما احتاج اقول انه ما عليك الا تبحث بإسم كل واحد منهم على اليوتيوب و ح تلاقي شروحات لكل واحد منهم .

اتعلم اساسيات انشاء المتاجر ( woocomerce ) ممكن اي فيديو لشرح انشاء متجر على الووردبريس

و ممكن تبحث في اليوتيوب بعبارات مثل

” انشاء متجر على ووردبريس ” او

‏” build wordpress ecommerce website “

اعرف الفرق بين ال theme و ال template

‏اتعلم كيف تترجم اي ثيم لأي لغة ؛ و تحديدا عن طريق اضافة loco translate ، فممكن تبحث لشروحات للاضافة دي على اليوتيوب .

ملحوظة صغيره :

عشان تشتغل على الووردبريس ممكن تثبته عندك على الجهاز و هنا ابحث في اليوتيوب عن ” تثبيت الووردبريس على جهاز الكمبيوتر ” او ” install wordpress on localhost ” .

او ممكن تشتغل على استضافة مجانية للإختبار زي TasteWP

333333333333333333333333333333333333333333

الجزء الثالث ( الاجزاء السابقة موجود على الهاشتاق ده )

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

و قبل نبدأ منتظر رأيك و رأي الخبراء في التعليقات كالعادة .

و نواصل في المسار على بركة الله

اذا كنت ح تشتغل على باني الصفحات Gutenberg مهم جدا انك تتعلم عن ال full site editing .

ممكن تبحث في اليوتويب او جوجل عن :

“full site editing wordpress” ،

و ده ح يفتح لك آفاق كبيره في التعامل مع الثيمات .

اتعلم المحتوى الدينامكي ( wordpress dynamic content ) اتعلم عن custom post types و ال custom feild .

ابحث عنه في اليوتويب او جوجل بأي عباره مثل :

” wordpress dynamic content “

” wordpress custom post types “

اتعلم عن النسخ الاحتياطي ( backups ) ، و اتعلم كيف النسخ الاحتياطي يتم بصورة تلقائية ، و اتعلم كيف تحفظ النسخ الاحتياطية خارج السيرفر او الاستضافة .

و طبعا في اضافات تقوم بالمهمة دي .

‏فممكن تبحث كالعادة عن ” WordPress backup ” او ” انشاء نسخه احتياطية لموقع ووردبريس “

اتعلم كيف تعمل نسخة شبيه من موقعك تجرب عليها كل شئ قبل تنفذه في الموقع الفعلي ( staging site ) – و طبعا في اضافات تقوم بالمهمة دي .

و ح تبحث عن ” WordPress staging site “

ممكن تتعلم السيو التقني (Technical SEO ) و شي جميل انه يكون عندك معرفة عن اساسيات السيو الداخلي ( On page SEO ) .

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

فممكن تبحث عن

” wordpress SEO plugins “

“اضافات السيو للودربريس”

اتعلم عن حماية الموقع ( WordPress Security ) وده موضوع كبير لكن كبداية اتعلم كيف تتعامل مع الاضافات المسؤولة عن الحماية و اجتهد في انك تعرف كل شئ عن اعدادات الاضافة و تفهم دوره و معناه .

طبعا في بحثك ح تقابلك اكتر من اضافة ، ف اجتهد في انك تتعلم عنهم و بعد كده ممكن تختار المناسب منهم حسب الظروف

‏اتعلم عن تسريع الموقع ( wordpress performance ) ، و ده من اهم الاشياء ال مفترض تتعلمها ، لانه ده يفرّق بين مصمم الووردبريس الشاطر و بين العادي ، و طبعا كالعادة في اضافات تقوم بالدور ده و مهم جدا انك تفهم كل جانب فيها و معناه .

اتعلم عن انشاء موقع متعدد اللغات ( multi language ) ، فممكن تبحث في اليوتيوب عن ” انشاء موقع ووردبريس متعدد اللغات ” او “multi language wordpress website” .

اتعلم دمج ادوات التسويق مع الموقع :

– ادوات التسويق عبر البريد (Newslatters)

– ‏فورمات التواصل ( contact forms )

– دمج انظمة ادارة العملاء مع الموقع ( CRM )

– اتعلم ربط الموقع مع ادوات الاحصائات Google analytics

– اتعلم ربط الموقع مع Google Tag Manager

و مفترض نكون فهمنا بعض بالنسبة لطريقة البحث

‏يعني بكل بساطة ما عليك الا تبحث في جوجل او اليوتويب مثلا عن : ‏

‏” adding contct form to wordpress “

” Integrate wordpress website with google analytics “

و هكذا …

‏اتعرف على بوابات الدفع و كيف نظام عملها و كيف تدمجها مع الووكمرس .

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

لكن يتبقى معرفتك بشروط بوابات الدفع و ده اعتبره واجب منزلي

44444444444444444444444444444444

الجزء الرابع ( الاجزاء السابقة موجود على الهاشتاق ده )

للناس الجديدة معانا ، نحن هنا في السلسلة دي نضع في خطة شاملة لدراسة الووردبريس ، فمرحب بيك

و قبل ابدأ :

في تعليق جميل من تعليقاتكم الرائعة جدا ( و حقيقة انا سعيد جدا بيها ) كان يقول :

مرحلة التطبيق العملي لكل المعلومات السابقة :

لكن حتى تطور نفسك بصورة افضل ، انصحك انك في التطبيق العملي تمشي على الخطة دي :

صمم مواقع من الصفر من دون استخدام اي قالب او تصاميم جاهزه و اعتمد على باني الصفحات فقط .

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

ممكن تثبت ثيم زي astra مثلا و تبدأ تصمم الصفحة الرئيسية و باقي الصفحات بإستخدام باني صفحات مثل Gutenberg ( او حسب الباني المناسب معاك ) من الصفر ، و تحاول تعمل تصميم مشابه لموقع ” موضوع ” بقدر الامكان .

و نفس الفكره على باقي انواع المواقع .

اشتغل على ثيمات مدفوعة حتى تتعود على نظامها ، للمعلومة موقع themeforest ( يعتبر من اشهر مواقع شراء الثيمات ) كل شهر ينزل ثيمات مدفوعة بصورة مجانية ممكن تبحث في جوجل عن

” free wordpress themes themeforest “

و ادخل في اول نتيجة ، و ابدأ اشتغل عليها .

و طبعا دي فرصة عشان تتعلم عن themeforest .

ممكن تستخدم الثيمات و الاضافات بتراخيص ال gpl (ابحث عن معناها في جوجل ) للتدريب فقط و لا انصحك تستخدمها في موقع رسمي .

و اذا ميزانيتك جيده ممكن تشتري الاضافات او الثيمات الرسمية بأسعار رخيصة ؛ و في كتير من الناس توفرها ، و تبدأ تدرب عليها .

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

فالورقة و القلم مهمات جدا

‏” الخطأ خير معلم “

اهم شي ممكن يطورك في الرحلة دي هو الصعوبات و الاخطاء و بحثك عن الحلول ؛ اذا كان في جوجل او اليوتيوب او ادوات الذكاء الصناعي (Bard , chatgpt) .

و طبعا البحث لابد يكون باللغة الانجليزية .

الجزء الخامس و الآخير لمصمم الووردبريس

( الاجزاء السابقة موجود على الهاشتاق )

المنشور ده ح يكون عن كيف تتميز و تطور نفسك كمصمم ووردبريس في سوق العمل

و كالعادة منتظر رأيك و رأي الخبراء في التعليقات

و نبدا على بركة الله

كيف تتميز كمصمم ووردبريس :

تتعلم اساسيات تصميم واجهة المستخدم و اساسيات تجربة المستخدم ( UI / UX Design ) .

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

‏ده ح يكسبك ميزة ابداعية في تصاميمك على الووردبريس بإستخدام باني الصفحات (page builder ) خاصة اذا كنت ح تشتغل كفريلانسر .

‏ممكن تبحث عن ” UI / UX Design ” و ح تلاقي كورسات تشرح لك الاساسيات .

تتعلم لغات برمجة الواجه (Front end) و هنا اقصد css و html . و ده ح ينقلك نقله كبيره في التعامل مع الووردبريس ، و طبعا متوفر لهم كورسات في اليوتيوب اذا كان عند مهندس اسامة الزيرو او قناة codezilla او غيرهم .

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

و ماذا بعد ؟؟

لغاية الآن انت مصمم ووردبريس و ممكن تشتغل مشاريع كاملة و خاصة كمستقل (فريلانسر ) ، لكن حاليا السؤال المهم هو

” بعد كل هذا الى اين تتجه ؟ ”

عندك مسارين ممكن تختار واحد منهم و هم :

المسار الاول : في حال انك احببت تواصل في مجال التصميم ؛ هنا تتعلم التصميم (UI / UX Design) بتعمق و تتعلم ادواته زي Figma او برامج adobe المخصصة للتصميم .

و طبعا تصميم الواجه و تجربة المستخدم ( UI / UX Design ) ده عالم لوحده و تخصص لوحده و في طلب عليه في الشركات او العمل الحر من دون تعلم الووردبريس ، لكن في عالم العمل الحر في مستقلين يقدموه اضافة للوردبريس ؛ ف مع إجتماعهم الاتنين ح تكون ” تنين مجنح يلفظ نارا في التصميم ”

المسار الثاني : تواصل في الووردبريس و تتجه نحو مسار مطور الووردبريس و ده ح اتكلم عنه في المنشور القادم ان شاء الله .

بالنسبة لفرص العمل اذا كانت كعمل حر (فريلانسنج) او في شركات ح اتكلم عنها بالتفصيل في آخر منشور في السلسلة ان شاء الله ، لكن المهم حاليا انك تكون فهمت دور و امكانيات مصمم الووردبريس
666666666666666666666666666666666666666666666666

الجزء السادس ( الاجزاء السابقة موجوده على الهاشتاق )

المنشور ده عن الطريق و المسار حتى تكون مطور ووردبريس .

في البداية

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

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

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

‏ طبعا ده اضافة لخبرتك في الووردبريس مثل ما اتكلمنا عنها في المنشورات السابقة في مسار مصمم الووردبريس

فالمسار لمطور الووردبريس يكون بالترتيب التالي :

تعلم اساسيات البرمجة

في كورس اسمه ” cs50 ” من جامعة ” هارفارد ” جيد كبداية ، و متوفر على اليوتيوب و رابطه في التعليقات .

الكورس ح يمر على عدد من المواضيع لكن في موضوعين منهم اذا اتوسعت فيهم بصورة اكبر ح يكون عندك امكانيات عالية في البرمجة ؛ و هم الخوارزميات (Algorithms) و حل المشكلات (Problem solving ) ، و طبعا ما عليك الا تبحث عنهم في اليوتيوب و متوفر شروحات بالعربي و الانجليزي ، و لكن اذا اكتفيت بالكورس فقط في الوقت الحالي حاول ارجعلهم مستقبلا .

تعلم لغات برمجة الواجهه (Front-end) و تحديدا : html و css و javascript ، و طبعا انصحك تتعلمها من قناة مهندس اسامة الزيرو ” Elzero Web School ” او قناة ” Codezilla “

موجود اطار عمل (framework) اسمه Bootstrap انصحك بشدة انك تتعلمه ، لانه ح يوفر عليك زمن و جهد و يسهل عملية التطوير للواجهة .

بالمناسبة في واحد غيره مشهور اسمه Tailwind ، لكن انا من جماعة البوتستراب (Bootstrap )

تعلم لغة البرمجة php و قاعدة البيانات MySql

و في قناة مهندس اسامه الزيرو في كورس خاص بيها ، او ممكن تتعلمهم من اي مصدر تاني مناسب معاك في النهاية في مصادر كثيره ليهم في اليوتيوب

تعلم تطوير الووردبريس :

و هنا في 3 مواضيع رئيسية لابد من تعلمها و هي :

1. تطوير الثيمات ( Theme Development )

2. تطوير الاضافات (Plugin Development )

3. تعلم Rest API

و طريقة تعلمها الافضل تكون كالتالي :

في البداية تشاهد فيديو عملي عن تطوير الثيمات بعدها ترجع لتوثيق الووردبريس (Developer Resources) و تتعلم عن تطوير الثيمات بالتفصيل .

وبعدها تنتقل لتطوير الاضافات و تتعامل معاها بنفس الطريقة و بعدها ال Rest API بنفس الطريقة .

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

في قناة عربية اسمها “Learn with NAW ” فيها شروحات لتطوير الثيمات و الاضافات ؛ رابط القناة ح يكون في التعليقات .

او ممكن تبحث عن اي فيديو يشرح لك كيف تطور ثيم وورد بريس “WordPress theme development ” و فيديو لشرح تطوير الاضافات “WordPress plugin development ” و فيديو لشرح ” WordPress Rest API ” .

بالنسبة لتوثيق الووردبريس (Developer Resources) و الرابط ح يكون في التعليقات ؛ ح يكون مرجعك الاساسي للتعلم و اعتمادك ح يكون عليه ; لانه في العادة المحتوى المجاني محدود في مجال تطوير الووردبريس . و روابط المواضيع الثلاثة في التعليقات .

التطبيق العملي مهم جدا جدا جدا في كل مرحلة اتكلمنا عنها ، لا تضيع وقتك في انك تحفظ الاكواد لانه ببحث بسيط على جوجل ممكن تجد الكود المطلوب (syntax)، المهم في النهاية فهمك لطريقة عمل الكود البرمجي .

كمثال على التطبيق العملي :

• بعد تنتهي من تعلم ال html و css و js ؛ اعمل تصميم مشابه لواجهة اي موقع من على الانترنت .

• بعد تنتهي من تطوير الثيمات (theme development) انشئ ثيم لمدونة مثلا .

و هكذا لباقي المراحل …

طبعا بالمناسبة موقع بيكاليكا بيقدم حوافز للبائعين الجُدد ، يعني ممكن تعرض ثيم ووردبريس عندهم و تاخذ حافز يصل لغاية 250 دولار ، و اظنها بداية جيدة لانك تعمل دخل و انت تتعلم

رابطه في التعليقات

ال Blocks او المكونات المعتمد عليها باني الصفحات Gutenberg ( محرر الووردبريس ) مبنية في الاصل عن طريق لغة البرمجة React js .

بمعنى اذا ح تنشئ blocks خاصة بباني الصفحات Gutenberg ؛ ح تفيدك جدا معرفتك بأساسيات لغة البرمجة React js ، و طبعا اذا ح تنشئ blocks متقدمة ف تحتاج يكون عندك معرفة اكبر بال React js .

و كالعادة ممكن تبحث عن فيديو لشرح انشاء ال blocks

فممكن تبحث عن “Gutenberg Blocks development “

و طبعا مرجعك الاساسي لإنشاء ال blocks هو Developer Resources و الرابط في التعليقات

اذا ح تعدل او تضيف ميزات جديدة على اضافات الووردبريس مثل ووكمرس (Woocomerce ) او غيرها ؛ لابد ترجع للتوثيق (Documentation ) الخاصة بالاضافة نفسها .

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

تعود على انك تستخدم ادوات الذكاء الصناعي Chatgpt و Google Bard في كل المراحل لانهم ح يكونوا افضل اصدقاء بالنسبة ليك كمطور ووردبريس

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