منذ عدة أيام إشتريت هاتف سامسونج ستار واي فاي . أعجبت بتصميمه جدا فقادني جنون الفوتوشوب لرسم هذا الجهاز :) . وعندما وجدت الشكل النهائي مقبول إلى حد ما عزمت أن أكتب به مقالي الجديد .

درس اليوم للمحترفين او ذو خلفية مقبولة بالفوتوشوب..

الدرس قد يكون طويل إلى حد ما ولكنه مفيد ..

النتيجة النهائية للدرس.

1- نبدأ بفتح صفحة بمقاس مناسب 700*700 كمجرد مثال .

2- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius  كما بالشكل (25) واللون 030303 وارسم مثل هذا الشكل .

3- أضف الإعدادات التالية

ليكون الشكل كالتالي

4 – نفتح لاير جديد ونستخدم التدرج الآتي  ونبدأ بعمل لمعة علي الزاوية العلوية بدرجة لون  414040 ثم نضغط حرف V ونحرك اللاير 2 بكسل لليمين و2 بكسل للاسفل .

5- نكرر نفس الخطوة السابقة علي الزاوية المقابلة بدرجة لون 383838 ثم نحرك اللاير 2 بكسل لليسار و 2 بكسل لأعلى .

اذا واجهت اختلاف في الالوان قم بتغيير القيمة العددية  لخاصية ( opacity)  الموجودة في أعلى صندوق اللايرات  .

سيكون نتيجة العمل كالآتي

6- نرسم مستطيل آخر بإستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius  كما بالشكل (25) وارسم مستطيل أصغر حجما ولكن لاحظ الابعاد بين المستطيلين بنسب متساوية ..  ليكون الشكل كالآتي

7- اتبع الإعدادات التالية

ليكون النتيجة كالآتي:

8- نقوم بتكرار اللاير السابق ونقص الجزء العلوي ليكون الشكل كالآتي:

9- نقوم بعمل تدرج علي اللاير بالاعدادات التالية

10- نضغط Ctrl+u ونجعل الالوان من ابيض واسود ثم نضغط اوك .

11- نضيف للاير الإعدادات التالية : مع عمل strock بقيمة 1 بكسل ودرجة لون 242323 وعمل ال strock داخلي

سيكون الشكل كالتالي

12- سنبدأ بعمل تدرج شفاف بدرجة لون 6d6d6c الشكل التالي سيوضح ( لاحظ مكان البداية من الأعلى ثم النهاية في الاسفل )  ثم نضغط حرف v ونحرك اللاير 4 بكسل للاسفل و 4 بكسل لليمين  .

13- نمسح بعض الأجزاء من التدرج بآداة pen tool  ولا تنسى أن تكون مفعل خيار ( paths) ثم عمل selection  ونمسح الاجزاء المتبقية الصورة القادمة ستوضح ..

سيكون الشكل النهائي :

14 – نضيف بعض الزراير الجانبية البسيطة أسفل جميع اللايرات لتكون بهذا الشكل :

وهكذا انتهينا من رسم الهيكل العام للهاتف ..أعلم أن الدرس طويل ولكني أرى فيه إفادة :) .. والآن فقد  أنجزنا  70% من الدرس فصبر جميل :)

15 – نبدأ برسم الشاشة .. نختار خلفية مناسبة ( أنا أرفقت خلفية هاتفي الحالية :)

16- نضع الخلفية في الشاشة لتكون بهذا الشكل

17- نرسم مستطيلين علي صورة السيارة  ونملأهم باللون الأسود ونقلل شفافيتهم حتي يصبحو بهذا الشكل :

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

19- نضيف شعار سامسونج ولكني بحثت عن الخط المستخدم في كتابة الشعار  ولم اجده , فقمت بكتابة كلمة SAMSUNG بخط Arial  ونمسح الخط الأفقى في حرف “A “  .. مجرد حل بديل ..

ونضيف كلمة WIFI اسفل الشاشة لانها مكتوبة عالجهاز بالفعل ..

ليكون الشكل كالآتي :

باقي رسم السماعة وال 3 أزرار ..

20- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius  كما بالشكل (8)  وارسم مثل هذا الشكل .

21 – اتبع الخطوات التالية :

21- نضيف بعض النقاط السوداء بفرشاة حجم 1 بكسل واللون الرمادي وتكرارها بجانب بعضها حتي تصبح مثل الشكل الآتي:

