تصميم مواقع | خامات تصميم | برمجيات | 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´);

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

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

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

صفحة الأرشيف للووردبريس – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

اول شيئ نفتح ملف جديد باسم archives.php وقم التحقق من مجلد القالب اذا كان يحتوي على ملف بنفس الاسم واذا وجدت ملف بهذا الاسم قم بتسميته archive-page.php

نفتح الملف باي محرر مثل notepad + او editplus نضيف اسم قالب الصفحة لكي يتعرف الووردبريس على الصفحة الجديدة

<?php
/*
Template Name: archives
*/
?>

class=”brush:html”>لكي يكتمل الشرح ضروري نشتغل على قالب اخترت هذا القالب Cyangant الان قم بفتح ملف نماذج الصفحات (page.php) وانسخ الكود كامل وقم بلصقه في الملف الذي قمنا بانشائه ولا تنسى تحويل ترميز الملف الى UTF-8 لكي تظهر الحروف العربية بشكل سليم وهكذا يصبح الكود :

<?php
/*
Template Name: archives
*/
?>

<?php get_header(); ?>

<div id="content">

<?php breadcrumbs(); ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div class="post-text"><h2 class="post-title"><?php the_title(); ?></h2></div>
<?php the_content(´<p class="serif">Read the rest of this page &raquo;</p>´); ?>
<?php wp_link_pages(array(´before´ => ´<p><strong>Pages:</strong> ´, ´after´ => ´</p>´, ´next_or_number´ => ´number´)); ?>
<?php edit_post_link(´<span class="entry-edit">تحرير هذه التدوينة</span>´); ?>

<?php endwhile; endif; ?>

<p class="post-share">
<strong>إذا اعجبتك التدوينة ، فلا تنسى مشاركتها مع اصدقائك : </strong>
<a href="http://digg.com/submit?phase=2&amp;url=<?php the_permalink(); ?>" class="digg" title="Digg it"></a>
<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="StumbleUpon" class="stumbleupon"></a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Facebook" class="facebook"></a>
<a href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Twitter" class="twitter"></a>
<a href="http://delicious.com/post?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="del.icio.us" class="delicious"></a>
<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=<?php the_permalink();?>title=<?php echo urlencode(get_the_title($id)); ?>" title="Google" class="google"></a>
<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=<?php the_permalink(); ?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Yahoo!" class="yahoo"></a>
<a href="http://reddit.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Reddit" class="reddit"></a>
</p>
</div><!-- END Post -->

</div><!-- END Content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
الان قم بحذف الكود التالي :
<?php the_content(´<p class="serif">Read the rest of this page &raquo;</p>´); ?>

class=”brush:html”>او
class=”brush:html”><?php the_content(); ?>
class=”brush:html”>على حسب القالب الذي تشتغل عليه وضع مكانه الكود التالي :
class=”brush:html”><?php

$previous_year = $year = 0;
$previous_month = $month = 0;
$ul_open = false;

$myposts = get_posts(´numberposts=-1&orderby=post_date&order=DESC´);

?>

<?php foreach($myposts as $post) : ?>

<?php

setup_postdata($post);

$year = mysql2date(´Y´, $post->post_date);
$month = mysql2date(´n´, $post->post_date);
$day = mysql2date(´j´, $post->post_date);

?>

<?php if($year != $previous_year ¦¦ $month != $previous_month) : ?>

<?php if($ul_open == true) : ?>
</ul>
<?php endif; ?>

<h3><?php the_time(´F Y´); ?></h3>

<ul>

<?php $ul_open = true; ?>

<?php endif; ?>

<?php $previous_year = $year; $previous_month = $month; ?>

<li><span><?php the_time(´j F´); ?> – </span> <span><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></span></li>

<?php endforeach; ?>
</ul>

الان يصبح الكود كاملا على الشكل التالي :
<?php
/*
Template Name: archives
*/
?>

<?php get_header(); ?>

<div id="content">

<?php breadcrumbs(); ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div class="post-text"><h2 class="post-title"><?php the_title(); ?></h2></div>
<?php

$previous_year = $year = 0;
$previous_month = $month = 0;
$ul_open = false;

$myposts = get_posts(´numberposts=-1&orderby=post_date&order=DESC´);

?>

