نقاش حول ادوات برمجة وتصميم الووردبريس

  • besty

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

والمصممين يضعون طرقهم في التصميم ليستفيد الجميع

شكرا لكم

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

أبدأ بجمع فكرة عامة حول الموقع

كتابة أهم الخواص المطلوبة

أبدأ بالتصميم في الفوتوشوب، حاليا يبدو لي أني أنوع قليلا في التصاميم وهذا شيء، بدل الاعتماد على شكل واحد (عمودين)

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

بعد التصميم أنتقل إلى تحويله إلى كود كامل، لدي بيئة معدة مسبقا، أستخدم grunt مع بعض الاضافات البسيطة، مثل

libsass (مترجم sass مبني على C وليس روبي لذا يوفر نتائج أسرع بكثير)

autoprefixer لإضافة دعم المتصفحات تلقائيا (أداة رائعة)

watch (لإطلاق sass و autoprefixer كلما تعم تعديل ملف)

أستخدم sublime text 3 مع emmet ومع مجموعة من snippets الخاصة لتسريع التطوير

بعد الانتهاء أنتقل إلى تطوير ووردبريس، أستخدم DesktopServer حيث يوفر لي مرونة كبيرة وسهولة في النقل

كل الملفات مستضافة على dropbox للتنقل بين ثلاث آلات بسهولة

أستخدم إضافة تدعى wordpress في sublime text لتسريع تطيور ووردبريس

عند التطوير، أتأكد من أني أتبع المعايير القياسية، مثل استخدام الطرق النظامية في التطوير، اتباع guide style في الموقع الرسمي، ومحاولة إعطاء العناصر نفس class الموجود في قوالب ووردبريس الرسمية، حتى يسهل دمج الإضافات

بعد الانتهاء، أحاول إضافة دعم بعض الإضافات المعروفة، بالتحديد jetpack وإذا طلب العميل فيمكن إضافة دعم إضافات أخرى

عند الانتهاء برفع wordpress theme test unit لتفقد القالب من خلوه من الأخطاء (تفقد حجم الصور، الردود، التنسيق وما إلى ذلك)

بعد هذا أمرر إضافة أخرى اسمها theme check لتفقد القالب من خلوه من أخطاء برمجية معروفة أو هفوات

أرفع القالب على استضافة تجريبية لتفقده بشكل كامل، وبعدها يتم تسليمه للعميل