22- باقي الأزرار السفلية ولكني أطلت في الدرس كثيرا ولا أرى فيها أي صعوبة..

فسأرفقها جاهزة مع الأيقونات والخطوط في PSD اختصاراً لوقتي ووقتكم ..

سيكون الناتح للازرار والهاتف كالآتي:

وفي النهاية نضع التصميم علي خلفية مع عمل انعكاس مائي مع بعض اللمسات الجمالية ..

تطبيقي المتواضع

لتحميل أيقونات الدرس والازرار والشعار اضغط علي تحميل

باسورد فك الضغط www.alwank.com

ملحوظة بسيطة : استغرق الدرس منى يومان في عمله فبرجاء عدم نقل الدرس دون ذكر المصدر وهذه مجرد أمانة لا أكثر ولا أقل ..

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

وفي حالة وجود إستفسارات فأنا في الخدمة ..

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

1- Get Satisfaction

موقع Get Satisfaction من المواقع الشهيرة في عالم الدعم و التواصل مع المستخدمين . فالموقع الذي نشأ في سان فرانسيسكو بأميركا و يقدم خدماته بشكل مدفوع يستضيف أكثر من 30 ألف مجتمع تواصل و يخدم أكثر من 3.5 مليون زائر شهرياً و يتنوع مستخدمي خدماته بين المشاريع الصغيرة إلى الشركات الكبرى مثل Microsoft , Google, StumbleUpon و Mint.com و غيرها من الخدمات الشهيرة عالمياً .

2- User Voice

يأتي User Voice في مقدمة المواقع التي توفر خدمة اقتراحات العملاء فهو يوفر خدماته إما بشكل مجاني أو بخدمات مدفوعة . و يوفر المواقع بيئة سهلة للتواصل مع العملاء و الزوار و استلام مقترحاتهم و إمكانية التصويت على مقترح معين من قبل الزوار و العملاء . و يستخدم الموقع الآلاف حول العالم للتعرف على آراء زوارهم في مشاريعهم و منها المشاريع الكبرى أيضاً و التي تقدمها شركات مثل Sun Microsystems و Nokia .

3- Zendesk

يعتبر ZenDesk من أفضل خدمات الدعم الفني فهو يوفر أنظمة متعددة للشركات و منها نظام التذاكر للتواصل مع العملاء و المستخدمين . و يستخدم تلك الخدمة المدفوعة العديد من المواقع الشهيرة حول العالم و منها موقع التواصل الاجتماعي الشهير Twitter و كذلك TweetDeck, Seesmic, DeviantArt و غيرها .

4- Kampyle

يجمع موقع Kampyle ما بين توفير خدمة افتراحات العملاء و الاحصائيات المتقدمة و التي توفر ما قد يساعد الشركات على معرفة آراء العملاء و اختياراتهم بشكل أدق . و يوفر الموقع ما يزيد عن 10 ملايين استمارة اقتراحات للشركات بأكثر من 60 لغة في 191 دولة حتى الآن و خدم أكثر من 600 مليون مستخدم . و من الشركات التي تستعين بخدمات Kmapyle شركة تسجيل النطاقات الشهيرة GoDaddy و Panasonic و Firefox .

5- H2Desk

يوفر موقع H2Desk العديد من الخدمات للشركات و المواقع مثل خدمات الدعم الفني و خدمات المحادثة المباشرة مع العملاء بالإضافة إلى خدمات إدارة علاقة العملاء Customer Relationship Management و لديه عشرات الآلاف من المستخدمين حول العالم .

هل تعرف خدمات أخرى مفيدة ؟ شاركنا تلك المواقع بتعليقك على الموضوع .

كل رأي له أسبابه سواء في الراحة أو التعب في ممارسة هذه المهنة .

من الغريب في هذه المهنة أن مزاياها تعتبر نفس عيوبها ولكن بطريقة تفكير أخرى .. فسأعرض  في تدوينتي بعض النقاط التي تعتبر محاور الإرتكاز التي ينتج منها المميزات والعيوب لل Freelance

فسأبدأ بالنقاط التي قد تكون سبب في راحة و سعادة ال Freelancer

1- أنت مدير نفسك: نعم أنت تتولى المسؤلية الكاملة عن عملك وتبعد كاملاً عن سيطرة الإدارة على أعمالك كما انك تتلافى بعض الصفات التي قد تتضايق منها كالتعالي و إلتزامك بتنفيذ الأوامر التي يوجهها اليك مديرك كنظام العمل والملبس ومواعيد العمل .. إلخ

