کم نیست تعداد وبسایت ها و وبلاگ هائی که چندتا نویسنده دارن. اگر دقت کرده باشید این وبسایت ها معمولاً در انتهای پست هاشون اسم و مشخصات نویسنده اون پست رو نمایش می دن. تو این پست می خوام نحوه ایجاد یه همچون شناسنامه ای رو در سایتها و بلاگهای مبتنی بر ووردپرس آموزش بدم.
خب… قبل از هرکاری باید مشخصات هر کاربر رو ووردپرس وارد کنید. برای اینکار، در پنل کاربران، پس از انتخاب کاربر، قسمت نام و زندگینامه رو تکمیل کنید. بعد از این کار می ریم سراغ کمی کد نویسی در پوسته ووردپرس…
تیکه کدهائی که لازم داریم عبارتند از: آواتار نویسنده، نام نویسنده، لینک نوشته های نویسنده، توضیحات درج شده در زندگی نامه و تعداد نوشته های نویسنده.
فایل single.php که لازمه این مشخصات در اون نمایش داده بشه رو باز کنید و کدهای زیر رو در جائی که می خواهید مشخصات نمایش داده بشه بنویسید.
<div id="thispost_authorbox">
<div id="thispost_authoravatar">
<div id="avat_pic">
<?php if (function_exists('get_avatar')) {
echo get_avatar( get_the_author_email(), '50' ); }?>
</div>
</div>
<div id="thispost_authorinfo">
<p id="theauthor_name">
<span lang="fa">این پست توسط </span>
<?php the_author_posts_link(); ?>
<span lang="fa"> نوشته شده است.</span>
</p>
<p id="theauthor_description">
<?php the_author_description(''); ?>
</p>
<p id="theauthor_postcount">
<?php the_author_firstname(); ?>
<span lang="fa"> تا کنون</span>
<?php the_author_posts(); ?>
<span lang="fa"> مطلب در این وبلاگ نوشته است.</span>
</p>
</div>
</div>
توضیح اینکه چی کار کردیم هم ساده هست… اول اومدیم و به کمک آدرس ایمیل نویسنده، لوگوی gravatar اون رو استخراج کردیم. (خط چهارم و پنجم) خط یازدهم عنوان و لینک مربوط به نویسنده نمایش داده خواهد شد. خط پانزده متن وارد شده در زندگینامه نویسنده به نمایش درخواهد آمد و نهایتا هم در خطوط ۱۸ و ۲۰ نام نویسنده و تعداد نوشته های اون به نمایش در میاد.
خب… حالا با استفاده از css، نحوه نمایش این مشخصات رو کمی مرتب می کنیم.
#thispost_authorbox {
width:500px;
direction:rtl;
font-family:Tahoma;
font-size: 8pt;
color:#000;
background-color:#DBDBDB
}
#thispost_authoravatar {
width:90px;
height:90px;
float:right;
}
#avat_pic {
height:50px;
width:50px;
margin:20px;
background-color:#fff;
}
#theauthor_name {
position:relative;
top:15px;
font-weight:bold;
}
#theauthor_postcount {
position:relative;
top:-15px;
}
همین… البته یادتون نره فایل css رو مطابق با رنگ و ابعاد پوسته خودتون تغییر بدین.
پی نوشت: اگه وقت کنم می خوام یکسری آموزش رو شروع کنم برای ساخت پوسته های ووردپرس و بعد از اون هم آموزش رو با تکنیک ها و هک های ووردپرس ادامه بدم.
دیدگاه خود را بنویسید
