چگونگی ایجاد بخش اطلاعات نویسنده در پایین هر پست | قالب وبلاگ l گرافيك l آموزش



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

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

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

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

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


نوشته شده در ۲۲ آذر ۱۳۸۸ ساعت ۱۲:۴۶ ب.ظ | 2,067 بازدید | ۳۶ دیدگاه
برچسب ها: , , ,

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

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

Visit Ali's Website

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

۳۶ دیدگاه ارسال شده است ! »

  1. مهدی سالاری در ۲۲م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  2. احسان در ۲۲م, آذر ۱۳۸۸ گفت:

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

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

    پاسخ دادن

  3. اسماعیل در ۲۲م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

    • مسعود رضایی در ۲۲م, آذر ۱۳۸۸ گفت:

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

      پاسخ دادن

  4. مهدی دانلود در ۲۲م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

    • محمد ابراهیمی در ۴م, مرداد ۱۳۸۹ گفت:

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

      پاسخ دادن

  5. محمد در ۲۲م, آذر ۱۳۸۸ گفت:

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

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

    مرسی

    پاسخ دادن

  6. فرهاد(من همان مبارز خستگی نا پذیرم) در ۲۳م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  7. tirdad در ۲۳م, آذر ۱۳۸۸ گفت:

    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

    پاسخ دادن

  8. محمد در ۲۳م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  9. alireza در ۲۳م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

    • علی در ۲۴م, آذر ۱۳۸۸ گفت:

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

      پاسخ دادن

  10. هدا در ۲۴م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  11. فرهاد(من همان مبارز خستگی نا پذیرم) در ۲۴م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

    • مسعود رضایی در ۲۴م, آذر ۱۳۸۸ گفت:

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

      پاسخ دادن

  12. maziyar در ۲۴م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  13. محمد در ۲۴م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  14. احمد در ۲۴م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

    • مسعود رضایی در ۲۴م, آذر ۱۳۸۸ گفت:

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

      پاسخ دادن

  15. مسعود در ۲۴م, آذر ۱۳۸۸ گفت:

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

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

    پاسخ دادن

  16. آرش در ۲۵م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  17. محمد در ۲۶م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  18. عباس در ۲۸م, آذر ۱۳۸۸ گفت:

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

    پاسخ دادن

  19. siavash در ۳م, دی ۱۳۸۸ گفت:

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

    پاسخ دادن

  20. میثم در ۲۶م, فروردین ۱۳۸۹ گفت:

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

    پاسخ دادن

  21. pooya در ۱۱م, اردیبهشت ۱۳۸۹ گفت:

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

    پاسخ دادن

  22. امین در ۲۶م, اردیبهشت ۱۳۸۹ گفت:

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

    پاسخ دادن

  23. علیرضا در ۱۲م, تیر ۱۳۸۹ گفت:

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

    پاسخ دادن

  24. مهرداد در ۳۰م, تیر ۱۳۸۹ گفت:

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

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

    پاسخ دادن

  25. محمد ابراهیمی در ۴م, مرداد ۱۳۸۹ گفت:

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

    پاسخ دادن

دیدگاه خود را ارسال کنید