2- تعمل بمفردك : أحيانا يكون العمل بمفردك راحة لك للبعد عن مشاكل فريق العمل والبعد عن الغيرة الوظيفية وهذا وارد في كل مكان يجتمع فيه موظفين من نفس المهنة.

3- مواعيد العمل : أنت غير مجبر  على العمل في مواعيد ثابتة كما يحكمك نظام العمل في شركة ما .. فأنت تحدد الوقت المناسب لك للعمل فيه .

4- إختيار مشروع العمل : أمامك الكثير من الطلبات وأنت تختار ما هو مناسب لك وتعمل به كما أنك تقيم مجهودك وما تقابله من أجر .. علي عكس وجودك في شركة فلا يوجد لك حرية في الإختيار بين البدائل المعروضة عليك كما أنك يمكن أن تتعرض لضغوط في كم العمل الذي تقوم به.

5- عدم الإلتزام بمقر : أنت غير ملزم بمكان محدد تعمل به سواء من بيتك أو في مكتبك الخاص .

6-حرية التفكير واتخاذ القرار : أنت لست مجرد آلة تنفذ تعاليم صاحبها أو مديرها .. تستطيع استغلال افكارك في دعم مشاريعك وغالبا تكون الصواب  لانك الأقرب من مشروعك وتعرف ماذا يحتاج وماذا يجب عليك أن تفعل .. وتنفيذ عمل أنت مقتنع به بالطبع يخرجه أفضل من أنك تكون وسيلة لإخراج هذا العمل .

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

8- عائد مادي مقبول : أنت الذي تقيم مجهودك ومقابله المادي فالبطبع ستكون راض عن حافزك المادي .. على عكس أن تكون موظف بشركة فالإدارة هي من تقيّم عملك وتحدد لك راتبك وانت لا تملك سوى الموافقة أو الرفض ..

9- شهرة لا بأس بها : من خلال وضع حقوقك الشخصية علي أعمالك فإنك تخظى بشهرة شخصية في مجالك .. أي أنك لك مطلق الحرية في وضع بصمتك علي كل عمل يخرج من بين يديك .. علي عكس إن كنت موظفاً في شركة فانك ملزم بوضع حقوق الشركة التي تعمل بها وتضيع صلتك بالعمل فور إنتهائك منه .

10- الثقة بالنفس : عندما تملك القدرة علي إخراج مشروعاً كاملا ينافس مشاريع مجموعة من الافراد تعمل في شركة . وعندما يختارك فرد ما أو مؤسسة ما سواء في دولتك أو في دولة أخرى لأنهم يرون أنك من تستطيع عمل ما يرضيهم و يتعاملون  معك بثقة كاملة نتيجة أعمالك السابقة وسمعتك القوية  ..فالبطبع ستكون واثق من نفسك ومن قدراتك وستكون واجهة مشرفة أمام نفسك والجميع ..

11 – الطموح : ترى المستقبل في عملك ولا تحمل هموم الإلتحاق بوظيفة في المستقبل .

12- الوضع الإجتماعي : مما لا شك فيه بأنك تحظى بمكانة إجتماعية مميزة بدايةً من أقاربك ومعارفك وأخيرا من متابعين أعمالك .. وأيضا تتستطيع تكوين علاقات مع كبارالشخصيات في دول مختلفة وهذا يتوقف علي مستواك المهني وطريقة معاملتك ..

كل هذه النقاط تجعلك سعيدا وفخوراً بكونك freelancer ..

الآن بإمكانك  النظر لغالبية النقاط السابقة علي إنها عيوب وسأوضحها بشكل مبسط ..

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

3- مواعيد العمل : بما أنك غير ملزم بميعاد عمل محدد فإنك تواجه مشكلة كبيرة في تنظيم وقتك ويترتب عن هذا تأجيل متكرر للعمل حتي تضغط كم كبير من العمل في وقت قصير ..

4- إختيار مشروع العمل : أحياناً تٌجبر على القيام بعمل لا ترغب به نتيجة قلة البدائل أو الحاجة إلى المال  .

5- عدم الالتزام بمقر : أحيانا تشعر بأنك بحاجة إلى مقر حتي يعترف بك من حولك أنك تعمل ..