<?php foreach($myposts as $post) : ?>

	<?php

	setup_postdata($post);

	$year = mysql2date(´Y´, $post->post_date);
	$month = mysql2date(´n´, $post->post_date);
	$day = mysql2date(´j´, $post->post_date);

	?>

	<?php if($year != $previous_year ¦¦ $month != $previous_month) : ?>

		<?php if($ul_open == true) : ?>
		</ul>
		<?php endif; ?>

		<h3><?php the_time(´F Y´); ?></h3>

		<ul>

		<?php $ul_open = true; ?>

	<?php endif; ?>

	<?php $previous_year = $year; $previous_month = $month; ?>

	<li><span><?php the_time(´j F´); ?> - </span> <span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></span></li>

<?php endforeach; ?>
	</ul>
<?php wp_link_pages(array(´before´ => ´<p><strong>Pages:</strong> ´, ´after´ => ´</p>´, ´next_or_number´ => ´number´)); ?>
<?php edit_post_link(´<span class="entry-edit">تحرير هذه التدوينة</span>´); ?>

<?php endwhile; endif; ?>

<p class="post-share">
<strong>إذا اعجبتك التدوينة ، فلا تنسى مشاركتها مع اصدقائك : </strong>
<a href="http://digg.com/submit?phase=2&amp;url=<?php the_permalink(); ?>" class="digg" title="Digg it"></a>
<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="StumbleUpon" class="stumbleupon"></a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Facebook" class="facebook"></a>
<a href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Twitter" class="twitter"></a>
<a href="http://delicious.com/post?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="del.icio.us" class="delicious"></a>
<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=<?php the_permalink();?>title=<?php echo urlencode(get_the_title($id)); ?>" title="Google" class="google"></a>
<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=<?php the_permalink(); ?>&amp;t=<?php echo urlencode(get_the_title($id)); ?>" title="Yahoo!" class="yahoo"></a>
<a href="http://reddit.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php echo urlencode(get_the_title($id)); ?>" title="Reddit" class="reddit"></a>
</p>
</div><!-- END Post -->

</div><!-- END Content -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

الان نتوجه الى لوحة التحكم لإضافة صفحة جديدة :

YourColor.Net

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

YourColor.Net

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

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;}

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

احمى مدونتك باستخدام ملف yourcolor – htaccess

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

هذه الطريقة تساعد في الحماية من scripts injection و هجمات _REQUEST او GLOBALS.

