المشروع الحقيقي هو https://embodimentinarabic.com/ سنعيد صناعته سويا
سنحتاج أن نستخدم فيجما لتصميم الموقع في البداية قبل أن نبدأ ببنائه. فيجما أداة مجانية بامكانك استخدامها على المتصفح مباشرة أو تحميلها على جهازك https://www.figma.com على المتصفح figma أداة إضافة الخطوط في حالة استخدام figma font helper https://www.figma.com/downloads/ رابط تحميل الخط المستخدم https://fonts.google.com/specimen/IBM+Plex+Sans+Arabic
تعرف على كيفية عمل استراتيجية لمحتوى موقعك. الهدف هنا هو أن نتنبأ بتساؤلات و مخاوف الزوار و من ثم نحاول أن نجيب عليها في محتوى الموقع بحسب الأولوية.
نتحدث هنا عن كيفية البدء بعملية التصميم الخطوة الأولى هي تحديد اتجاه التصميم من خلال دراسة أهداف المشروع والحصول على كلمات المفتاحية توصف المشروع من العملاء و الفريق، بالإضافة إلى دراسة جمهور الموقع وأيضا المنافسين
لتتعمق أكثر يمكنك الإطلاع على هذا المرجع https://www.editorx.com/shaping-design/article/font-size
الملف النهائي مرفق. كيفية فتح الملف https://www.youtube.com/watch?v=-tM_Z-tG3iA
لنبني موقعنا نحن نحتاج الى أمرين: الآول هو الاستضافة وهي ببساطة السيرفر و الأدوات التي نحتاجها نستضيف ووردبريس و في هذا الدري نتحدث عن كيفية الحصول عليها. www.webdesigner.com و هو اسم موقعنا مثلا Domain الأمر الآخر هو الدوماين و مع أن يمكنك شراءه من العديد من المصادر و لكن في هذه الحالة لن نحتاج أن نشتريه لأنه Hostinger يأتي مشمولا عند شراء الاستضافة من
InstaWP هو الحل الملائم لك لعمل مشاريع بغرض التدريب في حال واجهت صعوبات مع دوكر
تنبيه: هذا الدرس متقدّم. يتطلب منك معرفة برمجية، هو درس اختياري تماماً. في حال واجهت صعوبة أنا أنصحك اما بشراء استضافة أو استخدام الطريقة الثانية (الدرس السابق). لأن هذه العملية تعتمد على اعدادات جهازك الخاصّة فنحن لا نقدم دعم لهذا الدرس. في حالة أنك كنت تتابع هذه الدورة بغرض التدريب و لا تعمل على مشروع حقيقي يمكنك تنصيب ووردريس على جهازك بدون الحاجة لشراء استضافة في حالة واجهتك مشكلة أولا تأكد أن تكون دقيق في اتباع الخطوات و ثانية يمكنك تجربة الأدوات البديلة التالية: https://bitnami.com/stack/wordpress/installer https://laragon.org/
تجهيز إعدادات Wordpress و البدء في بناء الصفحة ملف الثيم مرفق ========================= إذا واجهك خطأ عند رفع ملف الثيم The link you have followed has expired اتبع الخطوات في هذا الفيديو https://www.loom.com/share/d458695a642f49e48af4ee6f90a19a8f
أكملنا بناء صفحة الموقع
سنتعلم سويا كيفية الحصول على البريد الإلكتروني من الزائر بغرض إرسال تفاصيل المؤتمر و رابط الانضمام له
لنغير بعض الإعدادات و نصنع القائمة الرئيسية
لنتستخدم ال Divi Theme builder footer لنصنع Figma و نتعلم كيفية العمل على تصميم الهاتف على
استعداداً لمؤتمر ٢٠٢٢ فتحنا الباب للخبراء في المجال على أن يتطوعوا للتحدث في المؤتمر القادم
لنتعلم عمل ال Animations تحريك العناصر . باستخدام ال Divi builder
في هذا الدرس نتعرف على كيفية عمل ال Split testing مع Divi و ايضا استخدام Hotjar
Bonus: Figma Plugins
Plugins: Robin image optimizer Litespeed cache Hummingbird opengraph
courses.moedesigns.io كيفية ربط الموقع من instawp بالدوماين https://www.loom.com/share/42c1126177d3468eb3f00bc6488db7d9
!لنجاوب على جميع الأسئلة التي تتعلق بالدورة روابط ورشة كتابة محتوى البيع تحت الدرس