6-حرية التفكير واتخاذ القرار : عندما لا تأخذ بنصائح الغير فإنه من الوارد أن تقع في اتخاذ قرارات خاطئة ..

7- إتصالك المباشر بالعميل  : تشعر بمشكلة كبيرة في تواصلك مع طالب الخدمة لأنك لا تستطيع التركيز في شغلك الرئيسي و تواصلك مع العميل يأخذ الكثير من وقتك .

8- العائد المادي : تشعر بحيرة في تحديد ما يقابل مجهودك و هل سيرضى العميل بالسعر المعروض ؟

9- ارتباط الحالة النفسية بطبيعة العمل : عندما تكون في حالة نفسية سيئة فإنه من الصعب عليك أن تعمل وإذا عملت فإن إنتاجك سيكون ضعيف للغاية . بينما إن كنت موظف فلابد من انهاء العمل الذي ستكلف به في جميع الأحوال ..

10- الثقة بالنفس : أحيانا تصل لدرجة الغرور .

11- الطموح : عندما لا تجد أفكارك فتأكد أنك ستصيب بإحباط شديد وستصاب بالخوف والقلق علي مستقبلك المهني.

12-الوضع الإجتماعي : ( المشكلة الكبيرة لل freelancers  العرب بالتحديد ) لأنه لا يوجد مصطلح عربي صريح بمعني كلمة freelance  فغالباً لا يفهم الناس ما هو طبيعة عملنا .. ونفترض أنك قلت مصمم ويب او مطور او غيره   فتأكد أنك ستجد سؤالاً لا تحبه وهو في أي شركة تعمل ؟ .. فالمشكلة توجد في عدم فهم غالبية الناس طبيعة العمل ويستهينو به بمجرد أنه لا يوجد مقر !!!

وأخيرا أود أن أسأل .. هل أنت سعيد بكونك freelancer  أم لا ولماذا ؟

في هذا المقال سنتحدث عن مجموعة المميزات الجديدة في WordPress 3 .

1- أنواع المحتوى المخصصة

ربما من الصعب أن تتخيل ظهور هذه الفكرة في WordPress و لكنها ستتحقق . ففي WordPress 3 سيظهر ما يعرف بأنواع المحتوى المخصصة أو Custom Post Types و لسهولة فهم فكرتها فهي ستسمح لك بتكوين أنواع محتوى أخرى غير التدوينات , فيمكنك مثلاً تكوين محتوى و تسميته “آخر الأعمال” أو ” آخر المنتجات ” أو أي مسمى آخر .

تلك الميزة كان من المقرر صدورها في النسخة 2.9 و لكن تأجل صدورها إلى النسخة 3 بسبب بعض المشاكل التقنية . و هذه الميزة لن تغني عن استخدام التصنيفات Categories و لكنها تعبر عن طريقة لتكوين أنواع أخرى من المحتوى .

2- كوّن مدونات أخرى داخل مدونتك

نعم هذه حقيقة , فالنسخة الثالثة من WordPress ستسمح لك بتكوين مدونات أخرى داخل مدونتك و لن تحتاج إلى تثبيت WordPress Mu ( النسخة متعددة المستخدمين) مرة أخرى و من الأمثلة على ذلك موقع WordPress.com و الذي يستضيف ملايين المدونات المجانية باستخدام هذا النظام . هذه الميزة أعلن عنها Matt Mullenweg في مؤتمر WordCamp الأخير الذي عقد في مدينة سان فرانسيسكو الأميركية .

إذاً من خلال هذه الميزة, يمكنك أن تكون مدونات داخل مدونتك ربما لأصدقائك أو لأي غرض آخر بسهولة و يمكنك أن تكون عناوين تلك المدونات بأن تكون نطاقات فرعية من نطاقك الرئيسي sub.domain.com أو أن تكون جزء من الموقع domain.com/blog . و هذه الميزة لن تضرك إذا لم ترد استخدامها فهي مجرد ميزة جديدة يمكن استخدامها أو تجاهلها .

3- نظام تكوين القوائم

