کد خبر : 4668 تاریخ انتشار : یکشنبه 13 دسامبر 2009 - 12:46

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

Rate this post

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

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

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

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

کم کم داریم به قسمت های اصلی کار نزدیک میشیم. برای این که وردپرس به صورت اتوماتیک این اطلاعات رو نشون بده باید فایل 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 . اگه خوشتون اومد می تونید تست کنید و اگه مشکلی بود توی بخش نظرات اعلام کنید… با تشکر

دسته بندی : اموزش ، وردپرس
دیدگاهتان را بنویسید

This site uses Akismet to reduce spam. Learn how your comment data is processed.

mohammad در تاریخ 1 اکتبر 2011 گفته : پاسخ دهید

سلام خسته نباشی
اگه بخوام بجای آی دی aim آی دی یاهوو رو فراخوانی کنم چطوری باید انجام بدم؟؟

محمدسینا در تاریخ 25 آگوست 2011 گفته : پاسخ دهید

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

حسین در تاریخ 25 آگوست 2011 گفته : پاسخ دهید

مثل اینکه کد ها نشون داده نمیشن ؛ پس واستون آپلود میکنم

http://up6.iranblog.com/uploads/13142516421.zip

حسین در تاریخ 25 آگوست 2011 گفته : پاسخ دهید

مثل اینکه کد تو قسمت نظرات نمایش پیدا نمیکنه بخاطر همین واستون اپلود کردم:

http://up6.iranblog.com/uploads/13142516421.zip

منتظر پاسخ شما هستم

ممنونم

حسین در تاریخ 25 آگوست 2011 گفته : پاسخ دهید

سلام
عذرخواهی میکنم

اما من وقتی این کد رو تو جایی که میخوام ؛ یعنی آخر هر پست قرار میدم خیلی راست میره و از کادری که براش مشخص کردم ؛ میزنه بیرون!

ممنون میشم کمکم کنید.

این هم کد اون قسمت که البته من از یک قسمت دیگه کپی کردم و میخوام فقط کدهاش رو عوض کنم! یعنی مثلا این قسمت ماله مطلب بعدی و قبلیه اما من یک کپی ازش گرفتم و زیر همون مطلب نوشتم تا کدهاش رو عوض کنم.
وقتی این کار رو میکنم ؛ کد عمل میکنه اما وسط چینه! که با حذف کد مشکل حل میشه اما خیلی راست چین میشه؛ یعنی از کادری که هست میزنه بیرون!
کد رو ببینید:

        

منتظر پاسختون هستم؛ اگه به ایمیلم ارسال کنید ممنون میشم آخه اینطوری نمی فهمم که کی به نظرم جواب میدید.

پیشاپیش خیلی خیلی ممنونم

مسعود در تاریخ 27 می 2011 گفته : پاسخ دهید

دمت گرم

omid در تاریخ 21 ژانویه 2011 گفته : پاسخ دهید

salam. man ye site dar pit daram. heheheheh

محسن در تاریخ 1 ژانویه 2011 گفته : پاسخ دهید

منم ممنونم آقا مسعود :d

tak-negar در تاریخ 4 سپتامبر 2010 گفته : پاسخ دهید

سلام ببخشید حالا در سایت فایل signle.php نیست چیکار کنم

سعید در تاریخ 4 سپتامبر 2010 گفته : پاسخ دهید

سلام آقا آموزش خوبی بود ولی یک مشکلی دارم من.من کد هارو تو single.php و استایل شیتم گذاشتم و کار هم کرد . فقظ تو هیچ بردری نگذاشته یعنی همینطوری انگار یک پسته.به آدرس یک سری بزنی میفهمی چی میگم . چاره داره ؟ مرسی

محمد ابراهیمی در تاریخ 26 جولای 2010 گفته : پاسخ دهید

خوب بود ولی زیاد هم جالب نبود

مهرداد در تاریخ 21 جولای 2010 گفته : پاسخ دهید

کد استایلی که گذاشتید کار نمیکنه ، لطفا اصلاح کنید.
ضمنا اگه ممکنه اونی رو که خودتون استفاده میکنید بگید، این کد ها خیلی پیش پا افتادن …

استایل یادتون نره … !

