عدد الصفحات بدون اضافة – YourColor

الووردبريس wp

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

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

هذا هو الشرح :

الطلبات :

1 – برنامج FTP لرفع الملفات

2 – برنامج notepad++ محرر النصوص

الخطوات :

قم بالدخول علي ملف functions.php وضع هذا الكود بنهاية الملف

function pagination($pages = ”, $range = 4)

{

     $showitems = ($range * 2)+1;

     global $paged;

     if(empty($paged)) $paged = 1;

     if($pages == ”)

     {

         global $wp_query;

         $pages = $wp_query->max_num_pages;

         if(!$pages)

         {

             $pages = 1;

         }

     }

     if(1 != $pages)

     {

         echo “<div class=”pagination”><span>Page “.$paged.” of “.$pages.”</span>”;

         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo “<a href='”.get_pagenum_link(1).”‘>&laquo; First</a>”;

         if($paged > 1 && $showitems < $pages) echo “<a href='”.get_pagenum_link($paged – 1).”‘>&lsaquo; Previous</a>”;

         for ($i=1; $i <= $pages; $i++)

         {

             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))

             {

                 echo ($paged == $i)? “<span class=”current”>”.$i.”</span>”:”<a href='”.get_pagenum_link($i).”‘ class=”inactive”>”.$i.”</a>”;

             }

         }

         if ($paged < $pages && $showitems < $pages) echo “<a href=””.get_pagenum_link($paged + 1).””>Next &rsaquo;</a>”;

         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo “<a href='”.get_pagenum_link($pages).”‘>Last &raquo;</a>”;

         echo “</div>n”;

     }

}

ثم قم بالدخول علي ملف style.css وضع هذا الكود بنهاية الملف

.pagination {

clear:both;

padding:20px 0;

position:relative;

font-size:11px;

line-height:13px;

}

.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;

color:#fff;

background: #555;

}

.pagination a:hover{

color:#fff;

background: #3279BB;

}

.pagination .current{

padding:6px 9px 5px 9px;

background: #3279BB;

color:#fff;

}

و قم بوضع هذا الكود بهذه الملفات :

index.php
archive.php
search.php

لاظهار ارقام الصفحات فى الرئيسيه والارشيف وصفحة البحث

<?php if (function_exists(“pagination”)) {

    pagination($additional_loop->max_num_pages);

} ?>

و بعد الانتهاء من التعديل علي الملفات قم برفعها علي ملف الاستايل

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

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

كيفية عمل شريط ترقيم الصفحات – YourColor

الووردبريس wp

افتح النوت باد
واكتب الكود التالي :

<?php

