أخطاء تدوينية شائعة – yourcolor

الووردبريس wp

خلال السنتين الماضيتين أظن أني تابعت أكثر من عشرون مدونة تقنية مختصة بتصميم المدونات والمواقع باللغة العربية. وقد شاهدت العشرات غيرها تبدأ ثم تختفي أو يُكتب فيها تدوينتان أو ثلاثة ثم تُترك لشأنها. ولكن ليس هذه المواقع “المُهملة” ما يهمني هنا. إن ما يهمني هو حال تلك المدونات الفاعلة والتي يدّعي أصحابها أنهم مصممو ومطوّرو مواقع ويب أو مدونات ويقدمون نصائح وتصاميم وخدمات للآخرين. عن هؤلاء موضوع هذه التدوينة.

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

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

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

3-  صور الإيقونات فوق الكلمات.
تحتوي الكثير من المواقع على صور للإيقونات وهذه أمر جيد ومهم ومفيد. لكن للأسف فإن العديد من هذه الصور تجدها فوق الكلمات الدالة. أدرك مدى صعوبة الأمر وخصوصاً عند إستخدام متصفح إكسبلورر الغبي.. ولكن أنصحك لا تستخدمها إلا إذا توافقت مع جميع المتصفحات وليس مع فيرفوكس لوحده.

4- عدم دعم متصفح إنترنت إكسبلورر.
أدرك جيداً – كما قلت – غباء وتعاسة متصفح IE ولكنك لا تستطيع الفرض على زوّارك إستخدام متصفح معيّن! قد تخسر العديد من القرّاء بهذه الطريقة. عليك أن تدرك أن متصفح IE هو الأشهر والأكثر إستخداماً بين العامة من الناس ولذلك عليك أن تدعمه سواء أعجبك أم لم يعجبك. عليك أن تتأكد من أن موقعك يراعي مطالب جميع المتصفحات وليس واحد أو إثنين.

5- توسيط الخطوط.
الموقع العربي الناجح لا يوسّط الخطوط. لا أفهم سبب هذه الظاهرة البشعة على الإطلاق. فكما بإمكانك توسيط الخط يمكنك أن تجعله من اليمين إلى اليسار! أرجوك لا توّسط الخط.

6- إستخدام خدمات الإستضافة المجانية.
إذا كنت جاد في التدوين وبعرض خدماتك للزبائن لا بد أن تمتلك إسماً خاصاً لك (domain)على الشبكة وأن لا تستخدم خدمات الإستضافة المجانية أياً كانت.

7- الروابط لا تعمل وعدم الإنتباه إلى التفاصيل.
إذا وضعت رابطاً في موقعك فعليك إختباره مهما كان، سواء لصورة أو لصفحة أو لتحميل أو تنزيل ملف أو مجلّد. إستخدم هذه الإضافة وتأكد أنها تعمل كما يجب. إنتبه إلى التفاصيل واختبر كل شيئ… كل زر كل كبسة كل خدمة يجب أن تعمل وبسهولة وبالعربي.

8- الموسيقى بمجرد دخول الموقع.
أزور بعض المدونات والمواقع العربية ومجرّد ما تدخل الصفحة الرئيسية تبدأ الموسيقى أو الآيات القرآنية! وهذا خطأ برأيي. بالطبع، قد يكون موقعك دينيَ أو مخصص بالموسيقى وبالتالي يمكنك أن تقوم بذلك. ولكني أعتقد أنه من الخطأ أن تجبر الزائر على الإستماع إلى شيئ معيّن بمجرد الدخول إلى موقعك. ماذا لو كان الزائر في مكان العمل مثلاً؟ أو كان صوت الجهاز عال جداً؟ بالتأكيد سيخرج الزائر من الموقع فور دخوله، وبالتالي فإنك تبعد الزوار عن موقعك بدل من جذبهم.

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

10- شريط الأخبار.
إلا إذا كنت صاحب موقع مخصص بالأخبار بالطبع، أعتقد أنه من الخطأ أن تضع شريط أخبار تابع للجزيرة مثلاً. وقد تجد الكثير من المواقع التي لا علاقة لها بالأخبار تقوم بذلك. وهذه خطأ برأيي. وقد لا تتفق معي وتوّد إستخدام الشريط المتحرك لعرض مادة ما. في هذه الحالة عليك أن تتأكد أنه يعمل بدقة وأن الكلمات لا ”تمشي“ فوق الصور وفوق الكلمات الأخرى، وذلك على جميع المتصفحات وليس فيرفوكس وحده!

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

