كيف تعرض المواضيع ذات صلة مع صور في الووردبريس – YourColor

الووردبريس wp

السلام عليكم ورحمة الله وبركاته

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

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

1. استعمال ميزة “مصغرة للتدوينات” فى الوورد برس 2.9
2. كيف تضع مصغرات الصور و سكريبت TimThumb في مدونة الووردبريس

وايضا هناك شيء يجب التأكد منه وهو الاسم المستعمل في حقل الخصائص مثلا :

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

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

المهم ساقوم بشرح طريقتين الاولى باستعمال الاضافة Yet Another Related Posts  او باستعمال هاك بسيط

الاضافة Yet Another Related Posts

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

الان ننتقل الى طريقة العمل وهذا الكود الخاص الذي سنتستعمل

<?php /*
Example template for use with post thumbnails
Requires WordPress 2.9 and a theme which supports post thumbnails
Author: mitcho (Michael Yoshitaka Erlewine)
*/ ?>
<h3>مواضيع ذات صلة :</h3>
<?php if ($related_query->have_posts()):?>
	<ol class="related-posts">
		<?php while ($related_query->have_posts()) : $related_query->the_post(); ?>
			<?php
				//Set Default Thumbnail Image URL´s
				$related_thumbnail = get_post_meta($post->ID, "thumb", $single = true);
				$default_thumbnail = ´default-image.jpg´;
			?>
			<li>
				<a href="<?php the_permalink() ?>" rel="bookmark">
				<?php if ($related_thumbnail != "") : ?>
					<img src="<?php echo $related_thumbnail; ?>" width="100" height="100" alt="<?php the_title(); ?>" />
				<?php else : ?>
					<img src="<?php echo $default_thumbnail; ?>" width="100" height="100" alt="<?php the_title(); ?>" />
				<?php endif; ?>
<br />
				<?php the_title(); ?></a>
			</li>
		<?php endwhile; ?>
	</ol>
<?php else: ?>
	<p>لا توجد اي مواضيع ذات صلة</p>
<?php endif; ?>

في حالة كنت تستعمل اسم حقل لمصغرات الصور غير المستعمل في القالب الخاص بالاضافة قم بتغيير thumb في السطر 12 من الكود الى الاسم الذي تود استعماله

الان يجب عليك القيام بالتالي :

1. تحميل الكود  الخاص بقالب المواضيع ذات صلة من هنا yarpp-template-thumbnail
2. فك الضغط عنه
3. لا تنسى التعديلات عليه اذا وجدت
4. رفع الملف الى مجلد القالب الذي تستعمل في المدونة
5. توجه الى اعدادات الاضافة Yet Another Related Posts
6. ومن الاعدادات اختر عرض باستخدام قالب مخصص

لاحظ الصورة التالية :

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

ol.related-posts {clear:both; text-align:center; margin:10px 10px 0px 0px; padding:0;border:none}
ol.related-posts li{width:130px; float:right; display:inline; margin-left:10px; padding-left:5px;border:none}
ol.related-posts img{clear:both; padding:5px; background:#fff; border:1px solid #DDD;}
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
ol.related-posts li{font-size:12px;border:none}

الى هنا انتهينا من شرح الجزء الخاص باستعمال قالب خاص لمصغرات الصور لاضافة Yet Another Related Posts Plugin

استعمال هاك لعرض المواضيع ذات صلة بدون اضافة

بالنسبة لاستعمال الهاك لن يكون مثل الاضافة في مميزاته لانه فقط يعتمد على الاوسمة خلافا للاضافة Yet Another Related Posts Plugin لكن في الحقيقة احسن شيء هو ان نستعمل الهاكات وهذا الذي اخطط له في الايام القادمة عوضا عن استعمال كترة الاضافة نظرا للمشاكل التي تقع فيها بسبب بعض الاضافة وخطورتها ايضا وقد تحدث سابقا عن الاضافات المصابة بتغرات والتي قد تؤدي الى ضياع المدونة بسبب عدم الترقية من طرف صاحب المدونة او بسبب عدم وجود تحديث امني للاضافة او تحديث برمجي عادي من طرف المبرمج نرجع لموضوعنا الان وجدت احد الهاكات في موقع wprecipes.com وقمت ببعض التعديلات عليه لكي يشتغل مع مصغرات الصور

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

<?php
//for use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
echo ´<h3>مواضيع ذات صلة :</h3><ol>´;
$first_tag = $tags[0]->term_id;
$args=array(
´tag__in´ => array($first_tag),
´post__not_in´ => array($post->ID),
´showposts´=>4,
´caller_get_posts´=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php
//Set Default Thumbnail Image URL´s
$related_thumbnail = get_post_meta($post->ID, "thumb", $single = true);
$default_thumbnail = ´default-image.jpg´;
?>
<li>
<a href="<?php the_permalink() ?>" rel="bookmark">
<?php if ($related_thumbnail != "") : ?>
<img src="<?php echo $related_thumbnail; ?>" width="100" height="100" alt="<?php the_title(); ?>" />
<?php else : ?>
<img src="<?php echo $default_thumbnail; ?>" width="100" height="100" alt="<?php the_title(); ?>" />
<?php endif; ?>
<br />
<?php the_title(); ?></a></li>

<?php
endwhile; ?>
<?&nbsp; }
}
?></ol>