WordPress لا تسعى أن تقول للعالم أنها تكون برنامج إدارة محتوى و لكنها تحاول أن توفر كل ما يساعدك أن تكون مدونة بشكل احترافي . و من خلال نظام تكوين القوائم الجديد في WordPress 3, يمكنك أن تكون قوائم الموقع مثل القائمة الرئيسية التي تكون عادة في بداية الموقع و يمكنك أن تضع بها ما تريده سواء صفحات أو أقسام أو تدوينات أو مجرد رابط عادي تضيفه بنفسك في لوحة تحكم القوائم و يمكنك أيضاً ترتيبها بسهولة (Drag & Drop) و تكوين قوائم جزئية Sub-Menus .

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

4- وضع خلفية مخصصة لمدونتك

يمكن للمستخدم الآن أن يضع خلفية مخصصة لمدونته أو موقعه من خلال لوحة التحكم بكل سهولة , فبمجرد إضافة كود بسيط في القالب الذي تستخدمه ستظهر لك إعدادات جديدة في لوحة التحكم تمكنك من رفع صورة لوضعها كخلفية للموقع دون الحاجة إلى الخبرة في التعديل على ملفات القالب المستخدم . و لتشغيل تلك الخاصية في القالب , يجب إضافة الكود التالي في ملف functions.php :

1

    add_custom_background();

5- تكوين اسم مخصص لمدير الموقع

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

في النسخة الجديدة وفرت WordPress هذه الميزة أثناء تثبيت النسخة بأنها ستسمح لك باختيار اسم المستخدم الذي تريده قبل التثبيت بدلاً من استخدام اسم admin .

6- دلائل مساعدة أثناء التثبيت

ربما لا يهتم بدلائل المساعدة من هم على دراية جيدة بكيفية استخدام WordPress . و لكن للمبتدئين, يمكنهم أن يجدوا في النسخة الجديدة دليل لمساعدتهم أثناء تثبيت أي قالب أو إضافة جديدة و كذلك أثناء تثبيت WordPress نفسها .

7-مجتمع مطوري الإضافات و Canonical Plugins

و هي ليست ميزة في قلب WordPress و لكنها من الخطوات التي كان من الضروري تنفيذها و التي تعمل عليها Jane Wells مع المطورين . و سيفيد هذا المجتمع في أن يوفر الدعم و التحديث لإضافات WordPress و التي أحياناً يتوقف دعمها بسبب انشغال المطور أو أسباب أخرى و ستكون مهمة هذا المجتمع أن يستكمل تحديث الإضافات لكي تعمل مع أحدث نسخ WordPress .

8- قوالب مخصصة للكُتَّاب

تسمح WordPress في نسختها الجديدة أن يتم تكوين قوالب مخصصة لكل كاتب من الكتاب في المدونة بعد أن قدمت WordPress نفس الميزة و لكن على أساس التصنيفات بتكوين ملفات على هيئة category-slug.php . و سيتم على سبيل المثال تسمية اسم القالب باسم الكاتب على هيئة author-hisham.php في مجلد القالب .

بعد استعراض الجديد في WordPress 3 . هل ترى أنها مميزات ستحقق المزيد من الفاعلية في مدونتك و أنها ستفيدك بشكل مؤثر أم أن تلك المميزات سيستفيد منها فئات من المستخدمين على حساب فئات أخرى ؟

[تحديث] : ربما لم أبذل الكثير من البحث فقد اعتمدت على متابعتي للمواقع المختصة في ووردبريس أو المصممين العرب و لم ألاحظ تدوينة الأخ عبد الملك الثاري عن فكرة المحتوى المخصص Post Types , لذلك وجب التنبيه و أشكره على اهتمامه :)

في هذا الموضوع سنتحدث عن مجموعة من تلك الإضافات و التعديلات .

نعتذر عن التأخر في إضافة المواضيع و نعدكم بالأفضل في المرة القادمة

1- إزالة الإضافات الغير ضرورية

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

2- تحديث WordPress لآخر إصدار

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

3- تحسين أحجام الصور

من النصائح المهمة في أي موقع هو تحسين حجم الصور المستخدمة في الموقع أو المدونة حيث لا يحتاج الموقع إلى وقت طويل من أجل تحميل الصفحة على أقل سرعة لنقل البيانات . يمكن القيام بتحسين أحجام الصور من خلال عدة أدوات إما من خلال برنامج Photoshop باستخدام خاصية Save for Web & Devices حيث يتم حفظ الصور بجودة أقل و بحجم أمثل في مختلف الصيغ سواء كانت gif, jpg, png .

كذلك يمكن استخدام بعض التطبيقات على الإنترنت مثل Online Image Optimizer أو استخدام تطبيق Shrink O’Matic على بيئة Adobe Air .

