وباکا

آموزش تخصصی برنامه نویسی وب

در جلسه قبل با روش ساخت پوسته برای وردپرس آشنا شدید در این بخش قصد داریم تا با طراحی کامل تر فایل index.php ، توابع بیشتری از وردپرس را استفاده کرده و نمایش کامل تری از نوشته های سایت را داشته باشیم .

می خواهیم برای صفحات سایت قالب زیر را استفاده کنید:

عنوان سایت
دسته ها لیست نوشته ها
حق کپی رایت

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

نکته: برای طراحی پوسته برای وردپرس باید با زبان html و قالب بندی css و زبان php آشنایی داشته باشید.

فایل index.php که جلسه قبل ایجاد کردیم را بصورت زیر تغییر می دهیم:

(شما می توانید هر طرح دیگری را برای صفحه استفاده کنید)
<html>
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<style>
th , td{
direction:rtl;
font-family:tahoma;
vertical-align:top;
}
</style>
</head>
<body>
<table width="1000" align="center" border="1" dir="rtl">
<tr>
<td colspan="2">
<h1> <?php bloginfo('name'); ?> </h1>
<h4> <?php bloginfo('description'); ?> </h4>
</td>
</tr>
<tr>
<td width="200"><?php wp_list_categories(); ?></td>
<td >
<?php while ( have_posts() ) : the_post(); ?>
<h2>
<a href=" <?php the_permalink(); ?>">
<?php the_title(); ?>
</a>
</h2>
<p> <?php the_excerpt(); ?></p>
<?php endwhile; ?>
</td>
</tr>
<tr>
<td colspan="2">
طراحی شده توسط webaca.ir
</td>
</tr>
</table>
</body>
</html>

حال با اجرای سایت نتیجه زیر را در مرورگرمشاهده می کنیم.

ساخت پوسته وردپرس - نمایش لیست نوشته ها

در این طراحی از توابع وردپرسی زیر استفاده شده اند:

bloginfo(‘name’)  – نام وب سایت را نمایش می دهد.

bloginfo(‘description’) – شرح وب سایت را نمایش می دهد.

تابع bloginfo  می تواند با آرگومان های مختلفی اجرا شود و اطلاعات مختلفی را نمایش دهد. و اگر در ابتدای این تابع پیشوند get_ اضافه کنیم، اطلاعات را بر می گرداند ، بعنوان مثال دستور زیر نام وب سایت را در متغیر $n قرار می دهد:
$n = get_bloginfo('name');
تابع wp_list_categories() برای نمایش لیست دسته بندی های (موضوعات) سایت بصورت درختی استفاده می شود.

اگر دقت کرده باشید، در مثال فوق کلمه دسته ها به صورت پیش فرض قبل از لیست دسته بندی ها قرار گرفته است، برای حذف این کلمه، تابع را به شکل زیر استفاده می کنیم :
<?php wp_list_categories('title_li='); ?>
برای مشاهده صفحه با کیفیت و اجرای آموزش های ما  باید سایت شما دارای دسته ها و نوشته هایی برای هر دسته باشد پس در پانل مدیریتی وردپرس از بخش نوشته ها و سپس دسته ها استفاده کرده  و چند دسته اضافه کنید.

اگر این کار را انجام دادید، قالب را ریفرش کنید، می بینید که دسته هایی که اضافه کردیم در لیست موضوعات نمایش داده نشده اند، دلیل آن این است که این دسته ها هنوز خالی هستند، و مطلبی درون این موضوعات قرار ندارد، برای اینکه دسته بندی های فاقد مطلب را نیز نمایش دهیم، دوباره باید تابع را توسعه دهیم :
<?php wp_list_categories('title_li=&hide_empty=0'); ?>
hide_empty دو مقدار 0 و 1 را می گیرد که 0 به معنای نمایش و 1 به معنای عدم نمایش، که مقدار پیشفرض نیز می باشد.

درضمن اگر می خواهیم که تعداد مطالب هر دسته را نیز در جلوی آن نمایش دهیم، باید از خصوصیت show_count استفاده کنیم، به شکل زیر:
<?php wp_list_categories('title_li=&hide_empty=0&show_count=1'); ?>
نکته : کاراکتر & که در میان تنظیمات تابع قرار می دهیم، جهت جدا کردن گزینه ها از یک دیگر است

در حلقه اصلی وردپرس برای نمایش چکیده مطالب از تابع the_excerpt و برای نمایش لینک به نوشته ها از تابع the_permalink استفاده کرده ایم. هر کدام از این توابع اگر با پیشوند get استفاده شوند، بجای نمایش اطلاعات، آنرا برمیگردانند. دستور زیر چکیده نوشته جاری در متغیر $ab قرار می دهد.
$ab = get_the_excerpt();
در جلسه بعد روش تقسیم فایل های پوسته به بخش های مجزا مثل هدر، فوتر و ستون کناری را آموزش خواهیم داد ..

مطالب مرتبط

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

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

فهرست مطالب