سلام.
امروز هم در کنارتون هستیم با یکی دیگه از سری آموزش های کاربردی وردپرس.
در این آموزش قصد داریم در پایین تک نوشته ها، کادری رو با عنوان درباره نویسنده، اختصاص بدیم (مثل همونی که در پایین این نوشته میبینید).
چنانچه دارای سایت چند نویسنده ای هستید یا اینکه قصد معرفی بیشتر خودتون به خواننده ها رو دارید، پیشنهاد میکنم که این نوشته رو از دست ندید.
برای شروع کار، قطعه کد زیر رو در یک مکان مناسب، داخل تک نوشته (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>
امیدوارم که آموزش مفید بوده باشه…
تا درودی دیگر، بدرود…
منبع: alimir.ir & line25.com
این کد اصلا کار نمیکنه توی لوکال هاست من
توسط امیرحسین
تشکر عالی بود
توسط مجمع طراحان وب
برای ایجاد آواتار بدون عکس در صفحه سینگل کد نویسی کافی است یا باید در سایت gravatar عکس اپلود کنیم؟با تشکر
توسط ایمان
سلام و خسته نباشید
من برای ایجاد اواتار کدهای زیر را در فایلهای single و style نوشتم ولی اواتار ایجاد نشد به نظر شما علت چیست؟
#author{
width:680px;
height:100px;
background-color:#FFF;
border:1px solid #CCC;
float:right;
margin-top:10px;
padding:10px;
}
توسط ایمان
عالــــــــــــــی
توسط مجتبی
برای این class کد css نزاشتی
توسط امیرنیک
منظورتون چه کلاسیه؟ در قطعه کد معرفی شده ما تنها از مشخصه ID استفاده کردیم.
توسط علی میرزائی
پینگ: آموزش ساخت کادر اطلاعات نویسنده بدون نصب پلاگین در وردپرس - Training Section Made | FoxGraph | پرتال تخصصی آموزش گرافیک
کد اواتارو اینجا ببینید.
http://kheyrienoor.ir/kheyrienoor/avatarcode.txt
توسط احسان
سئو100 بود گذاشتم شد 53
من این مدلی کردم سئو درست شد دوستانی هم که به مشکل برخوردن درست کنن.
تو کد به جای div id بنویسن div class بعد تواستایل هم به جای اون دو مربع(#)نقطه (.)بزارن الان باز از سئو کم میشه به خاطر اوتار اون هم من این طوری نوشتم بعد همه چی حله.
توسط احسان
سلام،
از وقتی که برای توضیحات گذاشتید بسیار ممنونم،
اما اگه اجازه بدید منم یک سری توضیحات تکمیلی رو اضافه کنم:
بین کلاس و آی دی تفاوتی به اون صورت وجود نداره، اما باید توجه داشت که در یک سورس ما تنها مجاز به استفاده از یک نام آی دی هستیم. حالا اگه در یک منبع دو آی همنام وجود داشته باشه این یک ایراد بزرگه و باید هرچه سریعتر رفع شه.
بنابراین احتمال میدم مشکل شمام همین بوده! به صورتی که یا کدهای آموزش رو به نحوی قرار دادید که در یک سورس در دو محل قابل مشاهده بودن! یا اینکه پیشتر از نام آی دی هاش در قالب استفاده کرده بودید!
در رابطه با آواتار هم، این دستور از توابع خود وردپرس و بعید میدونم مشکل alt داشته باشه! از لحاظ اعتبار هم w3c به نداشتن alt در آواتارها خطایی نمیگیره (بنابراین به قول یکی از اساتید خیلی به حرف این سایتهای سئو نمیشه اعتبار داد.)
با این حال در مستندات این تابع نوشته شده که مقدار پیشفرض alt غیرفعاله، اما میتونید مقدارش رو به true تغییر بدید.
مطالعه مستندات:
http://codex.wordpress.org/get_avatar
توسط علی میرزائی
سلام میخواستم چیزی بگم
وقتی اینو میزارم تو قالب سئو به شدت میاد پایین راه حلشو پیدا کردم فقط خواستم کسایی که اینو میزارن یه سری هم به سئو قالبشون بزنن که نصف شده.ممنون
توسط احسان
سلام،
فک نمیکنم به این شدتی که شما میگید باشه!!!
احیانا منظورتون نبود alt در آواتار نیست؟!؟
باز اگه مشکلی هست بگید تا بررسی کنم.
توسط علی میرزائی
سلام داداش اینو چه جور میشه کرد که مثلا اواتار و متن منو نمایش داد بعد به صورت اسلاید بره اواتار و متن دوستم.یعنی به صورت اسلایدشو تغییر کنه.
توسط احسان
سلام،
مشکلی نیست، میتونید از یک اسلایدر یا تیکر به صورت استاتیک استفاده کنید و کدهای لازم رو بهش بدید.
توسط علی میرزائی
سلام علی جان
آقا اگه بخواهیم “بخش توضیحات” رو هم اضافه کنیم…عین سایت خودتون
آموزش و کدهای اون رو میشه بدین؟
ممنون
توسط مهدی
باشه، ایشالا در آینده ی نزدیک (یعنی بعد امتحاناتم) به اون هم رسیدگی میکنم…
توسط علی میرزائی
عالی بود
توسط javadbababei
سلام اقای میرزایی مطالب بسیار مفیدی اموزش میدین،در قسمت ساخت بخش اطلاعات نویسنده من کد های مربوط به single.php رو بعد از همه کدهایی که نوشته شده بود قرار دادم و همچنین کدهای style.css رو به خاطر زیاد بودن کدهای خود این استایل در اخر همه قرار دادم ولی اتفاقی در سایتم نیفتاد ایا باید کار دیگه ای انجام بدم من زیاد حرفه ای نیستم لطف کنید منو راهنمایی کنید ممنون
توسط امیر
سلام دوست عزیز.
کدهای مربوط به بخش single.php رو باید در حلقه while استفاده کنی. حلقه با دستور زیر شروع میشه:
و کدها رو باید در مکانی مناسب، قبل پایان شرط حلقه (یعنی قبل از کد پایین) قرار بدی.
چون در یک فایل single.php ممکنه انواع کلاس ها و آی دی ها استفاده شده باشه، من آدرس کلی ای که تو همه قالب های وردپرس یکسانه رو به شما دادم.
با اینحال با کمی آزمایش خطا میتونی از کدها در مکانی که علاقه داری استفاده کنی.
توسط علی میرزائی
ممنون دوست عزیز لطف کردی
توسط امیر
مرسی
خیلی برام مهمه!!آموزش عملی با چند مثال ساده که بشه با نرم افزاری که شما میگید پیاده سازی اش کرد.
توسط Emad
باشه،
ایشالا به زودی سعی میکنم اون بخش هم راه اندازی کنم…
توسط علی میرزائی
با سلام:
پستهاتون خیلی خوبن آقای میرزایی
ولی این یکی دیگه پیچیده شد!
متاسفانه من زیاد نظر نمیدم ولی بازم ممنون
توسط Elmira
سلام، متشکرم، لطف دارید.
والا من تو کلیه پست ها سعی میکنم خیلی ساده توضیح بدم.
دقیقا پیچیدگیش کجاست؟ توضیحات کمن؟
توسط علی میرزائی
البته هدفم سی هستش ولی بعدش جاواو…هم شد شد دیگه!!!
توسط Emad
سلام
ممنون از مطالب مفیدتون
یه بخشی هم درمورد کار با گرافیک در زبانC++بذارید .لطفا!
من باDEVکار میکنم
توسط Emad
سلام، خواهش میکنم.
به روی چشم، آموزش باشه یا سورس کد؟
من dev رو پیشنهاد نمیکنم، بهتره از محیط console ویژال استادیو استفاده کنید.
Dev واقعا اعصاب خورد کنه!!!
توسط علی میرزائی
موافق هستم / جذابتر هست.
توسط ایمان