4- استخدام خدمة لاستضافة الصور

من الأفضل أن تستخدم خدمة مستقلة لاستضافة الصور الخاصة بموقعك بدلاً من استضافتها على سيرفر الموقع نفسه فخدمات استضافة الصور توفر أسرع و أفضل طريقة لتحميل الصور في الصفحات بالإضافة إلى تقليل الحمل على سيرفر الموقع . كذلك يمكن استخدام خدمة لاستضافة ملفات CSS و Javascript و ليس للصور فقط . و من الخدمات المشهورة التي تستخدم في هذا الغرض خدمة Amazon S3 و يستخدمها عدد من المواقع الكبيرة و المشهورة و منها Twitter و هي خدمة ذات مقابل مادي , و كذلك هناك Dropbox الشهير و الذي يمنحك مساحة مجانية تبدأ من 2 جيجابايت .

5- تحسين قاعدة بيانات WordPress

من الخطوات المهمة بعيداً عن لوحة تحكم WordPress هي تحسين قاعدة بيانات الموقع و ذلك عن طريق phpMyAdmin , و يمكن أن يقوم بتلك الخطوة أي مبتدىء و لا تحتاج إلى مجهود و ذلك باختيار جداول قاعدة بيانات WordPress و اختيار Optimize Table . هذه الخطوة ستقوم بتحسين حجم قاعدة البيانات . إذا كنت تمتلك موقعاً كبيراً فربما تأخذ تلك الخطوة بضع دقائق .

6- تحسين استخدام مكتبات Ajax

من الخطوات التي يغفلها البعض أثناء تصميم و تطوير قوالب WordPress هي كثرة إضافة ملفات مكتبات Ajax و تحميلها على الموقع و أحياناً تستهلك الكثير من الوقت في عملية نقل البيانات . و يمكن دمج ملفات مكتبات Ajax من خلال Google Code و التي توفر معظم مكتبات Ajax الشهيرة مثل jQuery , MooTools, Prototype, Dojo .

7- إضافة WP Super Cache

إضافة WP Super Cache من الإضافات التي يعجب الكثيرون باستخدامها فتلك الإضافة تقوم بتكوين صفحات HTML ثابتة من صفحات الموقع  أو المدونة و تخزينها على سيرفر الموقع و عند استدعاء صفحة معينة يتم جلب الصفحة الثابتة بدلاً من الصفحة الأصلية من قاعدة البيانات .

في هذا المقال سنوضح بعض النصائح الأساسية لقابلية الاستخدام .

1- توفير المحتوى المساعد للموقع

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

• صفحة الأسئلة و الأجوبة أو صفحة الأسئلة المهمة : و هي الصفحة التي توفر سؤال و جواب لتوضيح أي عوائق ممكن أن يواجهها المستخدم .
• صفحات المساعدة / دليل المستخدم : و هي الصفحات التي توفر دليل شامل لمساعدة المستخدم يحتوي على جميع التفاصيل سواء المعروفة أو الغير معروفة و التي تساعد المستخدم سواء كان مبتدىء أو متقدم .
• نظام التذاكر : و هو النظام المتبع في الكثير من المواقع الناشئة أو التطبيقات الجديدة و التي توفر للمستخدمين طريقة للتواصل مع فريق العمل و طرح المشاكل أو الاقتراحات .
• المنتديات : و المقصود بها ليس المفهوم الشائع عربياً و إنما المنتديات المساعدة و المتخصصة و التي توفر المعلومة للمستخدم .
• خريطة الموقع : و هي التي توفر خريطة شاملة لجميع الصفحات و الأقسام الموجودة بالموقع و التي يمكن للمستخدم العادي دخولها و قراءة محتواها .

2- توفير محرك البحث

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

من الأمثلة الجيدة محرك البحث الخاص في مدونة عالم التقنية فمحرك البحث يقع في أعلى الموقع و في الحقل يوجد زر البحث على شكل عدسة و هو الشكل الأشهر للبحث , كما أن جملة “ابحث من هنا” تساعد أيضاً في تعريف المستخدم بأن الحقل خاص بالبحث .

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

3- تنسيق المحتوى بشكل أفضل

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

و يُفضل أن يتم الاعتماد بشكل أساسي في عمليات التنسيق على استخدام CSS حتى يتم الابتعاد عن إدراج وسوم التنسيق مع النص ” فصل التنسيق عن المحتوى ” .

