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

Posts tagged ‘مدونتك’

علامات وأكواد القوالب yourcolor – Template Tags

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

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

ما هى علامات القوالب اوTemplate Tags :

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

المعلمات او الباراميترات كما افضل ان اقول:

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

bloginfo()
<strong>تستخدم بهذه الطريقة</strong>
Bloginfo(‘name’) لعرض اسم المدونة
Bloginfo(‘url’) لعرض رابط المدونة
Bloginfo(‘parameters’) ووضع الباراميترات الخاصة بالكود او الدالة التى تحب, ولاتنسي وسم البى إتش بي
<?php bloginfo(”) ?>

والان دعنا نذهب لبعض الاكواد وشرحها:

نوع المحتوى, ترميز الصفحة إصدار الووردبريس:

<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>;
charset=<?php bloginfo(‘charset’); ?>” />
<meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” />

عنوان الصفحة:

view sourceprint?1 <title>
<?php
if (is_home()) {
echo bloginfo(‘name’);
} elseif (is_404()) {
echo ‘404 Not Found’;
} elseif (is_category()) {
echo ‘Category:’; wp_title(”);
} elseif (is_search()) {
echo ‘Search Results’;
} elseif ( is_day() || is_month() || is_year() ) {
echo ‘Archives:’; wp_title(”);
} else {
echo wp_title(”);
}
?>
</title>

RSS

<div id=”rss”> <a href=”<?php bloginfo(‘rss2_url’); ?>” title=”Subscribe to
us”></a> </div>

عرض التصنيفات الرئيسية:

<?php wp_list_categories('sort_column=menu_order&depth=1&title_li=');?>

عرض التصنفيات الفرعية:

 <?php if (is_category()){wp_list_categories
(‘orderby=id&show_count=0&title_li=0&child_of=’.$cat); }?>

 عرض قائمة الصفحات:

 <?php wp_list_pages('title_li=&depth=1') ?>

 الصفحات الفرعية:

 <?php
$children = wp_list_pages(‘title_li=&child_of=’.$post->ID.’&echo=0′);
if ($children) { ?>
<?php echo $children; ?>
<?php } ?>
<?php if (is_category()){wp_list_categories
(‘orderby=id&show_count=0&title_li=0&child_of=’.$cat); }?>

 عرض التاريخ:

<?php the_time('F jS, Y') ?>

عرض التصنيفات:

<?php the_category(',') ?>

عدد التعليقات:

<?php comments_number('no comment','1 comment','% comments'); ?>

تعديل المشاركة:

<?php edit_post_link('edit','',''); ?>

عرض الاوسمة او Tags :

<?php the_tags('Tagged with: ',' &bull; ','<br/>'); ?>

ارسال الصفحة الى تويتر:

<a href=”http://twitter.com/home?status=Currently reading <?php the_permalink
(); ?>” title=”Click to send this page to Twitter!” target=”_blank”>Twitter</a>

 RSS التعليقات:

<a href=”<?php comments_rss_link(‘RSS 2.0’); ?>” title=”Comment RSS”
target=”_blank”> Follow responses</a>

 انتقل الى صندوق كتابة التعليقات:

<a href=”#respond” title=”To comment form” target=”_blank”>leave a
response</a>

 تراك باك او المراجع:

<a href=”<?php trackback_url(display); ?>” title=”Trackback”
target=”_blank”>Trackback</a>

الشريط الجانبي Sidebar

 للعرض بطريقة مرنة

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘right-sidebar’)
) : ?>
<?php endif; ?>

 سحابة الاوسمة باحجام مختلفة …

 <?php wp_tag_cloud('smallest=8&largest=36&'); ?>

 عرض الارشيف بالشهر

<?php wp_get_archives(‘type=monthly’); ?>
ويمكنك تغيير monthly  اذا اردت شيئا آخر

أظهار صفحة معينة :

<?php
query_posts(‘pagename=اسم الصفحة’);
?>

عمل استدعاء لملف معين Include

<?php include (TEMPLATEPATH . '/drsni.php'); ?>

جلب احدث التدوينات من فئة معينة وبعدد معين :