علیرضا در تاریخ 3 جولای 2010 گفته : پاسخ دهید

اگه فقط بخواهیم آواتار تغییر کنه باید چیکار کرد؟

علی در تاریخ 3 جولای 2010 گفته :

منظورتون رو نفهمیدم؛ شاید این به دردتون بخوره : http://www.taktemp.com/1387/03/gravatar

امین در تاریخ 16 می 2010 گفته : پاسخ دهید

خیلی با حال بود دمتون گرم ایووووو ل الله کارت درسته

pooya در تاریخ 1 می 2010 گفته : پاسخ دهید

سلام به شما
من همشودرست کردم اما چطوری آواتارمو عوض کنم؟

میثم در تاریخ 15 آوریل 2010 گفته : پاسخ دهید

من قرار دادم و اومد ولی css مشکل داره قالب بندی نمیشه قرار میدم .. هیچ تغییری نمیکنه

siavash در تاریخ 24 دسامبر 2009 گفته : پاسخ دهید

سلام، ممنون برای وبلاگ خوبت
با کروم اومدم اینجا دیدم مطالب رو نشون نمیده گفتم بهت بگم!
موفق باشی

مسعود رضايي در تاریخ 24 دسامبر 2009 گفته :

ممنون سیاوش عزیز ، الان دیدم متوجه شدم سعی می کنم اصلاح کنم

عباس در تاریخ 19 دسامبر 2009 گفته : پاسخ دهید

یعنی نمیشه این چیزا رو تبدیل به پلاگین کرد؟
اخه خیلی سخته :دی

مسعود رضايي در تاریخ 19 دسامبر 2009 گفته :

عباس عزیز ساده ترین کاریه که میشه انجام داد در ووردپرس

محمد در تاریخ 17 دسامبر 2009 گفته : پاسخ دهید

سلام!
میشه آموزش گذاشتن لینک ۱۰۰ درجه ی کلوپ رو هم پایین هر پست بگین؟
یه جوری باشه که جزیی از قالب بشه .
مثه همین چیزی که برای سایتهای دیگه نوشتین.
ممنون میشم.

آرش در تاریخ 16 دسامبر 2009 گفته : پاسخ دهید

خسته نباشی
آقا / خانوم میشه اینا رو با یه افزونه انجام داد که خودش همه کارا رو بکنه ؟

مسعود در تاریخ 15 دسامبر 2009 گفته : پاسخ دهید

تی فدا من بشم
تی قربان من برم

کارت درست داش مسعود گل

مسعود رضايي در تاریخ 15 دسامبر 2009 گفته :

قربونت مسعود جان – قدم رنجه فرمودین

احمد در تاریخ 15 دسامبر 2009 گفته : پاسخ دهید

سلام آقا مسعود دستت درد نکنه خیلی خوب بود

مسعود رضايي در تاریخ 15 دسامبر 2009 گفته :

متشکر احمد عزیز ، البته باید از علی جان تشکر کرد که زحمت این پست رو کشیدن

محمد در تاریخ 15 دسامبر 2009 گفته : پاسخ دهید

سلام مسعود جان کارهامو دیدی جوابت چی هست.

maziyar در تاریخ 15 دسامبر 2009 گفته : پاسخ دهید

اگه میشه در مورد وبلاگ هم بذارید چون همه که سایت ندارن !!!

مسعود رضايي در تاریخ 15 دسامبر 2009 گفته :

چشم مازیار عزیز

سلام
خیلی ممنون که کمک می کنید
ولی من پروفایل مدیر رو برای بلگفا میخواستم
واین صفحه هارو نداره
ممنون میشم زحمت بکشید و برای بلگفا هم بزارید

مسعود رضايي در تاریخ 15 دسامبر 2009 گفته :

فرهاد عزیز ، عزیز بلاگفا اصلا کد یا قالب برای صفحه پروفایل نداره ، اون صفحه راحیش اصلا جزء قالب وبلاگ نیست

هدا در تاریخ 15 دسامبر 2009 گفته : پاسخ دهید

خداییش اعصاب این کار ها رو ندارم.
ولی اگه ممکنه به من یه سر بزن نظرت رو بگو.
لازم دارم باید کارم رو تحویل بدم و اگر منبعی هم سراغ داری برام بنویس. خیلی خیلی خیلی خیلی ممممممممممنون