12- إستخدام عناوين غامضة.
>تجد بعض المدونين يستخدمون عناوين غامضة غير مفهومة البتة للتصنيقات و الأقسام والصفحات…إلخ. فقد تجد كلمات مثل ”خرابيشي“ كإسم تصنيف أو ”كلام الطيور“ كعنوان صفحة المراسلة. وهذا خطأ كبير. فقواعد التصميم وقابلية الإستخدام تحتم عليك تسهيل وصول الزائر إلى مبتغاه بأسرع وقت وليس تعقيد المسألة. إنها يا إخوتي صفحة مراسلة. لا تجعلني أفكر!! أريد أن أجد الصفحة والمعلومة دون جهد وتعب وتعقيد.

13- الكلام ثم الفعل.
لا أقصد هنا كثرة الوعود كما قلت سابقاً وإنما الإعلانات التي يقوم بها بعض المدونين عن إفتتاح قسم جديد في المدونة مثلاً أو عزمهم بدأ سلسلة جديدة أو القيام بحوارات…إلخ. لماذا يا أخي لا تكتب تدوينة مفيدة وتضعها في القسم الجديد وإنتهت القصة. في هذه الحالة تكون قد حققت هدفك بجهد أقل وقمت بالفعل بفتح قسم جديد بدل الإعلان عن القسم ثم بعد أسبوعين إضافة أول تدوينة له! إفعل أكثر وتكلّم عن أفعالك أقل، فسيحترمك الزوّار أكثر ويقدرونك ويقدرون جهدك.

14- التقليد الأعمى.
”لا تشبه إلا نفسك“. وقد وجدت في جملته هذه عبرة ما بعدها عبرة. في ظل وجود الآلاف والملايين من المدونات فإنه لتضييع وقت وجهد أن تحاول تقليد الآخرين. وخصوصاً فيما يتعلق بالمدونات التقنية، فبالرغم من أن المواضيع تتشابه وقد تتشابه العناويين بالتالي، إلا أنه لكل واحد منا طريقته في التعبير و كلماتنا الخاصة لتعريب الكلمات التقنية الإنجليزية. إستخدم كلماتك أنت وطريقتك في التعبير ولا تقلّد الآخرين. إصنع لنفسك إسم خاص بك وحاول أن تتفادى الكتابة عن نفس المواضيع التي كُتب عنها وخصوصاً من قبل تلك المواقع والمدونات المشهورة. إبحث عن شيئ جديد لتقدمه للقارئ العربي المتعطش للمعرفة.

إضافة [Link Replacer] لتوفير وقت كتابة التدوينة

إضافة [Link Replacer] لتوفير وقت كتابة التدوينة

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

=== التركيب ===
* ارفع مجلد “link-replacer” إلى مجلد ‘plugins’ .
* فعل الإضافة من لوحة التحكم .
* من لوحة تحكم الإضافة أضف الروابط التي تريدها واحفظ الإعدادات .

== ملاحظات ==
1- توضيح فكرة الإضافة : طبعاً الإضافة تدعم الكلمات العربية مثلاً لو أضفت كلمة ” مدونتي ” وبعدها أضفت رابط مدونتك , عند كتابتك تدوينة تحتوي على كلمة ” مدونتي ” سوف تحولها الإضافة إلى رابط يشير إلى مدونتك بدون أن تضيفه أنت يدوياً , وهكذا .
2- نسخة الإضافة تحمل إصدار 1.0 في طور بيتا ومرخصة برخصة GPL v2.0 وجاري تطويرها إن شاء الله , إن كنت مهتماً بتطويرها أرجو أن تراسلني .

== التحميل ==
http://wordpress.org/extend/plugins/link-replacer/

كيف تضيف الصور للقائمة الجانبية – yourcolor

كيف تضيف الصور للقائمة الجانبية

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

١- إذهب إلى صفحة مربعات القائمة الجانبية من لوحة التحكم
٢- إختار إضافة مربع Text
٣- أعطي المربع عنوان مثل “كتب قرأتها” أو “أفلام تعجبني” إلخ حسب ما يناسبك
٤- أضف الكود التالي في المربع

 

حيث:

تساوي عنوان
الصورة على خادمك.
و حيث:

تساوي عنوان التدوينة أو المقال الذي تريد أن تربط إليه الصورة.

لاحظ أنني وضعت فراغاً </ br> بين الصوّر وأني قمت بتوسيط الخط.

هذا كل شئ! يمكنك أن تبني على هذا المثال ليس لوضع صور فقط بل وكلمات وجمل تناسبك أو فيديو أو شعارات أو بانرات. بالتوفيق.