<?php
$feature_posts = get_posts
(‘category=1&numberposts=5&orderby=post_name&order=DSC’);
foreach($feature_posts as $post) : setup_postdata($post);
?>
<?php endforeach; ?>

عرض صورة التدوينة فى حال كانت كحقل مخصص:

 <?php $image = get_post_meta($post->ID, ‘image’, TRUE); ?>
<?php if($image) { ?>
<img src=”<?php echo $image; ?>” alt=”Alt Text” />
<?php } ?>
<?php //get article_image (custom field) ?>
<?php $image = get_post_meta($post->ID, ‘article_image’, true); ?>
<a href=”<?php the_permalink() ?>”><img src=”<?php echo $image; ?>”
alt=”<?php the_title(); ?>” /></a>

 قائمة بتدوينات عشوائية:

 <ul>
<?php
$rand_posts = get_posts(‘numberposts=عدد التدوينات&orderby=rand’);
foreach( $rand_posts as $post ) :
?>
<li><a href=”<?php the_permalink(); ?>”>
<?php the_title(); ?>
</a>
<?php the_time(‘M d Y’); ?>
</li>
<?php endforeach; ?>
</a>
</ul>

 قائمة بمواضيع Tag او وسم :

 <ul>
<?php
$myposts = get_posts(‘numberposts=العدد هنا&tag=الوسم’);
foreach( $myposts as $post) :
?>
<li><a href=”<?php the_permalink(); ?>”>
<?php the_title(); ?>
</a>
<?php the_time(‘M d Y’); ?>
</li>
<?php endforeach; ?>
</a>
</ul>

الصور

قائمة بكل الصور المرفقة:

 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<ul><?php
$post_parent = get_post($post->ID, ARRAY_A);
$parent = $post_parent[‘post_parent’];
$attachments = get_children( array( ‘post_parent’ => $post_id, ‘post_type’ =>
‘attachment’, ‘orderby’ => ‘menu_order ASC, ID’, ‘order’ => ‘DESC’) );
foreach($attachments as $id => $attachment) :
echo wp_get_attachment_link($id, ‘thumbnail’, true);
endforeach;
?>
</ul>
<?php endwhile; else: ?>
<p><?php _e(‘فارغ’); ?></p>
<?php endif; ?>

الملفات الهامه :

 header.php– منطقة الهيدر
index.php – الرئيسية
sidebar.php – الشريط الجانبى او القائمة الجانبية
footer.php – الفوتر
single.php – التدوينة
page.php – الصفحة
comments.php – التعليقات
search.php – محتوى البحث
searchform.php – البحث
archive.php – الارشيف
functions.php – الدوال الخاصة
404.php – صفحة الخطأ

 بعض اوامر الاستدعاء او الاحتواء :

 <?php get_header(); ?> الهيدر
<?php get_sidebar(); ?> القائمة الجانبية
<?php comments_template(); ?> التعليقات
<?php get_footer(); ?> الفوتر

 معلومات المدونة

 عن طريق هذا الامر مع تغييرxxx باى شئ ترغب

 <?php bloginfo('xxx'); ?>

 امثلة

 name – اسم المدونة
admin_email –ايميل المدير
rss2_url-رابط التغذية
description- الوصف للمدونة
url-رابط المدونة
wpurl-مكان التنصيب
version- إصدار المدونة

الشروط:

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

مكان xxxx

 <?php if (xxxxx()) {?>

 هنا الاكود المنفذ حين تحقق شرطك

 <?php }?>

 الشروط:

 in_category
is_404
is_archive
is_admin
is_category
is_page
is_attachment
is_author
is_comments_popup
is_date
is_day
is_feed
is_front_page
is_home
is_month
is_page_template
is_paged
is_preview
is_search
is_single
is_singular
is_sticky
is_tag
is_tax
is_time
is_trackback
is_year
pings_open
comments_open
has_tag

امثلة :

 is_home() – فى حالة كنا فى الرئيسية
is_front_page()  – رئيسية المدونة او الصفحة
is_single – فحالة عرض تدوينة
is_page(‘about’) – فى حالة عرض صفحة معين وفى هذه الحالة صفحة “عنى”

 وهكذا , ولا يجب ان ننسي الباراميتر لكل شرط وللمزيد عن هذه الشروط بشكل موسع http://codex.wordpress.org/Conditional_Tags