alireza در تاریخ 14 دسامبر 2009 گفته : پاسخ دهید

من حوصله انجام دادن این همه کار رو ندارم
راستی اون وقت ها خیلی قالب وبلاگ می زاشتی چی شد ، این قالب آمازون هم خیلی مزخرف بود

علی در تاریخ 15 دسامبر 2009 گفته :

بابا چیه همتون میگین مشکله مشکله :D
اون قسمت پایین که همش توضیحاته، فقط کافیه استایل و کد اصلی رو کپی کنید. همین

محمد در تاریخ 14 دسامبر 2009 گفته : پاسخ دهید

سلام مسعود جان اینم طرحی که گفتی آماده کنید البته با عجله آیکون ها را درست کردم ولی به نظرم هنوز خوب نشده به جز این ۱۰ تا آیکون ،۲۵ آیکون دیگه هست که یه خورده وقت گیره منم همین چند تا را تونستم آماده کنم البته چون نمیتونستم واسه دانلود بزارم عکس چند تاشو واست گذاشتم امیدوارم که راضی باشی، راستی آموزش را هم دارم کار میکنم یک آموزش خوب تا فردا یا پس فردا واست میزارم….خداحافظ
اینم آدرسش:
http://www.up.taktemp.com/images/2xm3x9p7ho8tik6ymbjk.gif

tirdad در تاریخ 14 دسامبر 2009 گفته : پاسخ دهید

drood
ba tashakor az site besiyar mofideton
man az bazdid konandehaye ghadimi shoma hastam
va taghriban tamame post haye shomaro daram
ye soal dashtam
mikhastam bedonam shoma host va domain az che sherkati
estefade mikonid
mamnon
bedrood

salam
chera komak nakardy duste man???
veblagam bakhshe porofaile modiro neshun nemyde
m22h22.blogfa.com

مهدی دانلود در تاریخ 13 دسامبر 2009 گفته : پاسخ دهید

عالیه!!!!!!!!
تو رو خدا اموزش ساختن وبسایت با “دریم ویور رو” هم بذارین.
باشه؟

محمد ابراهیمی در تاریخ 26 جولای 2010 گفته :

دوست گرامی آموزس طراحی با دیرم ویور چیزی نیست که بشه مثل فوتوشاپ آموزش داد این یک نرم افزار است که به برنامه نویسان وب کمک می کند کدهای قالب را راحت تر بنویسند و بهتر و این قالبیت را دارد که یک نمونه را از کد نوشته را نمایش دهید.پس به جای گشتن دنبال اموزش این نرم افزار برو برنامه نویسی یاد بگیر و اگر هم یاد داری مطمعن باش با کمی کار می تونی یاد بگیری

اسماعیل در تاریخ 13 دسامبر 2009 گفته : پاسخ دهید

سلام
میشه یه راهنماییم بکیند. من تو بلاگها وبلاگ دارم.
چطور میتونم به single.php دسترسی داشته باشم؟

مسعود رضايي در تاریخ 13 دسامبر 2009 گفته :

سلام – اسماعیل عزیز خدمتتون عرض کن که متاسفانه شما نمی توانید به فایل های قالب دست رسی داشته باشید

احسان در تاریخ 13 دسامبر 2009 گفته : پاسخ دهید

خیلی جالب بود …. خسته نباشید
ولی جون داداش حوصله ی این همه کارو ندارم…..
پس… بیــــخیــــــــــــــــــــالـــــــــــــش

من همیشه اینجا سر میزنم
آموزشاتون حرف نداره

محمد در تاریخ 13 دسامبر 2009 گفته : پاسخ دهید

سلام
مسعود جان لطفا” این بنر رو جایگزین کن (ثابت باشه/به صورت تصادفی نباشه)

http://up.taktemp.com/images/yqwygj7tqj7n343u8jq.jpg

مرسی

مسعود رضايي در تاریخ 14 دسامبر 2009 گفته :

محمد عزیز این بنر اصلا جالبی نیست .

مهدی سالاری در تاریخ 13 دسامبر 2009 گفته : پاسخ دهید

سلام ;
هک بسیار جالبی و پر کاربردی بود .
متشکرم