ملحوظة :

بسيطة  قمت بتعديل بسيط على الهاك لمن واجهته مشكلة في استعماله وتغير طريقة الادراج لكي يتم استيعاب الطريقة بشكل واضح لمن لا يحسن التعامل مع ووردبريس

الملف الذي سنشتغل عليه يكون متواجد على المسار التالي :

/wp-content/themes/اسم-قالب/single.php

طريقة عمل الهاك كالتالي :

1. قم بتحميل الهاك من هنا related-post وفك الضغط عن الملف ستجد ملف php باسم related-post.php
2. قم برفع الملف related-post.php الى مجلد القالب الذي تستعمل
3. الان يجب عليك تعديل ملف عرض تدوينة منفردة (Single Post) المتواجد في القالب الذي تستعمل وهو single.php
4. ابحث عن دالة عرض محتوى التدوينة the_content  بعد ايجادها قم بنسخ الكود اسفلها مباشرة في ملف single.php كما ترى في الكود التالي

<?php the_content(´´); ?>
<?php include (TEMPLATEPATH . ´/related-post.php´); ?>

لا تنسى ان يكون اسم الهاك كاسم الملف الذي استدعيناه اسفل the_content

الى هنا نكون قد انتهينا من هذا الجزء المخصص للهاك

بعض الاضافات لعرض المواضيع ذات صلة

توجد بعض الاضافت التي لها نفس دور الاضافة و الهاك الذي تحدثنا عنهم في هذه التدوينة وهي :

Related Posts Slider

التي اشار اليه الاخ مهاب البوشي في تعليقه في موضوع تحدثنا عنه سابقا لعرض المواضيع الاكتر شعبية

Related Posts Thumbnails

وهذه اضافة اخرى تمكنك من عرض المواضيع ذات صلة يمكن نغير استايلها من الاعدادات الخاصة بها

الى هنا نكون قد وصلنا الى نهاية هذه التدوينة اذا كان هناك اي استفسار يرجى وضع تعليق

والسلام عليكم ورحمة الله وبركاته

الاكاديمية العربية لفنون التصميم و الجرافيك

حل مشكلة عرض اتصال FTP ووردبريس 3.3 والنسخ السابقة – YourColoe

الووردبريس wp

