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

Posts tagged ‘طريقة’

مشاكل خصائص ملف القالب – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

في هذه التدوينة سنتحدث عن طريقة ادراج الهاكات في ملف خصائص القالب (function.php) لتفادي الكثير من المشاكل وهي طريقة بسيطة لا تحتاج الا بعض التدقيق في الدوال

نفتح ملف خصائص القالب نقوم بادراج هذا الهاك مثالا :

function autoblank($text) {
$return = str_replace(´<a href=´, ´<a target="_blank" href=´, $text);
$return = str_replace(´<a target="_blank" href="http://example.com´, ´<a href="http://example.com´, $return);
$return = str_replace(´<a target="_blank" href="#´, ´<a href="#´, $return);
$return = str_replace(´ target="_blank">´, ´>´, $return);
return $return;
}
add_filter(´the_content´, ´autoblank´);
add_filter(´comment_text´, ´autoblank´);

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

قسم الدالة :

function autoblank($text) {
$return = str_replace(´<a href=´, ´<a target="_blank" href=´, $text);
$return = str_replace(´<a target="_blank" href="http://example.com´, ´<a href="http://example.com´, $return);
$return = str_replace(´<a target="_blank" href="#´, ´<a href="#´, $return);
$return = str_replace(´ target="_blank">´, ´>´, $return);
return $return;
}

قسم اضافة الفلترة :

add_filter(´the_content´, ´autoblank´);
add_filter(´comment_text´, ´autoblank´);

لدينا في ملف خصائص القلب الخاص بنا مثلا دالتين بهذا الشكل :

function the_more($more_link_text = ´Read More´, $stripteaser = 0, $more_file = ´´) {
	$content = get_the_more($more_link_text, $stripteaser, $more_file);
	echo $content;
}
function get_the_more($more_link_text = ´Read More´, $stripteaser = 0, $more_file = ´´) {
	global $id, $post, $more, $single, $withcomments, $page, $pages, $multipage, $numpages;
	global $preview;
	global $pagenow;
	$output = ´´;

	$content = $pages[$page-1];
	if ( preg_match(´/<!--more(.+?)?-->/´, $content, $matches) ) {
		$content = explode($matches[0], $content, 2);
		if ( !empty($matches[1]) && !empty($more_link_text) )
			$more_link_text = strip_tags(wp_kses_no_null(trim($matches[1])));
	} else {
		$content = array($content);
	}
	if ( count($content) > 1 ) {
		if ( $more ) {
			$output .= ´<a id="more-´.$id.´"></a>´.$content[1];
		} else {
			$output = balanceTags($output);
			if ( ! empty($more_link_text) )
				$output .= ´ <a href="´. get_permalink() . "" class="more-link">$more_link_text</a>";
		}

	}
	if ( $preview ) // preview fix for javascript bug with foreign languages
		$output =	preg_replace(´/%u([0-9A-F]{4,4})/e´,	"´&#´.base_convert(´\1´,16,10).´;´", $output);

	return $output;
}

لاحظ معي اين ساضع قسم الدالة

function the_more($more_link_text = ´Read More´, $stripteaser = 0, $more_file = ´´) {
	$content = get_the_more($more_link_text, $stripteaser, $more_file);
	echo $content;
}

function autoblank($text) {
$return = str_replace(´<a href=´, ´<a target="_blank" href=´, $text);
$return = str_replace(´<a target="_blank" href="http://example.com´, ´<a href="http://example.com´, $return);
$return = str_replace(´<a target="_blank" href="#´, ´<a href="#´, $return);
$return = str_replace(´ target="_blank">´, ´>´, $return);
return $return;
}

function get_the_more($more_link_text = ´Read More´, $stripteaser = 0, $more_file = ´´) {
	global $id, $post, $more, $single, $withcomments, $page, $pages, $multipage, $numpages;
	global $preview;
	global $pagenow;
	$output = ´´;

	$content = $pages[$page-1];
	if ( preg_match(´/<!--more(.+?)?-->/´, $content, $matches) ) {
		$content = explode($matches[0], $content, 2);
		if ( !empty($matches[1]) && !empty($more_link_text) )
			$more_link_text = strip_tags(wp_kses_no_null(trim($matches[1])));
	} else {
		$content = array($content);
	}
	if ( count($content) > 1 ) {
		if ( $more ) {
			$output .= ´<a id="more-´.$id.´"></a>´.$content[1];
		} else {
			$output = balanceTags($output);
			if ( ! empty($more_link_text) )
				$output .= ´ <a href="´. get_permalink() . "" class="more-link">$more_link_text</a>";
		}

	}
	if ( $preview ) // preview fix for javascript bug with foreign languages
		$output =	preg_replace(´/%u([0-9A-F]{4,4})/e´,	"´&#´.base_convert(´\1´,16,10).´;´", $output);

	return $output;
}

تم وضع قسم الدالة بين الداتين في ملف خصائص القالب . بالنسبة لقسم اضافة الفلترة نتوجه اسفل القالب الى ان نجد اي فلترة واضفها اسفلها مباشرة او قبلها مثال :

add_action(´admin_menu´, ´mytheme_add_admin´); ?>
add_filter(´the_content´, ´autoblank´);
add_filter(´comment_text´, ´autoblank´);

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

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

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

مصغرات الصور و سكريبت TimThumb في الووردبريس – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

في هذه التدوينة سنتطرق لطريقة ادراج مصغرات الصور بجانب التدوينات في الصفحة الرئيسية بمساعدة هذا السكريبت الرائع TimThumb الذي تستعمله اغلب مواقع القوالب المدفوعة نظرا لسهولة التعامل معه فطريقة تركيبه سهلة جدا

تحميل سكريبت TimThumb

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

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

http://sitename.com/wp-content/themes/your-theme-name/timthumb.php

لا تقم بتغيير اي شيئ في هذا الملف فقط قم برفعه الى مجلد القالب الذي تستعمل

اضافة تنسيق لسكريبت TimThumb

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

وهذا كود التنسيق نضيفه الى ملف التنسيق (style.css) للقالب :

.homethumb {
float: right;
margin:0px 5px 0px 5px;
height:100px;
width:100px;
padding:3px;
	background: #f3f3f3;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}

بالنسبة لهذا التنسيق الزوايا ذات استدارة بسيطة اما اذا رغبت في ان تأخد الزوايا شكل طبيعي فقم بإستعمل التنسيق التالي :

.homethumb {
float: right;
margin:0px 5px 0px 5px;
height:100px;
width:100px;
padding:3px;
	background: #f3f3f3;
	border:1px solid #ddd;
}

ادراج سكريبت TimThumb في القالب :

نفتح ملف الصفحة الرئيسية لقالب (index.php) ونبحث عن وسم العنوان غالبا ما يكون الكود على هذا الشكل :

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="الرابط الدائم لـ <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

حتى نبسط الامر عليك ابحث فقط على الكود التالي :

<?php the_permalink() ?>

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

YourColor.Net

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

<?php if( get_post_meta($post->ID, "thumb", true) ): ?>
<div class="homethumb"> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo(´template_directory´); ?>/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="150" height="150" /></a> </div>
<?php else: ?>
<?php endif; ?>

او بمعنى أخر نقوم بوضع الكود قبل الكود التالي مباشرة :

<?php the_content(); ?>

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

ملحوظة : في كود ادراج سكريب TimThumb اذا لاحظت جيدا سترى انه يوجد قيمتين لطول والعرض ولا تنسى تنسيق الطول والعرض كذالك لسكريبت (TimThumb) في ملف التنسيق (style.css)

مثال للقيمتين :

h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="100" height="100"

القيمة الاولى : h=150&w=150&zc=1
القيمة الثانية : width=”100″ height=”100″

انشاء مجلد الكاش

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

http://sitename.com/wp-content/themes/your-theme-name/cache/

بعد انشاء المجلد قم باعطائه التصريح 777 عن طريق ftp او لوحة التحكم الموقع (cpanel) مثلا

طريقة استعمال الصور المصغرة

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

YourColor.Net

الان يجب اضافة حقل مخصص في الخصائص الاضافية هكذا :

YourColor.Net

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

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

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

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

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

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

yourcolor.net

YourColor.Net

yourcolor.net

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

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

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

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

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

YourColor.Net

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

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

المهم ساقوم بشرح طريقتين الاولى باستعمال الاضافة 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. ومن الاعدادات اختر عرض باستخدام قالب مخصص

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

YourColor.Net

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

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

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

YourColor.Net

Related Posts Thumbnails

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

YourColor.Net

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

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

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

اضافة مصغرات الصور لووردبريس تلقائيا بدون حقل الخصائص – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

في هذا الشرح سنستعمل السكريبت timthumb وقد تحدثنا سابقا عنه في هذه التدوينة كيف تضع مصغرات الصور و سكريبت TimThumb في مدونة الووردبريس وايضا سنستعمل هاك ليساعدنا في هذا الشرح والهاك من موقع WpRecipe get the first post image

الحل وجدته في موقع  Problogdesign الان ننتقل الى شرح طريقة ادراج الصور

تحميل سكريبت TimThumb

قم بتحميل سكريبت timthumb من هنا وضعه في مجلد القالب الذي تود ادراج الصور المصغرة به (TimThumb) او قم بانشاء ملف فارغ باسم timthumb.php وانسخ وانسخ الكود داخله وقم بحفظ الملف

اضافة الهاك لملف خصائص القالب functions.php

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

<?php
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, ´<img´);
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, ´<img´, $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, ´>´);
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;

$cleanF = strpos($image[$num],´src="´)+5;
$cleanB = strpos($image[$num],´"´,$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);

}
if(stristr($image[$num],´<img´)) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>

اضافة كود مصغرات الصور

هنا سنقوم بادراج الكود الذي سيعرض الصور المصغرة في الصفحة الرئيسية. افتح ملف Index.php او home.php على حسب ملفات القالب يجب ادراج الكود داخل the_loop لكي يتم عرضه بشكل جيد بدون مشاكل ويستحسن ان تضعه فوق the_conten وهذا الكود

<div class="thumbnail">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<img src="<?php bloginfo(´template_directory´); ?>/timthumb.php?src=<?php getImage(´1´); ?>&w=150&h=150&zc=1">
</a>
</div>

هذا الكود سيقوم بانشاء صورة بمقاس 150×150 بيكسل اذا اردت تغير المقاس فما عليك سوى تغيير ‘w’ و ‘h’ من الكود يرجى مراجعة التدوينة كيف تضع مصغرات الصور و سكريبت TimThumb لانه يجب انشاء مجلد cache داخل مجلد القالب واعطائه الصريح 777 او 755 احسن في حالة لم تظهر الصور

اضافة تنسيق لملف الاستايل

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

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#C4C4C4;}

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

حل مشكلة رفع الصور في ووردبريس 3.3 – YourColor

yourcolor.net

yourcolor.net

السلام عليكم ورحمة الله وبركاته اليوم مع حل لمشكلة جديدة في رفع الملفات لنسخة الفرعية الجديدة من ووردبريس 3.3 والتي حلت بطريقة جديدة لرفع الملفات عن طريق فلاش بتقنية السحب والافلات drag and drop المهم ليس الموضوع عن الحلة الجديدة للوردبريس ولكن لمشكل اختفاء او حذف الملفات بعد رفعها مباشرة وهذا بعد محاولات عديدة بائت بالفشل فاضطررت للاستعانة بمنتديات ووردبريس الرسمية الى انه لا يوجد حل دقيق لهذا المشكلة المشكل المشكل في هذه الحالة بطبيعة الحال هو عند رفع صورة تظهر فراغة يعني يظهر الاسم ولكن الصورة لا تظهر قمت بتفحص لمجلد uploads عن الصورة التي قمت برفعها ولكن لا توجد وهذا دليل على انه يتم حذفها مباشرة عند الرفع او لا يتم نقلها الى مجلد uploads عند الرفع, صراحة لا اعرف ميكانكية رفع الملفات كيف تتم بالضبط ولكن بالنسبة لطريقة النقل الى مجلد uploads ما جعلني اشك فيها هو انني قرائت سجل الاخطاء error_logووجدت بعد الدوال معطلة وهي :

  1. get_cfg_var()
  2. set_time_limit()
  3. copy()

ربما يكون المشكل في احدى هذه الدوال والله اعلم وهذه الصور للمشكل

الحل هذا الحل الذي ساطرحه فقط مؤقت لانه اذا واجهتك هذه المشكلة لابد من مراسلة الاستضافة لحله بالنسبة لي الامور سليمة ولا يوجد اي مشكل اولا يجب ان انوه الى حل تم طرحه في قائمة المشاكل في منتدى ووردبريس الرسمي Troubleshooting WordPress 3.3 – Master List وهو ان تقوم بتفريغ كاش المتصفح لكن هذا الحل لم ينفع معي المهم الحل المؤقت هو تركيب اضافة WP Flash Uploder وعند استعمالي هذه الاضافة تم رفع الصور بدون مشاكل. كل ما عليك هو تركيب الاضافة والذهاب لتحرير تدوينة معينة وبعدها قم بالتالي من نفس مكان رفع الملفات قم بالضغط عليه ستفتح نافدة رفع الملفات اختر الرفع بواسطة WP Flash Uploder كما في الصورة التالية بعد رفع الملف ستجده في مكتبة الوسائط لن يظهر مباشرة في معرض الصور لهذا ستضطر لدخول لمكتبة الوسائط من نفس النافدة وهكذا سيتم حل هذه المشكلة مؤقتا الى ان تراسل استضافتك لحل المشكل صفحة الاضافة  : WP Flash Uploder   بعد نجاح رفع الملفات صراحة حرت في سبب المشكل كنت اقول ربما الدوال ولكن الدوال لازالت معطلة ومع هذا تم رفع الملفات. استنتجت من هذا ان المشكلة ربما تكون في اداة الرفع الخاص بووردبريس والله اعلم مع اني قمت بترقية المدونة من جديد وعطلت جميع الاضافات وغيرت القالب الا ان المشكلة لازالت قائمة   خاتمة الى هنا نكون قد انتهينا من هذه التدوينة وهذا هو  الحل المؤقت الذي توصلت اليه واتمنى ان يكون مفيدا حتى يتم مراسلة الاستضافة او صدور نسخة فرعية جديدة 3.3.1 او العثور على سبب المشكل من قبل شخص اخر اذا كان هناك اي استفسار يرجى وضع تعليق ؟ ولا تنسى الاشتراك في قائمتنا البريدية ولك جزيل الشكر والسلام عليكم ورحمة الله وبركاته

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

التعديل على ملف الستايل في القالب (تغيير الخط) – Yourcolor

 الووردبريس wp

yourcolor.net
yourcolor.net

yourcolor.net

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

نذهب للصفحة الرئيسية
فرضاً أننا نريد تغيير لون الخط
نظلله
وبالضغط على الزر الايمن للفأرة
واختيار inspect element

 

yourcolor.net

تنسيق الخط

وسيظهر لدينا الكلاس الخاص في تنسيق الخط الموجود في ملف الستايل

 

yourcolor.net

تغيير الخط

لاحظ الكلاس .article .title a

نذهب لملف الستايل الموجود في ملف القالب
ونبحث عن كلاس .article .title a
ونستطيع تغيير color الى اي لون نريده
مثلاً

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

طريقة اضافة اعلانات جوجل ادسنس داخل التدوينة – YourColor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

 

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

 

افتح ملف single.php وابحث عن

<?php the_content();?>

والصق مكانها هذا الكود :

  <?php
  $content = apply_filters(´the_content´, $post->post_content);
  $save = explode("</p>", $content);
  $count = 0;
  $arrsize = count($save);

  foreach ($save as $a) {
    if ($count == 3 &&   strcmp( date("Y-m-d", get_the_time("Y-m-d") ) > 0  ) {
      echo "<div style="margin-left:2px; margin-top:-2px;">";
  ?>

      الصق هنا شفرة اعلان جوجل ادسنس

     <?php echo "</div>";
    }

    $count = $count + 1;

    echo $a. (($count == $arrsize) ? "" : "</p>");
  }
  ?>

سؤال أحد الزوار الاعزائي
س: كيفية استبعاد الاعلانات عن أحد الأقسام؟

ج:تستطيع اضافة شفرة الادسنس يدوياً في تدوينة الووردبريس في أي مكان تريده، فقط ألصق هذا الكود داخل التدوينة

<table align=”right” width=”338″>
<tr><td>
<center>

شفرة الادسنس

</script>
</center>
</td></tr>
</table>

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

خطا HTTP عند رفع صورة – YourColor

الووردبريس wp

yourcolor.net

YourColor.Net

yourcolor.net

يوماً بعد يوم، نواجه العديد من المشاكل في الووردبريس ولكل مشكلة لها حل، دعونا نناقش مشكلة أداة الرفع الفلاشية.

1. أعد تنزيل الفلاش.

  • ويندوز 32
  • ويندوز 64

قم بتنزيل ملف ازالة الفلاش المتوافق مع الويندوز الخاص بك، بعد ازالة الفلاش قم بتنزيله مره أخرى من الموقع الرئيسي، تنزيل الفلاش.

امسح الكاشيز Cache من المتصفح، اذهب الى tools > clear recent history وامسح الكاشيز.

عطل جميع الاضافات، قد تكون اضافة مؤثرة على الجافا، وحاول رفع صورة مرة أخرى.

عطل نظام الأمن mod_security، لعمل ذالك، اذهب الى مسار wp-admin وانشيء ملف htaccess. جديد

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

معرض الوسوم