4- ترتيب الحقول في استمارات التسجيل – التواصل

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

5- الصفحة الرئيسية تدل على البقية

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

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

في هذا المقال نوضح كيفية القيام بذلك في WordPress .

تحديد أجهزة الموبايل

يجب عند زيارة الموقع أن يتم تحديد ما إذا كان الزائر قد دخل الموقع باستخدام الموبايل أو عن طريق جهاز شخصي آخر و يتم ذلك باستخدام خدمة DetectMobileBrowsers و باستخدام ملف التحقق من الموقع و الذي يتم إضافته داخل مجلد القالب في WordPress , يتم التحقق من متصفحات الموبايل . و يتم ذلك بإضافة الكود التالي في ملف header.php في القالب :

1
2
3
4
5
6

include('mobile_device_detect.php');
$mobile = mobile_device_detect();
 
if ($mobile==true) {
  header( 'Location: http://example.com/?theme=Your_Mobile_Theme' ) ;
}

و من خلال هذا الكود يتم تحويل متصفحات أجهزة الموبايل إلى الموقع باستخدام قالب مصغر . و عادة لا يتوفر قوالب جاهزة للموبايل لذلك من يستخدم تلك الطريقة لابد له من تصميم قالب مصغر خاص به . إضافة Theme Switch and Preview ضرورية و ذلك للتمكن من التحويل للقالب المصغر (سطر رقم 5 في الكود السابق) .

إضافات جاهزة للموبايل

هناك حلول أسهل و تتم من خلال إضافات جاهزة للموبايل يتم استخدامها و تقوم بتلك العملية تلقائياً و تحويل متصفحات الموبايل لصفحة مصغرة للموقع و من ضمن تلك الإضافات WPTouch و WordPress Mobile Edition و dotMobi WordPress Pack

نسخة WordPress 2.9 تجمع مجموعة متنوعة من المميزات الجديدة التي ستظهر لأول مرة و أشهرها خاصية “Trash” و التي ستسمح للمدير بحذف تدوينات, صفحات, تعليقات أو ملفات مرفقة بشكل مؤقت بحيث يمكن استرجاعها أو حذفها للأبد .

كذلك تظهر النسخة الجديدة بداية الاهتمام بالصور و ترتيبها داخل المدونة حيث سيمكن في النسخة الجديدة و النسخة القادمة من WordPress تكوين ألبومات للصور . بالإضافة إلى العديد من المميزات الأخرى مثل عملية إصلاح و تحديث تلقائي لجداول قاعدة البيانات إذا حدثت مشكلة , و ترتيب التعليقات وفقاً للتاريخ “تصاعدياً أو تنازلياً” ,و إضافة التعليقات في الصفحات في القالب الافتراضي Kubric و العديد من المميزات و الإصلاحات الأخرى , يمكنك الاطلاع عليها من خلال صفحة نسخة 2.9 في دليل WordPress .

و في تدوينة فريق التطوير الرسمية عن الإصدار التجريبي ,تمنى Matt Mullenweg مؤسس WordPress أن يقوم مجموعة من المهتمين بالتقنية بالترقية للنسخة الجديدة و تجربتها , و كذلك تجربة الإضافات الخاصة بـ WordPress إذا كانت تعمل على الإصدار الجديد أو لا و تسجيل ذلك في الخاصية الجديدة في لوحة التحكم و موقع WordPress.org و التي تقوم بتقييم الإضافة من حيث دعمها لإصدارات WordPress أولاً بأول و هو جزء جديد من تفاعل المجتمع التقني مع WordPress في تسهيل و تنظيم قسم الإضافات في الموقع .

# تنزيل الإصدار التجريبي الأول من WordPress 2.9

في هذا المقال سنعرض مجموعة من الخلفيات المميزة لبعض المواقع سواء عربية أو أجنبية .

1- Egyptweets

من المواقع الجديدة و التي لم يمر عليها وقت طويل و هو موقع Egyptweets من شركة eSapce و الذي يعرض الرسائل المرسلة على Twitter من المستخدمين المصريين .

2- Tarek Shalaby

موقع المصمم “طارق شلبي” و هي من المواقع المتميزة للمصممين المصريين و يوفر مجموعة من أشكال Patterns في خلفية الموقع بعدة ألوان مختلفة .