السلام عليكم ورحمة الله وبركاته اليوم معنا حل لمشكلة يعاني منها الكتير من اصحاب المدونات وهي عرض صفحة اتصال ftp عندي محاولة تركيب اضافة او قالب و ايضا عند ترقية المدونة . في الحقيقة كنت اود ان اقوم بالبحث عن حل لهذه المشكلة منذ مدة لكن لم تسمح لي الفرصة وبينما اتصفح منتدى الدعم الفني في ووردبريس وجدت الاخ wilf وقع في هذه المشكلة فعرضت عليه ان اقوم تجربة طريقة ربما تنفع معه فقبل المساعدة مع انه غامر فهو لا يدري عني شيء واحسست بهذا من رسالته لكن هذا احسن شيء الواحد يعرف مع من يتعامل قبل ان يقع الفأس في الرأس المهم ندخل في صلب الموضوع بدون كترت كلام وتحية خاصة للاخ Wilf المشكلة حسب ما قرات في هذه المقالة Why WordPress Asks for Connection Info أن المشكلة تكمن في عدم قدرة إنشاء ملف مؤقت من قبل المستخدم وهذا راجع لصلاحيات المالك المحدودة (owner)  أي أن السكريب او الشخص الذي قام بانشاء هذا الملف ليست له صلاحيات بانشاء هذا الملف المؤقت والله اعلم  (لا تلومني اخوكم لم ادرس انجليزي ولا يهم يحزنون  المهم اني افهم شوية في المجال) وفي هذه الحالة ملفاتووردبريس المسؤولة عن انشاء الملفات المؤقة حسب طبيعة التركيب والترقية هي : اما بالنسبة للملف المسؤول عن هذه المشكلة هو wp-admin/includes/file.php و بالضبط في الكود التالي : الشيء الذي جنني هو لماذا الاستضافات العربية مع احترامي لها تمنع مثل هذه الدالة getmyuid والله شيء يجنن صراحة السيف مود هو سبب اغلب المشاكل في ووردبريس وقد تم انتقاده في الاصدارات الاخيرة من php5 وان شاء الله سيتم التخلص منه عن قريب في الاستضافات العربية من وجهت نظري انه يتم تعطيل بعض الدوالة الخطرة مثل dl و exec وغيرها من الدوال الخطرة التي تمكن المخترق من تنفيد اوامر مباشرة لنظام. ولا أخفي عليكم  السيف مود يمكن تخطيه حتى لو تم تعطيل جميع الدوال يكيف ان تسمح الاستضافة برفع htaccess وسيتم تخطي السيف مود بكل بساطة (لن ادخل في موضوع ليس لنا به شأن وهو كيفية التخطي وانا هنا اعطي تلميحات فقط ) واذا ما سمحت الاستضافة باستعمال ال htaccess فهذه الاستضافة لا تصلح لا لووردبريس ولا لأي سكريبت اخر وانما تصلح لمواقع تستعمل صفحات html ثابتة بدون php ولا قواعد بيانات لهذا انا نصحت في تدوينة سابقة عن كيفية اختيار افضل استضافة لوردبريس باستعمال الاستضافات التالية HostGator و BlueHost لكفائتهم العالية وعدم تفعيل السيف مود وحماية رائعة لن اقول عنها قوية لانه لا توجد حماية قوية لدى الاستضافات المشتركة بطبيعة الحال لاسبباب كتيرة يطول شرحها هنا المهم الكود اعلاه يستعمل اربعة انواع لنقل الملفات الى المكان المخصصة لها من مجلد tmp بدون مشاكل الصلاحيات. على فكرة ووردبريس في هذه الحالة يستعمل wp-content كمجلد tmpوالانواع كالتالي :

Direct, SSH2, FTP PHP Extension, FTP Sockets

ما يهمنا هنا بالنسبة للاستضافات المشتركة الطريقتين Direct و FTP التي يمكن استعمالها. المهم الان ننتقل الى الحلول كي لا اطيل عليكم

الحل هنا سنستعمل احدى الطرق التي ذكرنا لنقل الملفات بدون مشاكل التصريحات بالنسبة لطريقة Direct تستعمل فقط اذا عرض عليك اتصال FTP وقمت بادخال المعلومات ولم يحدث شيء ولا تستعملها اذا كنت تدخل معلومات ال FTP ويتم التركيب والترقية بشكل سليم كل ما عليك هو فتح ملف wp-config.phpواضافة السطر التالي :

define('FS_METHOD', 'direct');

اذا لم تنجح قم بانشاء مجلد باسم tmp داخل مجلد wp-content وقم باعطائه التصريح 777 او 775 واضف السطر التالي الى ملف wp-config.php

define('WP_TEMP_DIR', ABSPATH . 'wp-content/tmp');

مع انه فقط ستحاتاج الى اضافة الكود الاول فقط عن تجربة بالنسبة للاصدار الاخير بالنسبة لطريقة FTP نستعملها فقط اذا كان بالامكان اتمام عملة الترقية بعد اضافة كلمة المرور والباسورد عند عرض صفحة الاتصال اذا كنت لا ترغب بعرض هذه الصفحة اولا يجب عليك حماية ملف wp-config.php لانك ستضع به معلومات ftp وهذا نوعا ما فيه شيء من الخطورة لكن يمكن حماية الملف باضافة الكود التالي الى htaccess