بعض الاوامر المعروفة والمستخدمة بكثرة :

<?php the_time() ?>
<?php the_date() ?>
<?php the_title(); ?>
<?php the_permalink() ?>
<?php the_category() ?>
<?php the_author(); ?>
<?php wp_list_pages(); ?>
<?php wp_tag_cloud(); ?>
<?php wp_list_cats(); ?>
<?php get_calendar(); ?>
<?php wp_get_archives() ?>
<?php posts_nav_link(); ?>
<?php next_post_link() ?>
<?php previous_post_link() ?>

تطبيقات منوعة:

 عرض صور مصغرة عشوائية للصور الموجودة فى مكتبة الصور:

<?php
$args = array(
‘post_type’ => ‘attachment’,
‘numberposts’ => -1,
‘post_status’ => null,
‘post_parent’ => $post->ID,
‘orderby’ => ‘rand’
);
$attachments = get_posts($args);
$noimages = count($attachments);
if ($attachments) {
foreach ($attachments as $attachment) {
$alttxt = $attachment->post_title;
$imgid = $attachment->ID;
$fileurl = $attachment->guid;
$meta = wp_get_attachment_metadata($imgid);
$imgw = $meta[‘sizes’][‘thumbnail’][‘width’];
$imgh = $meta[‘sizes’][‘thumbnail’][‘height’];
$imgext = substr($fileurl, -4);
$fileurl = substr($fileurl, 0, -4);
$fileurl = $fileurl.”-“.$imgw.”x”.$imgh.$imgext;
// construct the image
echo “<img src='”.$fileurl.”‘ alt='”.$alttxt.”‘ class=’alignleft highlightimg’ />”;
break;
}
}
the_excerpt(”);
?>

 استدعاء ملف معين فى حالة عرض رئيسية المدونة:

 <?php if ( is_home() ) {
include (‘file.php’);
} ?>

 إستايل خاص بتصنيف معين وهنا ملف catstyle سيكون المسؤول عن الاستايل لهذا للتصنيف 2:

 <?php if ( is_category(‘2’) ) {
<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/catstyle.css”
type=”text/css” media=”screen” />;
<?php } else { ?>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>”
type=”text/css” media=”screen” />
<?php } ?>

 صورة لتصنيف معين:

 <?php if (is_category(‘2’) ):
<img src='<?php bloginfo(‘template_url’); ?>/images/cat2.jpg’ />
<?php } elseif (is_category(‘3’) ):
<img src='<?php bloginfo(‘template_url’); ?>/images/cat3.jpg’ />
<?php endif; ?>

 عرض صور مصغرة عشوائية للصور الموجودة فى مكتبة الصور:

 <?php
$args = array(
‘post_type’ => ‘attachment’,
‘numberposts’ => -1,
‘post_status’ => null,
‘post_parent’ => $post->ID,
‘orderby’ => ‘rand’
);
$attachments = get_posts($args);
$noimages = count($attachments);
if ($attachments) {
foreach ($attachments as $attachment) {
$alttxt = $attachment->post_title;
$imgid = $attachment->ID;
$fileurl = $attachment->guid;
$meta = wp_get_attachment_metadata($imgid);
$imgw = $meta[‘sizes’][‘thumbnail’][‘width’];
$imgh = $meta[‘sizes’][‘thumbnail’][‘height’];
$imgext = substr($fileurl, -4);
$fileurl = substr($fileurl, 0, -4);
$fileurl = $fileurl.”-“.$imgw.”x”.$imgh.$imgext;
// construct the image
echo “<img src='”.$fileurl.”‘ alt='”.$alttxt.”‘ class=’alignleft highlightimg’ />”;
break;
}
}
the_excerpt(”);
?>

 ستظهر بهذا الشكل :المقالات الاحدث » , المقالات الاقدم «

 <?php next_posts_link(‘المقالات الاحدث&amp;raquo;’) ?>
<?php previous_post_link(‘&amp;laquo; المقالات الاقدم’); ?>

 عنوان الصفحة:

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

 <?php
