الووردبريس 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´ => ´ « السابق´,
´next_text´ => ´التالي »´,
));
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">←</span> Older posts´, ´twentyten´ ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( ´Newer posts
<span class="meta-nav">→</span>´, ´twentyten´ ) ); ?></div>
</div><!-- #nav-below -->
<?php endif; ?>
الاكاديمية العربية لفنون التصميم و الجرافيك
يجب عليك تسجيل الدخول لكتابة تعليق.