آموزش ساخت بخش اطلاعات نویسنده

سلام.
امروز هم در کنارتون هستیم با یکی دیگه از سری آموزش های کاربردی وردپرس.
در این آموزش قصد داریم  در پایین تک نوشته ها، کادری رو با عنوان درباره نویسنده، اختصاص بدیم (مثل همونی که در پایین این نوشته میبینید).
چنانچه دارای سایت چند نویسنده ای هستید یا اینکه قصد معرفی بیشتر خودتون به خواننده ها رو دارید،  پیشنهاد میکنم که این نوشته رو از دست ندید.
برای شروع کار، قطعه کد زیر رو در یک مکان مناسب، داخل تک نوشته (single.php) قالبتون قرار بدید.
این کد با کمک توابع از پیش تعریف شدش فرم کلی باکس درباره نویسنده ما رو شکل میده.
برای مثال: تابع get_avatar همونطور که از اسمش پیداشت آواتار شما رو به نمایش در میاره یا تابع the_author_meta توضیحاتی رو که در شناسه کاربری وارد کردید  نشون میده و …

<div id="author-info">
<div id="author-image">
	<a href="<?php the_author_meta('user_url'); ?>"><?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?></a>
</div>   
<div id="author-bio">
	<h4>درباره نویسنده : <?php the_author_link(); ?></h4>
	<p><?php the_author_meta('description'); ?></p>
</div>
</div><!--Author Info-->

خوب، بدنه کارمون شکل گرفت، اما فعلا باکسمون فرم خوبی رو نداره! بنابراین  به سراغ سی اس اس  میریم و با استفاده از آی دی هایی که در کد قبل تعریفشون کردیم کار زیبا سازی رو هم انجام میدیم.
برای این منظورکد زیر رو در شیوه نامه (style.css) قرار بدید و تغییرات رو ذخیره کنید.

#author-info {
	font-family: Tahoma, Geneva, sans-serif;
	background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: auto;
}	
	#author-image {
		float: left; margin: 0 15px 5px 0; border: 6px solid #f8f8f8;  
	}

کار تمومه و الان میتونید نتیجه رو مشاهده کنید.
*در زیر تعدادی تابع دیگه رو قرار دادم که با اضافه کردن اونها به اون کد اولی که معرفی کردم، میتونید آپشن های بیشتری رو به باکس درباره نویسندتون اختصاص بدید..

-مشاهده تمامی پست های نویسنده:

<p>مشاهده تمام پست های  <?php the_author_posts_link(); ?> </p>

– تعداد پست های نویسنده:

<p><?php the_author(); ?> <?php the_author_posts(); ?> نوشته در <?php bloginfo('name'); ?> دارد.</p>

امیدوارم که آموزش مفید بوده باشه…
تا درودی دیگر، بدرود…
منبع: alimir.ir & line25.com