global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, ´?´) ¦¦ ! $wp_rewrite->using_permalinks()) {
	$paginate_format = ´´;
	$paginate_base = add_query_arg(´paged´, ´%#%´);
} else {
	$paginate_format = (substr($paginate_base, -1 ,1) == ´/´ ? ´´ : ´/´) .
	user_trailingslashit(´page/%#%/´, ´paged´);;
	$paginate_base .= ´%_%´;
}

echo ´<div class="pagenavi">´. "n";
echo paginate_links( array(
	´base´ => $paginate_base,
	´format´ => $paginate_format,
	´total´ => $wp_query->max_num_pages,
	´mid_size´ => 5,
	´current´ => ($paged ? $paged : 1),
        ´type´ => ´list´,
        ´prev_text´ => ´ &laquo; السابق´,
        ´next_text´ => ´التالي &raquo;´,
));
echo "n</div>n";

?>

احفظ الملف في مسار القالب الرئيسي باسم navigation.php

ثم افتح صفحة الاندكس index.php بالنوتباد

واكتب الكود التالي بعد انتهاء لوب المقالات :

<?php if (function_exists(´wp_pagenavi´)) { wp_pagenavi(); } else { include(´navigation.php´); } ?>

	<?php endif; ?>

انتهينا تقريباً

بقي علينا الستايل

افتح ملف الستايل :

.pagenavi {
    margin: auto;
    overflow: hidden;
}
.pagenavi ul {
    margin-bottom: 50px;
    padding: 10px;
}
.pagenavi ul li {
    display: block;
    float: right;
    margin: 3px;
}
.pagenavi ul li a:hover, .pagenavi ul li .current {
    background: none repeat scroll 0 0 #FF9C00;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 10px;
}
.pagenavi ul li a {
    background: none repeat scroll 0 0 #2D2C2C;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 10px;
}

احفظ ملف الاستايل وافتح موقعك

ستظهر بهذا الشكل :

تحديث

لتطبيق هذا الشرح على قالب twenty ten
طبق الخطوة الاولى
ثم افتح ملف الindex.php
بعد div الاغلاق الخاص بالمحتويات

			</div><!-- #content -->

اضف الكود التالي :

		<?php include(´navigation.php´);  ?>

ثم افتح ملف loop.php

وامسح الكود التالي :

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php next_posts_link( __( ´<span class="

meta-nav">&larr;</span> Older posts´, ´twentyten´ ) ); ?></div>
					<div class="nav-next"><?php previous_posts_link( __( ´Newer posts

 <span class="meta-nav">&rarr;</span>´, ´twentyten´ ) ); ?></div>
				</div><!-- #nav-below -->
<?php endif; ?>

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

بعض من دوال ووردبرس yourcolor – WordPress Function

بعض من دوال ووردبرس WordPress Function

هي بأختصار دوال functions (أو لنقل سطر برمجي) سابقة التجهيز فى وردبرس و تستطيع بها أن تفعل أشياء جميلة .. أمثلة:

لعرض قائمة أقسام المدونة

<?php wp_list_cats(); ?>

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

<?php wp_list_pages(); ?>

 لعرض قائمة لأرشيف المدونة

<?php wp_get_archives(); ?> 

 لعرض قائمة بالروابط الخارجية

<?php get_links_list(); ?> 

 لعرض قائمة بأخر التعليقات المضافه

<?php @wp_widget_recent_comments(''); ?> 

 لعرض قائمة بأخر التدوينات المضافة

<?php @wp_widget_recent_entries(''); ?> 

لعرض قائمة بالإسم الكامل للمسجلين بالمدونة

 <?php wp_list_authors('show_fullname=1&exclude_admin=0'); ?>

لعرض وصف القسم الحالي

<?php category_description(); ?> 

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

  تطبع لك أول 50 كلمة فقط من التدوينه بغض النظر عن خيار طرح الخلاصات كاملة أو جزئية

<?php the_content_rss('', TRUE, '', 50); ?> 

(الإستخدام: إفتح ملف “الصفحة الرئيسية” فى القوالب و إستبدلها بدالة حيث xxx هى كلمة متغيرة حسب الثييم الذي تستخدمه).

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

الطريقة العامة لإستخدام هذه الدوال

الطريقة العامة لإستخدام أى من الدوال السابقة يكون بنسخه و لصقه فى أى ملف من ملفات القالب، فمثلاً لو أردت طبع صفحات المدونة الثابته فى أعلى الصفحة، إنسخ الدالة الخاصة بذلك فى أعلى الصفه 😀 .. أقصد ملف أعلى الصفحة فى القالب الذى تستخدمه. بالطبع هذا يتطلب أن تكون عندك خلفيه و لو بسيطه على الـ HTML

الطريقة الخاصة بكل داله

هناك لكل دالة من هذه الدوال ما يعرف عربياً بالمقابض أو تقنياً Arguments و هى مثل الخيارات Options فى أى برنامج و مثال على ذلك أخر دالة ذكرتها و التى تطبع أول 50 كلمة من التدوينه، حيث يمكنك تغيير الرقم 50 إلى 60 مثلاً و هذا يسمى argument خاص بالدالة أو مقبض تتحكم فيه بخصائص ما ستطبعه

يمكنك التعرف أكثر على مقابض كل دالة و تفاصيل إستخدامها من صفحة Template Tags « WordPress Codex

أدوات إضافية

بصور رئيسية يجب أن تعلم هل الدالة التى ستستخدمها متوافقة مع إصدارة وردبرس الخاصة بك أم لا و هذه البرمجية تساعدك كثيراً فى هذا الأمر WordPress Functions Implementation History

بعض من دوال ووردبرس WordPress Function

بعض من دوال ووردبرس WordPress Function

هي بأختصار دوال functions (أو لنقل سطر برمجي) سابقة التجهيز فى وردبرس و تستطيع بها أن تفعل أشياء جميلة .. أمثلة:

لعرض قائمة أقسام المدونة

<?php wp_list_cats(); ?>

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

<?php wp_list_pages(); ?>

لعرض قائمة لأرشيف المدونة

<?php wp_get_archives(); ?>

لعرض قائمة بالروابط الخارجية

<?php get_links_list(); ?>

لعرض قائمة بأخر التعليقات المضافه

<?php @wp_widget_recent_comments(''); ?>

لعرض قائمة بأخر التدوينات المضافة

<?php @wp_widget_recent_entries(''); ?>

لعرض قائمة بالإسم الكامل للمسجلين بالمدونة(مفيدة للمدونات الجماعية مثل المشروع)

<?php wp_list_authors('show_fullname=1&exclude_admin=0'); ?>

 لعرض وصف القسم الحالي

<?php category_description(); ?>

شرح تفصيلي

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

 تطبع لك أول 50 كلمة فقط من التدوينه بغض النظر عن خيار طرح الخلاصات كاملة أو جزئية

<?php the_content_rss('', TRUE, '', 50); ?>

(الإستخدام: إفتح ملف “الصفحة الرئيسية” فى القوالب و إستبدلها بدالة حيث xxx هى كلمة متغيرة حسب الثييم الذي تستخدمه).

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

الطريقة العامة لإستخدام هذه الدوال

الطريقة العامة لإستخدام أى من الدوال السابقة يكون بنسخه و لصقه فى أى ملف من ملفات القالب، فمثلاً لو أردت طبع صفحات المدونة الثابته فى أعلى الصفحة، إنسخ الدالة الخاصة بذلك فى أعلى الصفه 😀 .. أقصد ملف أعلى الصفحة فى القالب الذى تستخدمه. بالطبع هذا يتطلب أن تكون عندك خلفيه و لو بسيطه على الـ HTML

الطريقة الخاصة بكل داله

هناك لكل دالة من هذه الدوال ما يعرف عربياً بالمقابض أو تقنياً Arguments و هى مثل الخيارات Options فى أى برنامج و مثال على ذلك أخر دالة ذكرتها و التى تطبع أول 50 كلمة من التدوينه، حيث يمكنك تغيير الرقم 50 إلى 60 مثلاً و هذا يسمى argument خاص بالدالة أو مقبض تتحكم فيه بخصائص ما ستطبعه

أدوات إضافية

بصور رئيسية يجب أن تعلم هل الدالة التى ستستخدمها متوافقة مع إصدارة وردبرس الخاصة بك أم لا و هذه البرمجية تساعدك كثيراً فى هذا الأمر WordPress Functions Implementation History