wptheme

اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.

لیست آموزشهای قالب وردپرس

تمام مواد لازم رو باز میکنیم و میریم به index.php و شروع میکنیم به کار تا امروز پرونده ی درس ۵ رو ببندیم تا به ن و ه ی نرسیده!!!

گفتیم که میخواهیم یک “قبلی” و یک “بعدی” که به صفحات قبلی و بعدی میرن لینک بدیم!

این گزینه ها زمانی به کار ما میان که ما پستی نوشته باشیم و حتی بیشتر از اون حدی که نوشتیم هم نوشته باشیم! بنابراین کدی که میخواهیم بنویسیم زمانی است که شرط if برقرار باشه! یعنی قبل از else که خلاف اونه و بعد از endwhile کدمون رو مینویسیم.

<div class=”navigation”>

<?PHP posts_nav_link(); ?>

</div>

برای این هدایت کننده (navigator) هم یک div تگ ساختیم که بعدا بتونیم کارایی که میخواهیم رو انجام بدیم و در ضمن جداش کرده باشیم از بقیه قسمت ها… این نکته هم میدونیم که میتونیم حد اکثر تعداد پست های هر صفحه رو از Options > Reading :

http://localhost/wordpress/wp-admin/options-reading.php

عوض کنیم و کمترش کنیم تا بتونیم نتیجه کاری که کردیم رو ببینیم.من این مقدار رو ۲ کردم!

ذخیره کنیم و ببینیم چه کرده ایم!

میبینید که در زیر صفحه یک جمله ی Next Page اومده که با کلیک کردن روش میریم به صفحه بعدی…

علامت « هم که میبینید یکی از اون کدهای مخفی html است که در درس قبلی گفتیم و پیش فرض تابع posts_nav_link است.

البته این تابع هم انعطاف پذیری داره و میتونیم با ۳ آرگومان تغییرش بدیم:

<?php posts_nav_link(’in between’,’before’,’after’); ?>

اگه تعداد صفحات ما حداقل ۳ صفحه باشه و ما بریم به صفحه ای به غیر از اولی و آخری هم یک “صفحه قبی” داریم و هم یک “صفحه بعدی” که بین این دو اولین آرگومان این تابع است! مثلا من میخوام بین این دو نوشته ### باشه!!

آرگومان بعدی برای جایگزین کردن نوشته ی Previous Page» است و دومی برای جایگزینی «Next Page :

<?php posts_nav_link(’###’,’ghabli’,’badi’); ?>

حله؟!

البته من اینکار رو برای واضحتر کردن این قضیه کردم و نیازی نیست انقدر بیریختش کنید:d

امروز قسمت Content هم تموم شد یعنی ما تا امروز Header و Content سایت رو ساختیم و باز هم یعنی که نصف راهو رفتیم!

میمونه Sidebar یا کناره ی سایت و Footer که پایین سایتمون رو در بر میگیره!

یک نگاه کلی به توابع مهمی که تا حالا یاد گرفتیم و به کار بردیم در این عکس بندازیم:

درس سبکی بود نه؟

اشکال نداره! سنگینم میشه!

بابای فعلا…

درباره این نویسنده

مطالب مشابه

آموزش طراحی قالب وردپرس #۱۵(فارسی سازی)

آموزش شماره پانزده از سری آموزشهای طراحی قالب وردپرس،
آموزش افزودن امکان ترجمه به قالب و فارسی سازی تم به صورت کامل+آموزش css در زمینه ی راست چین کردن نوشته ها

7 Responses to آموزش طراحی قالب وردپرس #۵ث(هدایتگر صفحه)

  1. کامران گفت:

    خیلی خیلی دستت درد نکنه و خسته نباشی. فوق العاده روان نوشتی، همه چی رو هم خیلی خوب و کامل توضیح دادی. یه کله نشستم از اول تا اینجاش رو در کمتر از یه ساعت خوندم، از بس که روون نوشتی. بازم دستت درد نکنه. خدا اجرت بده.

    [پاسخ]

    سياوش کشميري پاسخ در تاريخ تیر ۱۴ام, ۱۳۸۸ ۱۲:۴۰ ق.ظ:

    خستگیم در رفت!
    مرسی خسته نباشی

    [پاسخ]

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>