if (is_home()) { echo bloginfo(‘name’); } elseif (is_404()) { echo ‘Drsni – لم يتم العثور
على الصفحة’; } elseif
(is_search()) { echo ‘Drsni – نتائج البحث’; } else { echo ‘Drsni| ‘; wp_title(”); }
?>

 سحابة الاوسمة القيمة الصغرى 1 و الكبري 9 ويمكنك تغييرهما:

 <?php wp_tag_cloud('smallest=1&amp;largest=9&amp;'); ?>

المراجع:

Home

http://codex.wordpress.org/Conditional_Tags/

http://codex.wordpress.org/

http://codex.wordpress.org/Template_Tags

http://codex.wordpress.org/Include_Tags

http://codex.wordpress.org/Stepping_Into_Template_Tags/

شكرا لكم, واتمنى ان ارى تعليقاتكم الجميلة.

 انتهى الدرس 

إضافات ووردبريس لتحكم أكبر وأسهل فى لوحة التحكم لمدونتك – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

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

إضافة القائمة السريعة (Admin Quick Menu) :

هذه الاضافة تمدك بقائمة سريعة (Quick Menu) فى الشريط الجانبي, بإستخدامها يمكنك الدخول إلى صفحات خارجية مهمة مثل: Google Analytics و جوجل أدسنس Google Adsense و جوجل آدوردز Google Adwords وأدوات مشرفي المواقع والكثير من الادوات الادارية, ويمكنك تلخيص مهام إضافة القائمة السريعة (Admin Quick Menu) فى أنها مفضلة او صندوق لجمع جميع الاغراض الادارية الخارجية لمدونتك.

yourcolor.net

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

yourcolor.net

لتحميل الاضافة من هنا.

yourcolor.net

Easy Admin Color Schemes :

هذه الإضافة من اسمها “Admin Color Schemes” تتيح لك تخصيص او اختيار ألوان واجهة لوحة التحكم بدون كتابة اي CSS او اكواد برمجية, ويمكنك التبديل بين عدة الوان متعددة لتناسب زوقك فقط بنقرة واحدة وبسهولة, ويمكنك حتى اختيار مجموعة الوان جديدة والإضافة ستقوم بتوليد الاكواد CSS تلقائيا لتلبي طلبك, ويمكنك استيراد وتصدير الوانك من مدونة إلى أخري.

yourcolor.net

لانشاء مجموعة الوان جديدة (color scheme) : كل ما عليك فعلة هو اختيار 4 الوان اساسية من صندوق الالوان, ويمكنك ايضا التعديل والحذف.

لتحميل الإضافة من هنا.

yourcolor.net

لإضافة تذكير قبل نشر المقال Pre-publish Reminders :

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

yourcolor.net

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

لتحميل الاضافة من هنا.

yourcolor.net

Simply Tags :

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

 

yourcolor.net

وهذه الاضافة ستفيدك أكثر اذا كنت تريد اضافة او حذف او تعديل الأوسمة للكثير من التدوينات او المقالات دفعة واحدة, تخيل صعوبة الامر عندما تريد اعادة تسمية وسم معين Tag لمئات المقالات فى موقعك, هذا حتما سيأخذ منك ساعات, ولكن مع Simply Tags سيأخذ هذا من وقتك دقائق.

 

yourcolor.net

لتحميل هذه الإضافة من هنا.

yourcolor.net

Ozh Admin Drop Down Menu :

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

yourcolor.net

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

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

لتحميل هذه الإضافة من هنا.

yourcolor.net

Pop Menus For WP Admin :

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

yourcolor.net

لتحميل هذه الإضافة من هنا.

yourcolor.net

Admin Management Extended:

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

yourcolor.net

وهذه الاضافة ايضا تسمح لك بـ : تبديل حالة التعليقات “مغلق/مفتوح”, تغيير ترتيب الصفحة عن طريق السحب والإسقاط, وايضا التصنيفات وإدارة الأوسمة, وإخفاء المسودات … والكثير من الاشياء التى تتيح لك التعديل السريع.

لتحميل هذه الإضافة من هنا.

yourcolor.net

Adminimize:

