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

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

آيفون عملاق تكريماً لستيف جوبز 2013 – 2014 – اخبار التقنية 2013 – 2014 – ايفون 2013 – 2014 – YourColor

آيفون عملاق تكريماً لستيف جوبز 2013 – 2014 – اخبار التقنية 2013 – 2014 – ايفون 2013 – 2014 – YourColor

YourColor.Net

اخبار التقنية

اخبار التقنية

YourColor.Net

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

حجم الهاتف يصل الى

لقرأة المزيد اضغط هنا آيفون عملاق تكريماً لستيف جوبز 2013 – 2014 – اخبار التقنية 2013 – 2014 – ايفون 2013 – 2014 – YourColor

كلمات البحث
 
(تطوير,الاكاديمية,اتعلم,ووردبريس, Wordpress,yourcolor,yourcolor.net)
 
المصدر : YourColor.Net
hdt,k ulghr j;vdlh gsjdt [,f. 2013 – 2014 – hofhv hgjrkdm 2013 – 2014 – hdt,k 2013 – 2014 – YourColor

إضافة إقرأ المزيد على شكل زر في مواضيع المدونة للبلوجر Read More Button 2013 – 2014 – دروس بلوجر 2013 – 2014 – اضافات بلوجر 2013 – 2014 – قوالب بلوجر 2013 – 2014 – YourColor

قوالب بلوجر , قوالب عربية , دروس بلوجر , اضافات بلوجر , بلوجر , blogger

YourColor.Net

بلوجر

بلوجر

YourColor.Net

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

من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم ” تحرير HTML ” قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة .
اشر علامة توسيع قوالب عناصر واجهة المستخدم .

ثم ابحث عن هذا الكود :

لقرأة المزيد اضغط هنا إضافة إقرأ المزيد على شكل زر في مواضيع المدونة للبلوجر Read More Button 2013 – 2014 – دروس بلوجر 2013 – 2014 – اضافات بلوجر 2013 – 2014 – قوالب بلوجر 2013 – 2014 – YourColor

الموضوع الاصلي : إضافة إقرأ المزيد على شكل زر في مواضيع المدونة للبلوجر Read More Button 2013 – 2014 – دروس بلوجر 2013 – 2014 – اضافات بلوجر 2013 – 2014 – قوالب بلوجر 2013 – 2014 – YourColor || الكاتب : yourcolor.net || المصدر  : الاكاديمية العربية لفنون التصميم و الجرافيك

كلمات البحث
(قوالب بلوجر,اضافات بلوجر,اكواد بلوجر)
المصدر : YourColor.Net
Yqhtm YrvhH hgl.d] ugd a;g .v td l,hqdu hgl],km ggfg,[v read more boutton 2013 – 2014 – ]v,s fg,[v 2013 – 2014 – hqhthj fg,[v 2013 – 2014 – r,hgf fg,[v 2013 – 2014 – YourColor

بلوجرblogger

ما هو بلوغر بلوجر 2013 – 2014 – تعريف بلوغر بلوجر 2013 – 2014 – تاريخ بلوغر بلوجر 2013 – 2014 – blogger 2013 – 2014 – YourColor

قوالب بلوجر , قوالب عربية , دروس بلوجر , اضافات بلوجر , بلوجر , blogger

YourColor.Net

بلوجر

بلوجر

YourColor.Net

بلوغر (بالإنجليزية: Blogger بلوچِر) هو نظام نشر مدونات إلكترونية ، تمتلكه شركة جوجل منذ عام 2003 ، يستضيف بلوغر المدونات على خوادم موقع بلوچِر دوت كوم وتُعرّف المدونة المستضافة باسم نطاق فرعي من blogspot.com لتأخذ المدونة الصيغة التالية مثلا yourcolor-academy.blogspot.com ، ويمكن استضافة المدونة أيضا على الخادم الذي يختاره المستخدم للنقل سواء كان عبر FTP أو SFTP .

تاريخ بلوغر

أُطلق بلوغر لأول مرة في أغسطس عام 1999 بواسطة شركة بايرا لابز (Pyra Labs)، ويعد بذلك واحدا من أوائل نظم نشر المدونات في تاريخ إنترنت. في فبراير 2003 بيعت شركة بايرا لابز لشركة جوجل تحت شروط غير معلنة، و بشراء بلوغر قامت جوجل بإتاحة مميزات حصرية مدفوعة والتي أعدتها بايرا لابز لتكون مجانية. بعد حوالي عام كان إيفان ويليامز العضو المؤسس لشركة بايرا قد ترك جوجل. في عام 2004 أصدرت جوجل برنامج Picasa و قامت

لقرأة المزيد اضغط هنا ما هو بلوغر بلوجر 2013 – 2014 – تعريف بلوغر بلوجر 2013 – 2014 – تاريخ بلوغر بلوجر 2013 – 2014 – blogger 2013 – 2014 – YourColor

الموضوع الاصلي : ما هو بلوغر بلوجر 2013 – 2014 – تعريف بلوغر بلوجر 2013 – 2014 – تاريخ بلوغر بلوجر 2013 – 2014 – blogger 2013 – 2014 – YourColor || الكاتب : yourcolor.net || المصدر  : الاكاديمية العربية لفنون التصميم و الجرافيك

كلمات البحث
(قوالب بلوجر,اضافات بلوجر,اكواد بلوجر)
المصدر : YourColor.Net
lh i, fg,yv fg,[v 2013 – 2014 – juvdt fg,yv fg,[v 2013 – 2014 – jhvdo fg,yv fg,[v 2013 – 2014 – blogger 2013 – 2014 – YourColor

بلوجرblogger

مشاكل خصائص ملف القالب – 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

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

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

طريقة عرض التاريخ بصيغة المدة يدويا

نبحث عن الكود التالي :

<?php the_time(´j F, Y´) ?>
نقوم باستبداله بالكود التالي :
نشرت منذ: <?php echo human_time_diff(get_the_time(´U´), current_time(´timestamp´)) . ´ ´; ?>

طريقة عرض التاريخ بصيغة المدة بواسطة الاضافة

هذه اضافة Easy Relative Date تقوم بنفس العمل ولكن تحتاج تعريب

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

<?php the_time(´j F, Y´) ?>
واستبدله بالكود التالي :
<?php if(!function_exists('easy_relative_date'))
{the_time('F jS, Y');
} else {
echo easy_relative_date(get_the_time('U')); }
?>

لتحميل الاضافة من هنا : easy-relative-date
لتحميل الاضافة معربة من هنا : easy-relative-date-arabic

ملحوظة :

 بالنسبة للاضافة المعربة قمت بتعريب ملف php لانه واجهتني مشاكل في ملف التعريب

الى اللقاء في تدوينة جديدة انشاء الله

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

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

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

صفحة الأرشيف للووردبريس – 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

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

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

اول شيئ يجب عليك الاشتراك في موقع  FeedBurner اصبح تابعا لخدمات جوجل ويعتبر هذا الموقع من أكبر المواقع التي توفر لمدونتك او منتداك خدمة الـ RSS لما يقدمه الموقع من خدمات كثيرة تهدف جميعها إلى جلب أكبر عدد من الزوار لمدونتك والحصول على زوار دائمين يتابعون جديد مدونتك دون عناء أو نسيان،على فكرة تحتاج حساب (Gmail) قم بزيارة موقع FeedBurner وقم بتسجيل الدخول عن طريق حسابك Gmail

ندخل الان في صلب الموضوع , بعد اشتراكك في موقع FeedBurner نقوم بانشاء خلاصات لجميع التصنيفات

ملحوظة :

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

نقوم باخد رابط التصنيف مثلا :

http://yourcolor.net/category/adsense/

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

YourColor.Net

بعد اخد رابط التصنيف نضيف اليه الكلمة التالية feed بالشكل التالي :

http://yourcolor.net/category/adsense/feed/

الان نقوم بانشاء خلاصات من موقع FeedBurner لجميع التصنيفات المتواجدة في الموقع

قم باضافة رابط خلاصات التصنيف واضغط على Next

YourColor.Net

لاحظ معي في هذه الصورة قمت باضافة اسم الموقع واسم التصنيف بجانبه ضروري حروف باللاتينية واضغط على Next

YourColor.Net

الان ستظهرلك رسالة نجاح انشاء الخلاصة لتصنيف الذي اضفناه

YourColor.Net

هنا تضيف بعض الخصائص للخلاصات

YourColor.Net

الان نقوم بتفعيل خاصية لتفعيل خدمة الاشتراك عن طريق البريد

YourColor.Net

YourColor.Net

YourColor.Net

 الان نسخ هذا الكود ولاحظ الكلمة المشار اليها بالاحمر هي التي تهمنا

YourColor.Net

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

لدينا كود الخلاصات بالشكل التالي :

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=wpportal-adsense´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="wpportal-adsense" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

اولا نقوم باضافة دالة (categoryfeed$) الى الرابط التالي في الكود اعلاه:

onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´
الان نحتاج مصفوفة لتعامل مع الخلاصات التي قمنا بإنشائها بالشكل التالي :
<?php
$cast = array(´wpportal´ => ´الخلاصات كاملة´,
              ´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
foreach($cast as $categoryname => $categoryfeed) {
  echo "<option value="$categoryname">$categoryfeed</option>n";
}
?>

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

http://feeds.feedburner.com/wpportal

http://feeds.feedburner.com/wpportal-plugins

http://feeds.feedburner.com/wpportal-adsense

http://feeds.feedburner.com/wpportal-install-upgrad

http://feeds.feedburner.com/wpportal-lessons

http://feeds.feedburner.com/wpportal-general

http://feeds.feedburner.com/wpportal-problem-and-solution

http://feeds.feedburner.com/wpportal-tips

http://feeds.feedburner.com/wpportal-articles

الكود يصبح بالشكل التالي :

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true">
<p>يمكنك الاشتراك في التصنيف الذي تحب : <select name="uri">
<?php
$cast = array(´wpportal´ => ´الخلاصات كاملة´,
              ´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
foreach($cast as $categoryname => $categoryfeed) {
  echo "<option value="$categoryname">$categoryfeed</option>n";
}
?>
</select></p>
<p>أدخل بريدك الاإلكتروني : <input type="text" style="width:140px" name="email"/></p>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="اشترك الان" />
</form>
وهذا مثال على عمل الكود :
YourColor.Net
هناك طريقة اخرى عوض القائة المنسدلة وهى (checkbox)
<p class="post-share">
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open(´http://feedburner.google.com/fb/a/mailverify?uri=$categoryfeed´, ´popupwindow´, ´scrollbars=yes,width=550,height=520´);return true">
<p>يمكنك الاشتراك في التصنيف الذي تحب :<br>
<?php
$cast = array(´wpportal-plugins´ => ´تركيب الاضافات´,
              ´wpportal-adsense´ => ´أدسنس´,
			  ´wpportal-install-upgrad´ => ´تركيب وترقية´,
              ´wpportal-lessons´ => ´دروس´,
			  ´wpportal-general´ => ´عام´,
			  ´wpportal-problem-and-solution´ => ´مشاكل وحلول´,
			  ´wpportal-tips´ => ´نصائح´,
			  ´wpportal-articles´ => ´مقالات´);
echo "<input type="radio" name="uri" value="wpportal" checked>الخلاصات كاملةn";
foreach($cast as $categoryname => $categoryfeed) {
  echo "<input type="radio" name="uri" value="$categoryname">$categoryfeedn";
}
?></p>
<p>أدخل بريدك الاإلكتروني : <input type="text" style="width:140px" name="email"/></p>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="اشترك الان" />
</form>
وهذا مثال :
YourColor.Net

الى هنا نكن قد انتهينا والى اللقاء في تدوينة جديدة انشاء الله

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

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

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

قائمة خدمات التحديث (PING) في الووردبريس – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

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

الان توجه الى لوحة التحكم ثم الاعدادات ثم كتابة الان ستجد مكان خدمات التحديثات في الاسفل

YourColor.Net

الان يجب عليك اضافة المواقع في خدمات التحديث وقم بحفظ التغييرات و يمكن تحميل المواقع من ملف تيكست بدون اسطر فارغة  (plain-text) وهي 130 موقع من هنا او انسخ  المواقع التالية :

http://api.moreover.com/RPC2

http://api.my.yahoo.co.jp/RPC2

http://api.my.yahoo.com/RPC2

http://audiorpc.weblogs.com/RPC2

http://blog.goo.ne.jp/XMLRPC

http://blogpeople.net/ping

http://blogsearch.google.ae/ping/RPC2

http://blogsearch.google.at/ping/RPC2

http://blogsearch.google.be/ping/RPC2

http://blogsearch.google.bg/ping/RPC2

http://blogsearch.google.ca/ping/RPC2

http://blogsearch.google.ch/ping/RPC2

http://blogsearch.google.cl/ping/RPC2

http://blogsearch.google.co.cr/ping/RPC2

http://blogsearch.google.co.hu/ping/RPC2

http://blogsearch.google.co.id/ping/RPC2

http://blogsearch.google.co.il/ping/RPC2

http://blogsearch.google.co.in/ping/RPC2

http://blogsearch.google.co.it/ping/RPC2

http://blogsearch.google.co.jp/ping/RPC2

http://blogsearch.google.co.ma/ping/RPC2

http://blogsearch.google.co.nz/ping/RPC2

http://blogsearch.google.co.th/ping/RPC2

http://blogsearch.google.co.uk/ping/RPC2

http://blogsearch.google.co.ve/ping/RPC2

http://blogsearch.google.co.za/ping/RPC2

http://blogsearch.google.com.ar/ping/RPC2

http://blogsearch.google.com.au/ping/RPC2

http://blogsearch.google.com.br/ping/RPC2

http://blogsearch.google.com.co/ping/RPC2

http://blogsearch.google.com.do/ping/RPC2

http://blogsearch.google.com.mx/ping/RPC2

http://blogsearch.google.com.my/ping/RPC2

http://blogsearch.google.com.pe/ping/RPC2

http://blogsearch.google.com.sa/ping/RPC2

http://blogsearch.google.com.sg/ping/RPC2

http://blogsearch.google.com.tr/ping/RPC2

http://blogsearch.google.com.tw/ping/RPC2

http://blogsearch.google.com.ua/ping/RPC2

http://blogsearch.google.com.uy/ping/RPC2

http://blogsearch.google.com.vn/ping/RPC2

http://blogsearch.google.com/ping/RPC2

http://blogsearch.google.de/ping/RPC2

http://blogsearch.google.es/ping/RPC2

http://blogsearch.google.fi/ping/RPC2

http://blogsearch.google.fr/ping/RPC2

http://blogsearch.google.gr/ping/RPC2

http://blogsearch.google.hr/ping/RPC2

http://blogsearch.google.ie/ping/RPC2

http://blogsearch.google.in/ping/RPC2

http://blogsearch.google.it/ping/RPC2

http://blogsearch.google.jp/ping/RPC2

http://blogsearch.google.lt/ping/RPC2

http://blogsearch.google.nl/ping/RPC2

http://blogsearch.google.pl/ping/RPC2

http://blogsearch.google.pt/ping/RPC2

http://blogsearch.google.ro/ping/RPC2

http://blogsearch.google.ru/ping/RPC2

http://blogsearch.google.se/ping/RPC2

http://blogsearch.google.sk/ping/RPC2

http://blogsearch.google.tw/ping/RPC2

http://blogsearch.google.us/ping/RPC2

http://feedsky.com/api/RPC2

http://hamo-search.com/ping.php

http://holycowdude.com/rpc/ping/

http://ping.blogoon.net/

http://ping.blogs.yandex.ru/RPC2

http://ping.fc2.com/

http://ping.feedburner.com/

http://ping.kutsulog.net/

http://ping.myblog.jp/

http://ping.namaan.net/rpc

http://ping.snap.com/ping/RPC2

http://ping.syndic8.com/xmlrpc.php

http://ping.weblogalot.com/rpc.php

http://ping.wordblog.de/ http://r.hatena.ne.jp/rpc

http://rpc.bloggerei.de/ping/

http://rpc.blogrolling.com/pinger/

http://rpc.icerocket.com:10080/

http://rpc.pingomatic.com

http://rpc.reader.livedoor.com/ping

http://rpc.technorati.com/rpc/ping

http://rpc.technorati.jp/rpc/ping

http://rpc.twingly.com/

http://rpc.weblogs.com/RPC2

http://wasalive.com/ping/

http://www.blogpeople.net/servlet/weblogUpdates

http://xmlrpc.blogg.de

http://xping.pubsub.com/ping/

http://zhuaxia.com/rpc/server.php

http://pingoat.com/goat/RPC2

http://api.feedster.com/ping

http://api.moreover.com/ping

http://api.my.yahoo.com/rss/ping

http://www.blogdigger.com/RPC2

http://www.blogshares.com/rpc.php

http://www.blogsnow.com/ping

http://www.blogstreet.com/xrbin/xmlrpc.cgi

http://bulkfeeds.net/rpc

http://www.newsisfree.com/xmlrpctest.php

http://ping.blo.gs/

http://www.azfeeds.com/

http://www.blogsearchengine.com/

http://www.blogtopsites.com/

http://www.feedbase.net/

http://www.feedsubmitter.com/

http://www.fybersearch.com/

http://www.plazoo.com/

http://www.readablog.com/

http://www.rssfeeds.com/

http://www.rssmad.com/

http://www.rss-spider.com/

http://blo.gs/ping.php

http://www.pingerati.net/

http://feedshark.brainbliss.com/

http://www.pingmyblog.com/

http://geourl.org/ping

http://ipings.com/

http://www.icerocket.com/

http://www.weblogalot.com/ping

http://rpc.wpkeys.com

http://rpc.britblog.com

http://cullect.com/feed/ping

http://ping.bitacoras.com

http://topicexchange.com/RPC2

http://www.blogoole.com/ping/

http://www.popdex.com/addsite.php

http://www.wasalive.com/ping/

http://www.weblogues.com/RPC/

http://blogping.unidatum.com/RPC2/

والى اللقاء في تدوينة اخرى بإذن الله

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

أداء مدونة الووردبريس و صحة اللود – YourColor

yourcolor.net

YourColor.Net

yourcolor.net

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

في هذه المقالة ان شاء الله سنتحدث عن تحسين أداء مدونة الووردبريس واسباب اللود العالي الذي تسببه الووردبريس على الاستضافات المشتركة والتي غالبا ما تنتهي بغلق حساب صاحب هذه المدونة, وقد تكون هذه المقالة مفيدة ايضا لأصحاب السيرفرات الافتراضية (VPS) و السيرفرات الخاصة (DS)

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

الاضافات

السبب الاول في الضغط الشديد على السيرفر بكثرة الاستعلامات التي تقوم بها مع قاعدة البيانات (mysql) وملقم الويب (Apache) مثل المواضيع العشوائية و احدث التعليقات, مواضيع ذات صلة, اي كل اضافة تستعمل استعلامات مع قاعدة البيانات ولمعرفة عدد الاستعلامات التي تقوم بها صفحة واحدة قم بادراج الكود التالي في اسفل الصفحة (Footer.php) :

<!-- <?php echo get_num_queries(); ?> queries -->

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

YourColor.Net

نقوم بعملية حسابية الان لنعرف عدد الاستعلامات

عدد الاستعلامات (صفحة واحدة) * عدد الزوار = عدد الاستعلامات الإجمالي

لنفرض مثلا عدد الاستعلامات 37 وعدد الزوار 1000

37 (استعلام) * 1000 (زائر) = 37000 استعلام (queries)

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

الملفات المرئية والصوتية

هنا أيضا هذا النوع من الملفات قد يسبب ضغط هائل على السيرفر اذا كان مرفوعا عليه هذه الملفات ولهذه الملفات نفس سيناريو الاضافات ولكن هنا اتصال السيرفر الذي يكون عليه الضغط و وملقم الويب (Apache) لناخد مثال بسيط اتصال السيرفرات لنفترض 8MB و سرعة الاستقبال تكون فقط 1MB/s وسرعة الارسال 512KB/s قسم هذه الاخيرة على 100 زائر بس يشاهدون الفيديو او يستمعون لملف صوتي يعني عملية حسابية بسيطة :

512KB/s (سرعة الارسال) / 100 (زائر) = 5.12 KB/s (لكل زائر)

احنا فقط افترضنا سرعة الارسال غالبا تكون كبيرة. ونلاحظ هنا الإستهلاك العالي جدا لباندويث مما يدفع اصحاب الاستضافة لتوقيف الموقع. ولحل هذه المشكلة توجد عدة مواقع متخصصة بهذه الملفات مثل dropbox.com Archive.org YouTube Dailymotion Vimeo وانصح باستعمال الموقعين الاخيرين دروب بوكس و الارشيف

التحميلات و الصور

لها ايضا دور في استهلاك الباندويث و ضغط على السيرفر مثل الملفات الصوتية والمرئية و خصوصا كثرة التحميلات ولها ايضا مواقع مختصة بها amazone s3 و dropbox.com بالنسبة لصور اما بالنسبة لتحميلات مثل ziddu.com و hotfile.com , megaupload.com ,غيرها من مراكز التحميل

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

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

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

معرض الوسوم