طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

ارسال سفارش

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


چنانچه دارای وب سایت وردپرسی چند نویسنده ای هستید یا اینکه میخواهید اطلاعات بیشتری از خودتون به خواننده ها بدید،  پیشنهاد میکنم که این نوشته رو از دست ندید.
قطعه کد زیر رو در یک مکان مناسب، داخل تک نوشته یا ادامه مطلب (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>

 

*

code

طراحی پوسته وردپرس