إضافة Adminimize تمكنك من إخفاء العديد من العناصر, فيمكنك إخفاء العديد من العناصر الغير ضرورية من القائمة الرئيسية, القائمة الفرعية, وحتى من لوحة التحكم. ويمكنك نقل “لوحة التحكم” او “dashboard” إلى القائمة أو حذفها وإزالتها, ويمكنك وضع إعدادات مختلفة لأعضاء مختلفة حسب احتياجاتك ومتطلباتك. وتتيح لك إمكانية تغيير او تبديل صفحة الكتابة او الوسائط او الروابط او …

yourcolor.net

لتحميل هذه الإضافة من هنا.

yourcolor.net

WordPress Admin Bar :

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

yourcolor.net

لتحميل هذه الإضافة من هنا.

yourcolor.net

Admin Expert Mode :

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

إذا كنت ملم بالووردبريس وتريد إزالة الوصف والكتابة التى تشرح كل شئ فركب هذه الإضافة.

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

yourcolor.net

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

yourcolor.net

مع العلم ان هذه الإضافة لا تزيل اي بيانات او حقول, وايضا يجب على كل عضو ان يفعل وضع الخبير هذا “Admin Expert Mode” من حسابه او ملفة الشخصي.

لتحميل هذه الاضافة من هنا.

yourcolor.net

WordPress Admin Notepad:

هذه الإضافة تقوم بإنشاء مفكرة بسيط لك فى لوحة تحكم مدونتك؛ حيث يمكنك حفظ الملاحظات.

yourcolor.net

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

لتحميل هذه الاضافة من هنا.

yourcolor.net

Admin Trim Interface:

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

yourcolor.net

لتحميل هذه الإضافة من هنا.

yourcolor.net

WordPress Tweaks Plugin:

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

yourcolor.net

 

لتحميل هذه الإضافة من هنا.

انتهى الدرس

3 طرق لرفع أداء مدونتك وتسريعها – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

1- رقِّ مدونتك لآخر نسخة.

كل نسخة جديدة تصدر يعني أنه تم إضافة تحسينات على النسخة التي تسبقها. ربما تكون التحسينات أمنية وربما تكون لأداء أفضل ومميزات أكثر. في وقت كتابة هذا الموضوع آخر نسخة مطروحة ومعربة هي 2.7.1 ويمكنك تنزيلها من منتدى الدعم الفني العربي لوردبريس.

2- احذف الإضافت غير الضرورية ورقِّ المستخدمة حاليا.

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

3- اضغط جداول قاعدة البيانات.

حاول أن تفعل ذلك بصورة دورية كل اسبوعين مثلا أو اقل من ذلك إذا كانت مدونتك تستقبل الكثير من التعليقات أو إذا كنت تضيف الكثير من المواضيع .

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

كيف تحمي مدونتك من الإختراق – yourcolor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

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

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

أولاً

  • ابقى على اطلاع على مدونة تطوير الوردبرس لتتعرف على آخر الترقيعات الأمنية, لانك بذلك ستمنع أي محاولة اختراق باستخدام الثغرات المعروفة والمكتشفة.

  • تأكد من أن مدونتك تستعمل آخر إصدار من الوردبرس.

ثانياً

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

yourcolor.net

ثالثاً

 yourcolor.net

  • استعمل باسورد معقد نسبيا, ليس سهل التخمين مثل (اسمك,رقم هاتفك).

  • حافظ على جهازك من الفايروسات, لانه اذا تم اختراق جهازك فسيتم اختراق المدونة أيضاً.

  • استعمل إضافة Login Lockdown , وظيفة عملها هو منع اكثر من مثلاً 5 محاولات دخول خاطئة للوحة التحكم.

  • احصر الدخول للوحة التحكم لل IP الخاص بك فقط عن طريق اضافة الكود التالي لملف htaccess. الموجود في مجلد wp-admin

مع مراعاة تغيير xxx.xxx.xxx.xxx لل IP الخاص بك.

Order Deny,Allow
Deny from all
Allow from xxx.xxx.xxx.xxx

رابعاً

yourcolor.net

  • عند تثبيت المدونة لأول مرة غير بادئة الجدول (prefix) بإضافة بعض الحروف أو الارقام لتمنع استغلال الثغرات في حقن قاعدة البيانات (zero-day SQL Injection)

  • إذا كنت مثبت الWordPress حاليا فهناك إضافة تمكنك من تغيير بادئة الجدول مثل WP Security Scan