ملف .htaccess يكون في العادة في المجلد الرئيسي للموقع او السكربت المستخدم (ووردبريس في هذه الحالة). افتح الملف والصق هذا الكود فيه.

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{QUERY_STRING} (<|%3C).*script.*(>|%3E) [NC,OR]
RewriteCond %{QUERY_STRING} GLOBALS(=|[|%[0-9A-Z]{0,2}) [OR]
RewriteCond %{QUERY_STRING} _REQUEST(=|[|%[0-9A-Z]{0,2})
RewriteRule ^(.*)$ index.php [F,L]

لا تنسى أخذ نسخة احتياطية من الملف قبل أي تعديل.

ارسال بريد تلقائي لجميع الأعضاء عند نشر موضوع جديد – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

function email_members($post_ID)  {
obal $wpdb;
$usersarray = $wpdb->get_results(“SELECT user_email FROM $wpdb->users;”);
$users = implode(“,”, $usersarray);
mail($users, “تم نشر موضوع جديد في الاكاديمية العربية لفنون التصميم والجرافيك “, ‘عزيزي عضو الاكاديمية العربية، تم نشر موضوع جديد وندعوك لزيارة. http://yourcolor.net/academy’);
return $post_ID;
}
add_action(‘publish_post’, ’email_members’);

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

اضف زر اعجبني like للفيسبوك في مدونتك – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

موقع فيسبوك من اشهر المواقع عالميا في الوقت الحالي. كما أنه مصدر طيب للزوار والترافيك، وخصوصا اذا كان هناك مجموعة لمدونتك. اذا اردت ان تضع زر (أعجبني) او (like)  في مدونتك سواء في القائمة الجانبية أو صفحة الموضوع او اسفل الصفحة فيمكنك عمل ذلك بسهولة.
كل ما عليك هو لصق هذا الكود داخل احد الملفات التالية:
single.php: اذا اردت ان يظهر المربع في داخل الموضوع، ويفضل ان يكون قبل مكان التعليقات.
sidebar.php: اذا اردت ان يظهر المربع في القائمة الجانبية.
footer.php: اذا اردت ان يظهر المربع في اسفل الصفحة.
page.php: اذا اردت ان يظهر المربع في الصفحات فقط، ويفضل ان يكون قبل مكان التعليقات.
يمكن التعديل على العرض والطول والتنسيق في الكود حتى يتناسب مع قالب مدونتك

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"></iframe>

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

[random-posts] اضافة لاظهار مواضيع عشوائية – yourcolor

[random-posts] اضافة لاظهار مواضيع عشوائية

yourcolor.net

yourcolor.net

yourcolor.net
هذه الاضافة عملية جدا ووظيفتها جلب المواضيع القديمة في المدونة بدلا من ان يغطيها الغبار.
موقع المبرمج: http://www.rmarsh.com/
الاضافة بالمرفقات. قم بتحميلها , قم بفك الملف المضغوط , ارفع الاضافة للمدونة وقم بتفعيلها.
ضع الكود التالي في ملف ال single.php قبل التعليقات:
كود:

<?php random_posts(); ?>

الاضافة الان تشتغل. لتتحكم باعداداتها ادخل لوحة تحكم المدونة / اعدادات / Random Posts
حمل من هنا

تعريب اضافة ncode-image-resizer لتصغير الصور تلقائيا – yourcolor

تعريب اضافة ncode-image-resizer لتصغير الصور تلقائيا

yourcolor.net

yourcolor.net

yourcolor.net
الاضافات تم تعريبها سابقا لاكن للاسف كانت يظهر بدل الكلمات استفهامات
وتم تعريبها ع السريع لاستخدامها في المدونه
وحبيت اشاركم فيها
ncode-image-resizer طريقة عمل الاضافة تصغير الصور تلقائيا اذا كان حجمها اكبر من الحجم المحدد بالاعدادات
وعرضها بحجمها الطبيعي بكذا طريقة مميزه ايضا انت تحددها
مثال على عمل الاضافة
لم يتم تعريب ملفات اللغة بل تم تعريب ملف ncode-image-resizer.php
ارفع المجلد ncode-image-resizer الى مجلد الاضافات plugins
ثم اذهب للاضافات وفعلها
ثم اذهب للاعدادات واختار الاعدادات اللتي تناسبك

[إضافة Dewslider ] لعرض صور التدوينة على شكل ديابوراما – yourcolopr

[إضافة Dewslider ] لعرض صور التدوينة على شكل ديابوراما

yourcolor.net

yourcolor.net

yourcolor.net
مزاياها :
1 – إمكانية وضع عنوان أو وصف لكل صورة .
2 – التحكم بمدة العرض التلقائي للصورة .
3 – إخفاء روابط الصور المعروضة .
4 – التحكم بطريقة الأنتقال transition بين الصور .

طريقة التركيب :
1 – تنزيل dewslider.swf ( من المرفقات).
2 – تقوم بربط ملف الفلاش مع كود html أو ملف xml على النحو التالي :
html

<object type="application/x-shockwave-flash" data="dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg" width="500" height="300">
<param name="movie" value="dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg" />
</object> 

طبعا مع تغيير روابط الصور في المقطع التالي من الكود
“dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg”
**عن طريق ملف xml :
في هاته الحالة لا بد أن يحتوي ملف xml على كل بيانات الصور :

<object type="application/x-shockwave-flash" data="dewslider.swf?xml=dewslider.xml" width="200" height="20">
<param name="movie" value="dewslider.swf?xml=dewslider.xml" />
</object> 

حيث تستبدل xml=dewslider.xml بمسار ملف xml .
كود ملف xml

<?xml version="1.0" ?>
<album
showbuttons="yes"
showtitles="yes"
randomstart="yes"
timer="5"
aligntitles="bottom"
alignbuttons="bottom"
transition="push"
speed="20"
>
<img src="img/1.jpg" title="Titre 1" />
<img src="img/2.jpg" title="Titre 2" url="test.html" />
<img src="img/4.jpg" title="Titre 3" url="
http://yourcolor.net/" />
<img src="img/5.jpg" title="Titre 4" />
</album>

أتمنى ان يكون الشرح مفهوما

معرض الوسوم