إرشيف التصنيف: ‘تصميم المواقع’

عرض التعليقات على الصفحات في ووردبريس

توفر ووردبريس خاصية التعليق على الصفحات مع اتاحة امكانية تفعيل ذلك أو تعطيله لكل صفحة على حدى .. ولكن مع ذلك فإن معظم الثيمات بما فيها الثيم القياسي Default لا يحتوي قالب Page.php فيها – و هو المسؤل عن عرض الصفحات – على داله إستدعاء التعليقات و صندوق إضافة تعليق جديد .. أي أنك حتى لو أتحت امكانية التعليق على الصفحة فلن يمكن للزوار ذلك حيث لن يظهر قالب التعليقات ..

لم أفهم سبب إسقاط هذه النقطة من كل القوالب .. على كل حال هذه هي طريقة عرض قالب التعليقات في الصفحات : ( اكمل قراءة التدوينة )

شرح إستخدام الحقول الخاصة في ووردبريس

custom-fields

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

مواقع إستخدمت فيها الحقول الخاصة …

حسناً لنبدأ …
( اكمل قراءة التدوينة )

طريقة عرض عدد متابعيك على تويتر في مدونتك

من منا لم يعد يستخدم تويتر … بل أصبح يمثل للبعض منا إدماناُ … ومع إنتشار تويتر ظهرت الكثير من من الاضافات و الطرق التي تمكنك من إضافة اخر ” تويتراتك ” في مدونتك …. ربما أتناولها في تدوينة قادمة ان شاء الله .. لكن كيف يمكن عرض عدد المتابعين لحسابي في تويتر في مدونتي ؟

حسناً اليك بعض الطرق :

TwitterCounter.com

twitter-counter1
( اكمل قراءة التدوينة )

إعرض عدد متابعي الخلاصات كما تريد !

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

Feedburner Text Count إضافة ووردبريس تمكنك من عرض عدد متابعي الخلاصات بشكل نصي مما يتيح لك تخصيص طريقة عرضها كما تريد … كمثال على عمل الاضافة يمكنك رؤية عدد متابعي خلاصات المدونة في الهيدر
( اكمل قراءة التدوينة )

[ معرب ] إضافة WordPress Mobile Edition

wp-mobile-edition

إنتهيت بفضل الله من تعريب اضافة WordPress Mobile Edition و التي تقوم باضافة  واجهة تصفح للمدونة لمستخدمي الهواتف النقاله …  حيث يتم تحويلهم الى هذه  الواجهة بشكل تلقائي بمجرد دخول المدونة … هذه الاضافة تدعم المتصفحات الشهيرة على الهواتف بالاضافة الى الهواتف بتقنية اللمس مثل iPhone و الهواتف التي تستخدم Android …

طريقة تركيب الاضافة :

  • انقل الملف wp-mobile.php الى مجلد الاضافات plugins   الموجود داخل مجلد wp-content
  • انقل المجلد carrington-mobile-1.0.2 الى مجلد القوالب themes الموجود داخل مجلد wp-content
  • من صفحة الاضافات في لوحة التحكم قم بتقعيل الاضافة Wordpress Download Monitor

( اكمل قراءة التدوينة )

عزيزي IE6 هذا يكفي .. ارحل الان !!

اذا كنت مصمم مواقع فبكل تأكيد قد واجهتك مشاكل و صعوبات مع مستعرض Internt Explorer 6 في عرض تصاميمك والتي في الغالب تظهر على اغلب المستعرضات بشكل سليم الا هذا المستعرض الفقير في دعم المعايير القياسية و الذي لا يدعم العديد من خواص CSS ولهذا فنحن نضيع الكثير من الوقت في سبيل ايجاد حلول لهذه المشاكل ليظهر الموقع بشكل سليم على هذا المستعرض مستخدمين ملفات جافاسكريبت لحل مشكلة ما او استخدام خواص CSS خاصه به او حتى كتابة ملف CSS كامل خاص له فقط !! بالطبع كل هذا يضيع الكثير من الوقت و الجهد …

Dear IE 6 موقع بفكرة طريفة قائمة على عرض رسائل من المستخدمين الى IE6 الموقع يحتوي حتى لحظة كتابة هذه التدوينة على أكثر من 1000 رساله متنوعة اللهجة ولكنها مجمعة على طلب الرحيل ، منها من يطلب الرحيل باسلوب لطيف و البعض الأخر غاضب لدرجة السباب :D يعتمد الموقع على تجميع هذه الرسائل من خلال تويتر ، فقط قم باتباع حساب الموقع على تويتر ثم ارسل لهم رد (reply) برسالتك و سيتم عرضها في الموقع …

حسناً .. عن نفسي يمكنني أن اقول له  ( عاملا بارحموا عزيز قوم ذل ) :

عزيزي IE6 … كنت يوما ما الأفضل .. ارحل الان لتترك ذكرى طيبه :)   ..

ماذا عنك ماذا يمكنك أن تقول لـ IE6 … لكن بدون سب :D ..

15 مصدراً للخلفيات المزخرفة ( pattern )

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

DinPattern



( اكمل قراءة التدوينة )

طريقة تخطي فحص CSS مع الخواص الغير قياسية !

مطابق للمعايير القياسية
الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة ..

بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found :D و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة : ( اكمل قراءة التدوينة )