چگونگی ایجاد بخش اطلاعات نویسنده در پایین هر پست

توضیحات در باب نویسنده

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

اول به قسمت شناسنامه کاربری برین و هر اطلاعاتی رو که لازم دارید کامل کنید… مثل این :

توضیحات در باب نویسنده

کم کم داریم به قسمت های اصلی کار نزدیک میشیم. برای این که وردپرس به صورت اتوماتیک این اطلاعات رو نشون بده باید فایل single.php موجود در قالبتون رو باز کنید و کد زیر رو که شامل تگ های مخصوص هست رو در جای مناسب اون کپی کنید…

<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 رو باز کنید و کد های زیر رو توی اون جاگذاری کنید.

#main div#author-info {
background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: auto;
}
#main div#author-info div#author-image {
float: right; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
}

خوب حالا یه کم هم به توضیح کد ها بپردازیم.
<?php the_author_meta('user_url'); ?>
این کد باعث میشه تا آدرس وب نویسنده به صورت خودکار فراخوانی بشه.
<?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?>
این کد همونطور که ازش پیداست آواتار نویسنده رو فراخوانی میکنه که میتونید سایزش (۸۰) رو تغییر بدین. <?php the_author_link(); ?>
این کد نام نویسنده، (در حقیقت نمایش عمومی نام) رو فراخوانی می کنه. <?php the_author_meta('description'); ?>
این کد هم برای این به کار میره که توضیحات و زندگی نامه نویسنده رو برای ما فراخوانی میکنه. اینها اطلاعات اصلی بودند؛ اما شما می تونید اطلاعاتتون رو کامل تر کنید. یه سری دیگه کد هم معرفی میکنم که میتونید به صورت دلخواه از اون استفاده کنید.

نمایش تمام پست های کاربر

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

نمایش آی دی AIM این کاربر <p><?php the_author(); ?>'s آی دی AIM <?php the_author_meta('aim'); ?></p>
به همین راحتی کارمون تموم شد :D . اگه خوشتون اومد می تونید تست کنید و اگه مشکلی بود توی بخش نظرات اعلام کنید… با تشکر

توضیحات در مورد نویسنده :

علی هستم؛ سومین نفری بودم که به جمع تک تمپ اضافه شدم... ریاضی میخونم و عاشق طراحی و وردپرسم :) بیشتر میتونید من رو توی فرندفید پیدا کنید

Visit Ali's Website

ارسال نظر



محصولات فروشگاه



<