خامساً

  • حماية ملف (wp-config), هذا الملف يحتوي على معلومات قاعدة البيانات مثل اسم المستخدم والباسورد لذلك يجب حمايته جيداً, وإخفائه عن الجميع, قم بوضع هذا الكود في ملف htaccess.

# protect wp-config.php
<files wp-config.php>
order allow,deny
deny from all
</files>

طريقة اخرى لحماية الملف, عن طريق نقل الملف (wp-config.php) الى مجلد اعلى منه فيصعب العثور عليه. 🙂 مثال

من           public_html/wordpress/wp-config.php/
الى                            public_html/wp-config.php/

سادساً

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

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-*

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

# disable directory browsing
Options All -Indexes

سابعاً

هناك الكثير من الإضافات التي تختص بالحماية سأذكر افضلها.

  • احمي مدونتك من الأكواد الخبيثة مثل eval, base64 بفضل هذه الإضافة Block Bad Queries فقط قم بتنصيبها وستعمل على اكمل وجه.

  • لفحص تصاريح الملفات, و فحص مدى فاعلية حماية مدونتك , قم بتنصيب WP Security Scan

يوجد الكثير من إضافات الحماية الأخرى

أخيراً..

لا تنسى أن تأخذ نسخة احتياطية من مدونتك دورياً ! كل اسبوع على سبيل المثال !

مع هذا الشرح ستحمي مدونتك 95% بإذن الله، ارجو إبداء الرأي من ملاحظات أو تعديلات أو نصائح أخرى

احمى مدونتك باستخدام ملف 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>

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

اضافة شريط الفيديو المرتبط دلاليا بمواضيعك – yourcolor

اضافة شريط الفيديو المرتبط دلاليا بمواضيعك

yourcolor.net

yourcolor.net

yourcolor.net
يمكنك اضافة شريط الفيديو لمدونتك او صفحتك الشخصية
الشريط يجلب الفيديو من اليوتيوب حسب وسوم التدوينة الخاصة بك
فهو يجلب الفيديو من أول 4 تاج لموضوعك

اضافة البوم الصور yourcolor – kPicasa Gallery

اضافة البوم الصور kPicasa Gallery

yourcolor.net

yourcolor.net
yourcolor.net
موقع الاضافة : من هنا

تحميل الاضافة من هنا

هذه الاضافة بسيطة و سهلة التنصيب تستدعي الصور من موقع google اي انه بامكانك ان ترفع صورك الى موقع http://picasaweb.google.com و بذلك لا تحتاج الى مساحة تخزينية من موقعك فقط ارفع صورك الى هذا الموقع و يجب ان تمتلك حسابا في google (ايميل) و صنف صورك الى مجموعة من الالبومات ..

و عند تنصيب الاضافة في مدونتك فقط ادخل اسم ايميلك بدون (gmail.com@) و اضبط الاعدادات حيث تظهر اعدادات الاضافة مع الاضافات باسم kPicasa Gallery

و هناك اكثر من طريقة لعرض الصور يمكن تحديدها من الاعدادات.

طريقة التنصيب:

ارفع الاضافة الى plugins

قم بتفعيلها

اضف صفحة جديدة و اختر لها اسما مثل البوم الصور و ادخل الكود KPICASA_GALLERY كما هو و احفظ الصفحة .

و اضبط مقاسات الصور و الالبومات من الاعدادات.

11 أضافه للوردبريس تزيد من شعبيه مدونتك بمحركات البحث – yourcolor

11 أضافه للوردبريس تزيد من شعبيه مدونتك بمحركات البحث

yourcolor.net

yourcolor.net

yourcolor.net

