طريقة تركيب قوالب الوورد بريس (فيديو) – YourColor

الووردبريس wp

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

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

القالب المستعمل في الشرح : هنا

هذا القالب يحتاج بعض الإضافات ليشتغل بشكل سليم

الإضافات المطلوبة 

1. Math Comment Spam Protection : عمليات حسابية لمكافحة السبام في التعليقات .
2. Random-Posts : مواضيع عشوائية .
3. Post-Plugin Library (يلزم وجودها لدعم بعض الاضافات الأخرى)
4. WP-Email : إرسال التدوينة إلى بريد صديقك .
5. WP-Print : طباعة التدوينة
6. WP-PostViews : عدد القراءات (المشاهدات) للتدوينة .

يمكنكم زيارة  موقع صاحب القالب : هنا

مواقع عربية تقدم قوالب مجانية

1. arab-templates [ قوالب مجانية ومصممة ومعربة ]
2. قوالب قياسي المعربة
3. قوالب ووردبريس عربياً المعربة
4. قوالب صالح المطرفي المعربة
5. قوالب موقع غراب المعربة
6. قوالب ابن الطاهر المعربة
7. قالبي مجتمع القوالب العربية

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

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

وورد بريس wp

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

في هذه التدوينة سنتحدث عن طريقة ادراج الهاكات في ملف خصائص القالب (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

الووردبريس wp

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

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

اول شيئ نفتح ملف جديد باسم 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

الووردبريس wp

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

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

عملية الترقية التلقائية قد تؤتر على جميع ملفات الووردبريس الافتراضية ومن بينها قالب Twenty Ten والاضافتين (Akismet و Hello Dolly) اذا قمت باي تغيير في هذه الملفات فسوف تفقد تلك التغييرات قم باخد نسخة لها قبل ان تقوم بعملية الترقية

عندما تظهر لك هذه الرسالة :

ماذا تفعل ؟

تحقق من متطلبات الووردبريس

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

قم بأخد نسخة احتياطية

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

تعطيل الاضافات

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

الاستعداد لترقية

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

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

الترقية التلقائية

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

نقوم بالضغط على تحديثات كما في الصورة لكي ننتقل الى صفحة التحديثات

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

الى هنا تكون قد اتتمت عملية الترقية التلقائية.

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

في حالة قمت بالترقية وتم تحميل تحديث الووردبريس ولم يحدث اي شيء في هذه الحالة اعلم بان مستضيفك يستعمل PHP4 والترقية التلقائية تعمل فقط على PHP5 .

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

المهم ولكي تتجنب مشاكل الترقية التلقائية مع عليك سوى باستعمال الترقية اليدوية

الترقية اليدوية

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

1. تحميل اخر نسخة للوردبريس
2. تحضيير الملفات بعد فك الضغط
3. حذف بعض الملفات القديمة على الموقع
4. رفع الملفات الجديدة
5. اكمال عملية الترقية

1 – تحميل اخر نسخة للوردبريس

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

2 – تحضيير الملفات بعد فك الضغط

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

الان بعد فك الضغط قم بحذف المجلد wp-content ستصبح الملفات بالشكل التالي :

3 – حذف بعض الملفات القديمة على الموقع

الان ننتقل الى الموقع هنا سنقوم بحذف بعض الملفات اما عن طريق FTP  أو  Cpanel

هذه الملفات والمجلدات دعها كما هي لا تقم بحذفها :

1. wp-content
2. wp-config.php
3. robots.txt

الملفات و المجلدات التالية يجب حذفها :

1. wp-admin
2. wp-includes
3. index.php
4. license.txt
5. readme.html
6. wp-activate.php
7. wp-app.php
8. wp-atom.php
9. wp-blog-header.php
10. wp-comments-post.php
11. wp-commentsrss2.php
12. wp-config-sample.php
13. wp-cron.php
14. wp-feed.php
15. wp-links-opml.php
16. wp-load.php
17. wp-login.php
18. wp-mail.php
19. wp-pass.php
20. wp-rdf.php
21. wp-register.php
22. wp-rss.php
23. wp-rss2.php
24. wp-settings.php
25. wp-signup.php
26. wp-trackback.php
27. xmlrpc.php

باستعمال ال ftp سوف اطبق الشرح على البرنامج filezilla نقوم بالتالي بعد تسجيل الدخول  :

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

4 – رفع الملفات الجديدة

لاحظ الملفات الموجدة على جهازك قمنا بحذف ملف wp-content . الان قم بالضغط من لوحة المفاتيح على Crtl + A وكليك يمين واختر Upload

5 – اكمال عملية الترقية

عندما تنتهي من رفع الملفات الجديدة الى موقعك قم اكمال عملية ترقية القاعدة على النحو التالي :

http://example.com/wp-admin/upgrade.php

الخطوة الاخيرة

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

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

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

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

طريقة زيادة ازرار المحرر المرئي للوردبريس – YourColor

الووردبريس wp

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

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

بعض الازرار تحتاج تنسيق خاص بها من القالب المستعمل لهذا يرجى تعيينها في ملف تنسيق القالب style.css

طريقة اضافة هذه الازرار سهلة للغاية, فقط قم بفتح ملف الخصائص (functions.php) وقم باضافة الدالة التالي :

function enable_more_buttons($buttons) {
  $buttons[] = ´hr´;
  $buttons[] = ´sub´;
  $buttons[] = ´sup´;
  $buttons[] = ´fontselect´;
  $buttons[] = ´fontsizeselect´;
  $buttons[] = ´styleselect´;
  return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

والنتيجة ستكون بالشكل التالي :

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

function enable_more_buttons($buttons) {
 $buttons[] = ´hr´;
 $buttons[] = ´sub´;
 $buttons[] = ´sup´;
 $buttons[] = ´fontselect´;
 $buttons[] = ´fontsizeselect´;
 $buttons[] = ´styleselect´;
 /** هكذا نضيف الكود */
 $buttons[] = ´cleanup´;
 return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

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

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

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

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

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

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

الووردبريس wp

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

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

ملاحظة بسيطة محركات البحث تعتمد على الميتا (Meta) التاليين :

content و keywords  الموجودة في سورس كود الخاصة بالصفحة وايضا لا ننسى العنوان ايضا (title) لعرضها في صفحات البحث يمكن القول ايضا انها نبدة تعريفية عن الصفحة وما تحتويه لمحركات البحث  وغالبا ما تكون بالترتيب التالي :

<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>

المشكلة

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

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

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

<meta name="description" content="<?php echo get_option(´seo1´); ?>" />
<meta name="keywords" content="<?php echo get_option(´seo2´); ?>" />

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

<meta name="description" content="الاختلاف بين القوالب هنا" />
<meta name="keywords" content="الاختلاف بين القوالب هنا" />

الحل

لحل هذه المشكلة ستضطر الى حذف السطرين كي تتجنب مشكلة التكرار. لكن في هذه الحالة يجب عليك تركيب اضافة مثل all in one seo pack ليتم التحكم الكامل في الوصف والكلمات المفتاحية بشكل كامل

خاتمة

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

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

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

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

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

 الووردبريس wp

افتح الفوتوشوب..صفحة جديدة 900X1100
العرض:(900) بيكسل الارتفاع:(1100) بيكسل (ملاحظة..اختيار الالوان راجعلك)
اعمل لير جديد حدد 25 بيكسل باستخدام اداة الrectangle
واختار gradient tool انا اخترت هذه الالوان (# 39a4ff)
و (# 114dff) اسحب من اعلى التحديد الى اسفله لتصبح في هذا الشكل

والآن حدد 200 بيكسل كما في الصورة

الالوان المستخدمة
# 434343
و
#000000
نسوي شعار بسيط

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

مرة اخرى..بإستخدم اداة الrectangle
نرسم مستطيل بعرض الصفحة تحت الهيدر بارتفاع 50 بيكسل

ونطبق نفس الاعدادت

نرسم خط ابيض بعرض 1 بيكسل تحت القائمة
بالضغط على shift والسحب من اليمين الى اليسار او العكس
ونلون الخلفية باللون # e6e6e6
شوف كيف راح تظهر

نرسم خط آخر فوق الخط الابيض باللون # 797979 بعرض 1 بيكسل
لاحظ الصورة

ارسم خط بهذا الشكل

ومن ثم الذهاب الى filter>>blur>>motion blur

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

طيب نيجي لمحتوى المقالات
بأداة الrectangle .. حدد الاخيار fixed size
الارتفاع :225
العرض:600
حدد مساحة كما في الصورة..ولونها بأي لون

وطبق الخيارات التالية

تكون عندنا مستطيل رائع بهذا الشكل

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

الآن نسوي العمود الجانبي
بنفس اداة الrectangle
حدد المساحة..وسوي نفس الاعدادات اللي سويناها في المستطيل اللي في الاعلى
واعمل التالي

واخيرا
الفوتر

راح يكون بسيط..
فقط باستخدام الrectangle
سوي مثل هذا الفوتر
انا استخدمت نفس الوان الهيدر…واستخدمت نفس الاعدادات blending options

بذلك نكون انتهينا من الفوتوشوب

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

قالب snapshot الصوري (معرب) – YourColor

 الووردبريس wp

قالب ووردبريس صوري (Snapshot) معرب

متوافق مع ووردبريس 3
لوحة تحكم خاصة

مكان لرفع الصور مع كل مقالة

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

حصرياً قالب light bright معرب – YourColor

 الووردبريس wp

قالب ووردبريس معرب

مثال حي 
LightBright
بعد تنزيل القالب عليك تعطيل الcufon حتى يتناسب عمله مع اللغة العربية

من لوحة التحكم>light bright theme options > تأكد ان الخيار معطل كما في الصورة > اضغط save

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

قالب Vizine معرب – YourColor

 الووردبريس wp

مميزات القالب

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

نظرة أقرب للقالب

صورة للوحة التحكم
 






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