تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

Posts tagged ‘اخر’

طريقة منع أرشفة صفحة الأرشيف في ووردبريس لمنع المحتوى المكرر – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

لمنع محركات البحث من أرشفة صفحة الارشيف يمكنك استخدام عدة طرق:

All in One SEO Pack:

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

استخدام ملف Robots.txt:

وهو ملف لتوجيه محركات البحث والتحكم في الصفحات التي تراها والتي لا تراها. فقط أضف هذه الجملة في الملف.

User-agent: Googlebot;
Disallow: /*page_id=(أضف هنا رقم التعريف للصفحة)

يمكنك تغيير Googlebot إلى أي متغير خاص بمحرك بحث آخر مثل Yahooslurp أو Adsensebot أو استخدام علامة النجمة* لمنع جميع محركات البحث.

إضافة كود توجيهي في ملف الهيدر:

يمكنك أن تضيف هذا الكود البسيط في أي مكان في ملف header.php الموجود في مجلد القالب المستخدم ضمن وسم <head>

<?php if(is_archive()) { ?><meta name=”robots”
content=”noindex”><?php } ?>

انتهى الدرس

التصنيف:

الووردبريس wp

Tagged with:

مفهوم قابلية الإستخدام للوورد بريس – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

لقد قلت في الاكاديمية عن عناصر المدونة الناجحة أن أحد أهم الأشياء التي عليك أن تراعيها وتعطيها الكثير من الإهتمام إذا أردت أن تصنع مدونة ناجحة هو “قابلية الإستخدام” أو usability باللغة الإنجليزية. وقد تتسائل ما هو مفهوم قابلية الإستخدام وكيف لك أن تتأكد أن موقعك أو مدونتك تراعي هذه الأمر. سأحاول في هذه التدوينة أن أشرح لك خصائص هذا المفهوم ومتطلباته بسرعة.
لنبدأ بالسؤال التالي: في ظل وجود الملايين بل والبلايين من المدونات والمواقع، كيف تضمن تفوّق موقعك على المواقع الأخرى؟ قد تقول المحتوى. وهذا صحيح! لكن ما الفائدة في أن تمتلك “محتوى” (سواء كان ذلك معلومات أم عروض أم بضائع) لا يمتلكه غيرك ولكنك لا تستطيع أن تعرضه للزائر بطريقة مناسبة تمكنه الوصول إلى مبتغاه بسهولة وبسرعة؟ ثم لنفرض أنك تعرض نفس الشيئ لموقع أو مدونة أخرى، لماذا سأختار التعامل معك وليس مع الشخص الآخر؟ هذا هو بالضبط علم قابلية الإستخدام: أن تجعل موقعك أو مدونتك سهلة الإستخدام وجذابة للزائر وخالية من الأخطاء، سواء الإملائية أم المتعلقة بالتصميم.
يصبح السؤال الآن: كيف أصنع مدونة ذات قابلية للإستخدام؟ بالطبع لا توجد إجابة محددة.. فكل موقع مختلف ولكل مصمم أو مطوّر ذوق مختلف! ولكن هناك أشياء رئيسية عليك أن تتأكد من مراعاتها لتجعل الموقع سهل الإستخدام، وهناك أيضاً أخطاء شائعة عليك التغاطي عنها.

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

التصنيف:

الووردبريس wp

Tagged with:

إضافة yourcolor – Readable

إضافة  Readable

yourcolor.net

yourcolor.net
yourcolor.net
إضافة جديدة تنضم إلى الإضافات التي برمجتها وهي إضافة Readable
قبل أن ندخل في التفاصيل المملة أنا أؤكد وبشكل عنيف أن فكرة الإضافة هو عرضها علي وأنا قمت ببرمجتها وأنا أقول له Thank YOU
الفكرة باختصار هي ودجت تعرض أيقونات لكي تجعل الزوار تضيف رابط الخلاصات الخاص بيك إلى أشهر قارئات الخلاصات أونلاين مثل قوقل ريدر ونيوزقاتور …..إلخ
والصورة توضح أكثر
== طريقة التركيب ==
كالمعتاد نرفع مجلد الإضافة مع بعض إلى مجلد plugins
ثم مع بعض نروح على صفحة الاضافات ونفعل الإضافة واللي هي باسم Readable
وآخر شي وأيضاً مع بعض نروح على صفحة ” مربعات القائمة الجانبية” ونضيف الودجت ثم نختار الخدمات اللي عايزينها تظهر في الودجت وإذا عايز تغير عنوان الودجت ممكن تغيره .
++ التحميل ==
http://wordpress.org/extend/plugins/readable/

التصنيف:

الووردبريس wp

Tagged with:

[Udem] محرك قوالب بفكرة جديدة – yourcolor

[Udem] محرك قوالب بفكرة جديدة

yourcolor.net

yourcolor.net

yourcolor.net

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

<!-- contents -->

طلب بلوك من ملف php تتم معالجته مسبقا يعني مثل بلوك اخر عشرة مقالات يتم جلبه بدالة file_get_contents
طريقة الاستخدام
الخطوة الأولى
يجب ان يكون تصميمك متوافق مع هذه الصورة، مع مراعاة كتابة الأكواد في أماكنها الصحيحة:

<!– contents –>
<!– block: block_right –>
<!– block: block_left –>

الخطوة الثانية

<?php
// طلب ملف المحرك
include(‘Udem.php’);
// تعريف المحرك
$udem= new Udem;

// قرأة ملف القالب
$udem->ReadUdem(‘template.html’);

// تقسيم القالب الى نصفين وهذه الخطوة مهمة جدا
$udem->Center(‘contents’);
// تجربة طباعة نص في وسط ملف القالب
echo “تجربة المحرك مع ملف التصميم”;
// طباعة ما تبقى من ملف القالب
$udem->Angaro();
?>

تحميل آخر إصدار

هنا

التصنيف:

الووردبريس wp

Tagged with:

بعض من دوال ووردبرس WordPress Function

بعض من دوال ووردبرس WordPress Function

yourcolor.net

yourcolor.net

yourcolor.net

هي بأختصار دوال functions (أو لنقل سطر برمجي) سابقة التجهيز فى وردبرس و تستطيع بها أن تفعل أشياء جميلة .. أمثلة:
لعرض قائمة أقسام المدونة

<?php wp_list_cats(); ?>

لعرض قائمة بصفحات المدونة الثابته

<?php wp_list_pages(); ?>

لعرض قائمة لأرشيف المدونة

<?php wp_get_archives(); ?>

لعرض قائمة بالروابط الخارجية

<?php get_links_list(); ?>

لعرض قائمة بأخر التعليقات المضافه

<?php @wp_widget_recent_comments(''); ?>

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

<?php @wp_widget_recent_entries(''); ?>

لعرض قائمة بالإسم الكامل للمسجلين بالمدونة(مفيدة للمدونات الجماعية مثل المشروع)

<?php wp_list_authors('show_fullname=1&exclude_admin=0'); ?>

 لعرض وصف القسم الحالي

<?php category_description(); ?>

شرح تفصيلي

<?php fetch_rss('xxx'); ?>

 تطبع لك أول 50 كلمة فقط من التدوينه بغض النظر عن خيار طرح الخلاصات كاملة أو جزئية

<?php the_content_rss('', TRUE, '', 50); ?>

(الإستخدام: إفتح ملف “الصفحة الرئيسية” فى القوالب و إستبدلها بدالة حيث xxx هى كلمة متغيرة حسب الثييم الذي تستخدمه).

<?php the_content('xxx'); ?>

الطريقة العامة لإستخدام هذه الدوال
الطريقة العامة لإستخدام أى من الدوال السابقة يكون بنسخه و لصقه فى أى ملف من ملفات القالب، فمثلاً لو أردت طبع صفحات المدونة الثابته فى أعلى الصفحة، إنسخ الدالة الخاصة بذلك فى أعلى الصفه 😀 .. أقصد ملف أعلى الصفحة فى القالب الذى تستخدمه. بالطبع هذا يتطلب أن تكون عندك خلفيه و لو بسيطه على الـ HTML

الطريقة الخاصة بكل داله

هناك لكل دالة من هذه الدوال ما يعرف عربياً بالمقابض أو تقنياً Arguments و هى مثل الخيارات Options فى أى برنامج و مثال على ذلك أخر دالة ذكرتها و التى تطبع أول 50 كلمة من التدوينه، حيث يمكنك تغيير الرقم 50 إلى 60 مثلاً و هذا يسمى argument خاص بالدالة أو مقبض تتحكم فيه بخصائص ما ستطبعه
أدوات إضافية
بصور رئيسية يجب أن تعلم هل الدالة التى ستستخدمها متوافقة مع إصدارة وردبرس الخاصة بك أم لا و هذه البرمجية تساعدك كثيراً فى هذا الأمر WordPress Functions Implementation History

التصنيف:

الووردبريس wp

Tagged with:

معرض الوسوم