استكمالا لموضوع SEO سنتحدث اليوم عن مجموعه منتقاة من إضافات الوردبريس التي ستساهم بقوة في زيادة شعبيه مدونتك بمحركات البحث وبالأخص جوجل حيث تم الأشاره إليه بالتدوينه السابقة أنه يمتلك نصيب الأسد من سوق محركات البحث وأي خطة تسويقية تستهدفه بالمقام الأول علي قائمة محركات البحث .
SEO علم حديث لعل الكثير من المواقع العربية لا تهتم به وإن كان هناك توجه حاليا باهتمام كبير من مدراء الموقع له ، والبحث عن شركات توفر خدمات SEO من خلال استهداف كلمات بحثيه وتحسين صورة الموقع بمحركات البحث من خلال التقيد بمجموعه من المعايير.
واليوم محور حديثنا عن مدونات الوردبريس التي تعتبر من أبسط أنظمه أداره المحتوي ومنصات التدوين وعلي الجانب الأخر الأقوى في الأرشفة بمحركات البحث ولها علاقة وطيدة بـ seo بخلاف العديد من منصات وسكربيتات التدوين الأخرى .
 ومن خلال هذا المقال سنقدم مجموعه منتقاة من إضافات الوردبريس التي تساعدك في تحسين صورة موقعك علي محركات البحث وبالتالي الحصول علي ترافيك أكبر .
1- أضافه ALL in one seo

yourcolor.net

هذه الأضافه تعد الأشهر والأكثر طلبا بمجتمع إضافات الوردبريس المتخصصة في SEO لما تمتلكه من خصائص وخيارات وسهولة في التحكم ويمكنكم تجربتها ومعرفه تأثيرها علي مواقعكم بشكل عملي .
2- اضافه Seo Ultimate

yourcolor.net

أيضا هذه أضافه مميزة وأصبحت تمتلك شعبيه كبيرة ولها كثير من الخيارات والمزايا الأضافيه والتي أصبحت تنافس بقوة في إضافات الوردبريس المهتمة بـ SEO .
3- أضافه : Automatic SEO Links

yourcolor.net

يتضح  من العنوان أنها أضافه تفيد في جعل العناوين أو الروابط بموقعك أكثر صداقه لمحركات البحث من خلال وضع وصف للرابط وغيرها من الخيارات التي تساهم بدفع موقعك نحو الأمام بمحركات البحث .
4- أضافه : HeadSpace2

yourcolor.net

هذه أيضا من الإضافات الحديثة للوردبريس في تخصص SEO والتي تدعم الكثير من الوظائف والخيارات التي تساعد موقعك في سرعة الأرشفة والظهور بمراتب أعلي بمحركات البحث .
5- اضافه : Platinum SEO Plugin

yourcolor.net

أضافه ممتازة من إضافات الوردبريس المجانية التي تهتم بـ SEO وتمتلك الكثير من الخيارات والمزايا التي تساعد موقعك .
6- أضافه  : SEO Blogroll

yourcolor.net

أضافه مخصصه للروابط Blogsroll وجعلها أكثر صداقه لمحركات البحث وتستفيد من خاصية Blogroll الموجودة بالوردبريس .
7- أضافه : Simple Tags

yourcolor.net

اضافه جيده للمساعدة أيضا بإبراز أهم الوسوم الموجودة بموقعك والتي يبحث عنها الزوار ، وتبرزها بأحجام مختلفة .
8- أضافه : Google Xml Sitemaps

yourcolor.net

هذه أضافه أساسيه لكل مدون يستخدم وردبريس حيث تساعده بإنشاء خريطة XML لمحرك بحث جوجل وبالتالي تساهم في سرعة الأرشفة .
9- أضافه : Meta Robots WordPress Plugin

yourcolor.net

هناك ملف مشهور يسمي Robots وهو الذي يقود عناكب البحث إلي مناطق محدده بموقعك لفهرستها ويتم استثناء بعضها مثلا صفحات البحث أو التعليقات أو الخلاصات وهذه الأضافه تسهل لك هذا الأمر بمرونة كبيرة .
10- أضافه SEO Title Tag

yourcolor.net

العنوان هو عنصر هام بموقعك وأشرنا مسبقاً أنه العنوان يجب أن يكون مميز ومعبر وقصير قدر الأمكان وهذه الأضافه تساعدك في هذا الأمر .
11-  اضافه SEO Tag Cloud Widget

yourcolor.net

أيضا أضافه أخري لسحابه الكلمات الدلالية Cloud Tags والتي تظهر بموقعك بأحجام وألون مختلفة بناء علي شعبيتها بموقعك وهي مفيدة لموقعك بمحركات البحث .

معرض الوسوم