3- خلفية متعددة الألوان

من الخلفيات التي أعجبتني و التي تحتوي على مجموعة مختلفة من الألوان .

4- مجموعة أشكال Patterns

5- أشكال Patterns دائرية

6- أشكال Patterns سوداء

7- Skullz Pattern

8- Retro Patterns

9- Paragon Pattern

10- Catcher Patterns

سأنقل صورة مما يحدث الآن بين المصممين والمطورين والعملاء من حيث الأسعار والمعاملة والحالة المزاجية للمصممين..

تصفحت ركن عروض وطلبات التصميم في منتدي ترايدنت  منذ عدة أيام

الصراحة ذهلت مما أقرأه واصابتني دهشة غريبة !!

أصبح العميل هو الذي يحدد السعر , وأصبح العميل هو الذي يحدد مدة العمل .  والشيء المستفز فعلا هو أنهم يجدون  من يرد عليهم ويقول نعم بإمكاني عمل هذا

سأعرض بعض الصور لبعض الطلبات في ترايد نت لتؤكد كلامي.

فما رأيكم في هذا ؟  الصراحة أنا فعلا ذهلت وايضا ضحكت :)

حدد سعر 100 ريال لتصميم استايل .. ومن سعره أكبر لا يرد ( أصبح صاحب ترايد نت حتي يقول رد ولا ترد ! )

ويوجد آخر

وهذا الفرد الصراحة كريم إلى حد ما حدد سعر 200 ريال لتصميم استايل.

فهل تعب تصميم استايل منتدي وتقطيعة يساوي 100 أو 200 ريال ؟

ويوجد من يطلب استايل منتدي مقابل دومين !! ب (30 ريال )

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

اريد أن أعرف ما السبب الذي أدى لضعف مكانة المصممين والمطورين بين طلاب الخدمة

فهل السبب هو أن المصممين هم من وضعو نفسهم في هذا الموقف ؟

أم السبب كثرة المصممين والمطورين ومديري السيرفرات؟

أم السبب من العملاء ؟

فكرت كثيرا في هذه الأسئلة وفكرت في إجابتها ولكني لا أجد جوابا وافياً  ..

ولكني أتعجب من الغرب رغم كثرة المصممين والمطورين ولكن كل منهم يحتفظ بقدره ويعلم قدر نفسه ..

هل تعلم أسعار المصممين الأجانب ؟

هل تعلم أن أجر المصمم أو المطور  في الخارج 30 دولار في الساعة ؟

هل تعلم أن اقل تصميم خاص لموقع يكون سعره 700 دولار ويصل إلى 4000 دولار وأكثر  ؟

بالتأكيد لا يوجد  مقارنة ..

سأتحدث أيضاً عن أنواع العملاء بعد الإتفاق

• النوع الأول وهو الأسوأ علي الإطلاق : هذا النوع من العملاء يعتقد أنه قد اشترى المصمم بقدر ما دفعة من مال للتصميم , فيلاحظ المصمم معاملة غريبة من العميل وعدم إحترام للمصمم , ويجبر المصمم على عمل أشياء أكبر مما اتفقا عليه واذا رفض المصمم تنفيذ للعميل شغل أكبر من حقو يفاجأ من العميل يقول له ( لا أريد التصميم , ارجعلي فلوسي )  بعد التعب الذي عاناه المصمم من العميل من شغل وتعديلات لا نهائية  , وبعد الإنتهاء يقول لا للحقوق لا اسمح بارتباطات اعلانية في موقعي !! ..
• النوع الثاني متوسط : يريد التصميم فقط بالشكل المناسب والميعاد المحدد .
• النوع الثالث و هو الأحسن والأحب إلى قلب المصمم  : يجبر المصمم بإحترامه وتقديره وعمل كل متطلابته حتي لو أكبر من المتفق عليه .. فقط بكلمة طيبة تجبر المصمم ينفذ كل ما يطلبه ..

الناتج عن هذا

هذا نتيجة ضعف الحافز الأخلاقي والمادي للمصمم ..

- حالة من الملل يصاب بها المصممين .

- ضعف الحافز علي الاضطلاع للمزيد من الخبرة .

- كره المصمم لعمله لأنه لا يجد من يقدر مجهوده.

- ضعف ناتجه من التصميم لضعف حالته المزاجيه وللأسباب السابقة .

فما الحل ؟