<Files wp-config.php>

order allow,deny

deny from all

</Files>

بعد ذالك قم باضافة الكود التالي الى ملف wp-config.php:

define(‘FS_METHOD’, ‘ftpsockets’);

define(‘FTP_USER’, ‘username’);

define(‘FTP_PASS’, ‘password’);

define(‘FTP_HOST’, ‘ftp.example.org’);

وستختفي تلك الصفحة ان شاء الله عند تركيب او ترقية اي اضافة او قالب وايضا ترقية المدونة المهم بالنسبة للحل الاول تم طرحه في هذه التدوينة Direct plugin auto-update on WordPress 2.8  حل ثاني باضافة في هذا الحل استعملت اضافة FTP Upgrade Fix لانه لم استطع تعطيل الوضع الامن وعلى ما اظن ان حساب الاخصاحب موقع  ابداع فون لم يتم تفعيل php.ini في حسابه فقمت بتجريب الطريقة الاولى لم تنفع كانت تظهر الرسالة التالية : جاري تحميل حزمة التنصيب من http://downloads.wordpress.org/plugin/reliable-twitter.2.2.zip… جاري فك ضغط الحزمة … لم أتمكن من إنشاء الدليل. /home/user/public_html/wp-content/upgrade/reliable-twitter.tmp بالنسبة لطريقة الثانية عن طريق ftp كانت تاخد وقت طويل وفي الاخر تعرض رسالة بفشل التنصيب بالشكل التالي : جاري تحميل حزمة التنصيب من http://downloads.wordpress.org/plugin/gd-simple-widgets.zip… جاري فك ضغط الحزمة … جاري تنصيب الإضافة … أرشيف غير متوافق. فشلت محاولة تنصيب الإضافة. المهم في هذه الحالة نقوم بتركب الاضافة FTP Upgrade Fix بالطريقة العادية عن طريق Cpanel او FTPبعد تركيبها و تفعيلها ستعرض عليك رسالة بالشكل التالي :

You are running WordPress 3.2.1 which doesn’t need the FTP Upgrade Fix plugin. You can deactivate and delete the plugin.

لا تهتم لرسالة لاننا حقا نحتاج هذه الاضافة مع استضافاتنا العربية مع احترامي لهم  وقم بتحرير ملف wp-config.phpواضف الكود التالي فقط :

define(‘FTP_USER’, ‘username’);

define(‘FTP_PASS’, ‘password’);

define(‘FTP_HOST’, ‘ftp.example.org’); // يمكنك استعمال localhost

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

الاكاديمية العربية لفنون التصميم و الجرافيك

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

الووردبريس wp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لايفوتكم إظافة لتكبير الصور – yourcolor

لايفوتكم إظافة jQuery Colorbox لتكبير الصور بطريقه رائعه (Localization)

لايفوتكم إظافة jQuery Colorbox لتكبير الصور بطريقه رائعه
من خلال بحثي عن jQuery وجدت هذه الاظافه واندهشت لعدم تواجدها هنا
حبيت أقدمها لكم وأحب لكم ماحب لنفسي مع انى متحامل كثيرا لعدم الرد على موضوع في الدعم الفني المتقدم

أمثله
مثال تكبير الصور وعرضها شرائح
http://www.techotronic.de/index.php/…e-images-demo/
http://www.techotronic.de/index.php/…-gallery-demo/
مثال تكبير صوره واحده فقط
http://www.techotronic.de/index.php/…le-image-demo/
من المميزات الى اعجبتني فيه انه يحتوي على 5 ثيمات يمكنك اختيار مايعجبك منها
كذالك يحتوي على ملف للترجمه بصيغة po <<  افهموا يعني الى يعرف يترجمه لايطول علينا
وايضا يعرض صور الموضوع على شكل سلايدات
هنا خيارين رئيسيين
الأول (Automate jQuery Colorbox for all images) وهو لتكبير جميع صور المدونه بشكل تلقائي
الثاني (Automate jQuery Colorbox for images in WordPress galleries) وهو لتكبير صور محدده وذالك عن طريق تعديل كلاس الصوره (يدوي)
تحميل الاظافة
http://wordpress.org/extend/plugins/jquery-colorbox/
لمعرفة المزيد راجع الرابط التالي
http://www.techotronic.de/index.php/…uery-colorbox/