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

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

کم کم داریم به قسمت های اصلی کار نزدیک میشیم. برای این که وردپرس به صورت اتوماتیک این اطلاعات رو نشون بده باید فایل 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 . اگه خوشتون اومد می تونید تست کنید و اگه مشکلی بود توی بخش نظرات اعلام کنید… با تشکر
سلام خسته نباشی
اگه بخوام بجای آی دی aim آی دی یاهوو رو فراخوانی کنم چطوری باید انجام بدم؟؟
سلام
آقا من قالب های وردپرس رو خودم طراحی می کنم اما از single.php استفاده نمی کنم
این سینگل پست هارو بصورت تک نشون میده؟من پست هارو هم با همون index.php نشون می دم!
یعنی اگه یه فایل single.php درست کنم خود به خود پست ها با اون با می شن؟
مثل اینکه کد ها نشون داده نمیشن ؛ پس واستون آپلود میکنم
http://up6.iranblog.com/uploads/13142516421.zip
مثل اینکه کد تو قسمت نظرات نمایش پیدا نمیکنه بخاطر همین واستون اپلود کردم:
http://up6.iranblog.com/uploads/13142516421.zip
منتظر پاسخ شما هستم
ممنونم
سلام
عذرخواهی میکنم
اما من وقتی این کد رو تو جایی که میخوام ؛ یعنی آخر هر پست قرار میدم خیلی راست میره و از کادری که براش مشخص کردم ؛ میزنه بیرون!
ممنون میشم کمکم کنید.
این هم کد اون قسمت که البته من از یک قسمت دیگه کپی کردم و میخوام فقط کدهاش رو عوض کنم! یعنی مثلا این قسمت ماله مطلب بعدی و قبلیه اما من یک کپی ازش گرفتم و زیر همون مطلب نوشتم تا کدهاش رو عوض کنم.
وقتی این کار رو میکنم ؛ کد عمل میکنه اما وسط چینه! که با حذف کد مشکل حل میشه اما خیلی راست چین میشه؛ یعنی از کادری که هست میزنه بیرون!
کد رو ببینید:
منتظر پاسختون هستم؛ اگه به ایمیلم ارسال کنید ممنون میشم آخه اینطوری نمی فهمم که کی به نظرم جواب میدید.
پیشاپیش خیلی خیلی ممنونم
دمت گرم
salam. man ye site dar pit daram. heheheheh
منم ممنونم آقا مسعود :d
سلام ببخشید حالا در سایت فایل signle.php نیست چیکار کنم
سلام آقا آموزش خوبی بود ولی یک مشکلی دارم من.من کد هارو تو single.php و استایل شیتم گذاشتم و کار هم کرد . فقظ تو هیچ بردری نگذاشته یعنی همینطوری انگار یک پسته.به آدرس یک سری بزنی میفهمی چی میگم . چاره داره ؟ مرسی
خوب بود ولی زیاد هم جالب نبود
کد استایلی که گذاشتید کار نمیکنه ، لطفا اصلاح کنید.
ضمنا اگه ممکنه اونی رو که خودتون استفاده میکنید بگید، این کد ها خیلی پیش پا افتادن …
استایل یادتون نره … !
اگه فقط بخواهیم آواتار تغییر کنه باید چیکار کرد؟
منظورتون رو نفهمیدم؛ شاید این به دردتون بخوره : http://www.taktemp.com/1387/03/gravatar
خیلی با حال بود دمتون گرم ایووووو ل الله کارت درسته
سلام به شما
من همشودرست کردم اما چطوری آواتارمو عوض کنم؟
من قرار دادم و اومد ولی css مشکل داره قالب بندی نمیشه قرار میدم .. هیچ تغییری نمیکنه
سلام، ممنون برای وبلاگ خوبت
با کروم اومدم اینجا دیدم مطالب رو نشون نمیده گفتم بهت بگم!
موفق باشی
ممنون سیاوش عزیز ، الان دیدم متوجه شدم سعی می کنم اصلاح کنم
یعنی نمیشه این چیزا رو تبدیل به پلاگین کرد؟
اخه خیلی سخته :دی
عباس عزیز ساده ترین کاریه که میشه انجام داد در ووردپرس
سلام!
میشه آموزش گذاشتن لینک ۱۰۰ درجه ی کلوپ رو هم پایین هر پست بگین؟
یه جوری باشه که جزیی از قالب بشه .
مثه همین چیزی که برای سایتهای دیگه نوشتین.
ممنون میشم.
خسته نباشی
آقا / خانوم میشه اینا رو با یه افزونه انجام داد که خودش همه کارا رو بکنه ؟
تی فدا من بشم
تی قربان من برم
کارت درست داش مسعود گل
قربونت مسعود جان – قدم رنجه فرمودین
سلام آقا مسعود دستت درد نکنه خیلی خوب بود
متشکر احمد عزیز ، البته باید از علی جان تشکر کرد که زحمت این پست رو کشیدن
سلام مسعود جان کارهامو دیدی جوابت چی هست.
اگه میشه در مورد وبلاگ هم بذارید چون همه که سایت ندارن !!!
چشم مازیار عزیز
سلام
خیلی ممنون که کمک می کنید
ولی من پروفایل مدیر رو برای بلگفا میخواستم
واین صفحه هارو نداره
ممنون میشم زحمت بکشید و برای بلگفا هم بزارید
فرهاد عزیز ، عزیز بلاگفا اصلا کد یا قالب برای صفحه پروفایل نداره ، اون صفحه راحیش اصلا جزء قالب وبلاگ نیست
خداییش اعصاب این کار ها رو ندارم.
ولی اگه ممکنه به من یه سر بزن نظرت رو بگو.
لازم دارم باید کارم رو تحویل بدم و اگر منبعی هم سراغ داری برام بنویس. خیلی خیلی خیلی خیلی ممممممممممنون
من حوصله انجام دادن این همه کار رو ندارم
راستی اون وقت ها خیلی قالب وبلاگ می زاشتی چی شد ، این قالب آمازون هم خیلی مزخرف بود
بابا چیه همتون میگین مشکله مشکله :D
اون قسمت پایین که همش توضیحاته، فقط کافیه استایل و کد اصلی رو کپی کنید. همین
سلام مسعود جان اینم طرحی که گفتی آماده کنید البته با عجله آیکون ها را درست کردم ولی به نظرم هنوز خوب نشده به جز این ۱۰ تا آیکون ،۲۵ آیکون دیگه هست که یه خورده وقت گیره منم همین چند تا را تونستم آماده کنم البته چون نمیتونستم واسه دانلود بزارم عکس چند تاشو واست گذاشتم امیدوارم که راضی باشی، راستی آموزش را هم دارم کار میکنم یک آموزش خوب تا فردا یا پس فردا واست میزارم….خداحافظ
اینم آدرسش:
http://www.up.taktemp.com/images/2xm3x9p7ho8tik6ymbjk.gif
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
عالیه!!!!!!!!
تو رو خدا اموزش ساختن وبسایت با “دریم ویور رو” هم بذارین.
باشه؟
دوست گرامی آموزس طراحی با دیرم ویور چیزی نیست که بشه مثل فوتوشاپ آموزش داد این یک نرم افزار است که به برنامه نویسان وب کمک می کند کدهای قالب را راحت تر بنویسند و بهتر و این قالبیت را دارد که یک نمونه را از کد نوشته را نمایش دهید.پس به جای گشتن دنبال اموزش این نرم افزار برو برنامه نویسی یاد بگیر و اگر هم یاد داری مطمعن باش با کمی کار می تونی یاد بگیری
سلام
میشه یه راهنماییم بکیند. من تو بلاگها وبلاگ دارم.
چطور میتونم به single.php دسترسی داشته باشم؟
سلام – اسماعیل عزیز خدمتتون عرض کن که متاسفانه شما نمی توانید به فایل های قالب دست رسی داشته باشید
خیلی جالب بود …. خسته نباشید
ولی جون داداش حوصله ی این همه کارو ندارم…..
پس… بیــــخیــــــــــــــــــــالـــــــــــــش
من همیشه اینجا سر میزنم
آموزشاتون حرف نداره
سلام
مسعود جان لطفا” این بنر رو جایگزین کن (ثابت باشه/به صورت تصادفی نباشه)
http://up.taktemp.com/images/yqwygj7tqj7n343u8jq.jpg
مرسی
محمد عزیز این بنر اصلا جالبی نیست .
سلام ;
هک بسیار جالبی و پر کاربردی بود .
متشکرم