آموزش قراردادن قسمت درباره نویسنده در وردپرس
در این مطلب می خواهیم با نحوه افزودن باکس یا محل قرار گرفتن نام،تصویر و توضیحات درباره نویسنده در وردپرس آشنا شویم.به صورت پیشفرض در اکثر قالب های وردپرس،محلی برای قرار دادن اطلاعات نویسنده وجود دارد،اما اگر بخواهیم قالب وب سایت رو خودمان طراحی کنیم و یا اینکه قالب فاقد بخش درباره نویسنده باشد نیاز داریم تا یادبگیرم که چگونه این بخش را به قالب وب سایت اضافه کنیم.
منظور از باکس درباره نویسنده یا جعبه درباره نویسنده همان بخش کوچکی است که در پایان هر نوشته نمایان شده و اطلاعات مختصری در رابطه با نویسنده ی آن نوشته، به همراه تصویری از نویسنده، به نمایش میگذارد. وجود باکس “درباره نویسنده” علاوه بر اینکه اطلاعات خوبی را در رابطه با هر نویسنده در اختیار بازدیدکنندگان سایت قرار میدهد، میتواند به افزایش بازدید سایر نوشته های هر نویسنده و همچنین زیباتر و دوستانه تر شدن محیط سایت نیز موثر باشد.
شروع ساخت قسمت نویسنده در وردپرس
برای شروع لازم است که حلقه ی وردپرس را پیدا کرده و کد زیر را در آن قرار دهید. حلقه ی وردپرس معمولا در فایل single.php قالب شما قرار دارد ولی ممکن است در برخی از قالب ها، محل این حلقه متفاوت باشد.(دقت داشته باشید در برخی از قالب ها محل حلقه وردپرس ممکن است متفاوت باشد).
<div class="about-author"> <?php global $post; $author_id = $post->post_author; ?> <figure> <?php echo get_avatar( $author_id, 134 ); ?> </figure> <p> <strong>درباره <?php the_author_meta( 'display_name', $author_id ); ?> </strong><br> <?php the_author_meta( 'description', $author_id ); ?> </p> <span class="author-archive"> <a href="<?php echo get_author_posts_url( $author_id ); ?>" alt="">مطالب بیشتر این نویسنده</a> </span> </div>
حالا در قالب خود به فایل استایل مراجعه کنید و استایل های زیر را در آن قرار دهید : (در قالب های فارسی شده در صورت وجود استایل های راست به چپ در فایل rtl.css و در سایر قالب ها در فایل style.css)برای درک بهتر کدهای php و هم چنین کدهای Css می توانید از دوره های رایگان و کامل آموزش PHP و Css سایت استفاده کنید.
/*** استایل باکس نویسنده ***/ .about-author { width: 100%; margin-top : 10px; background-color : #fff; border: 1px solid #dbdbdb; border-bottom: 2px solid #B5B5B5; margin-bottom: 5px; position:relative; box-sizing: border-box; min-height: 160px; } .about-author figure { float: right; margin: 10px 10px 10px 10px; } .about-author p { margin: 10px 0px 10px 0px; min-height: 100px; color: #5c5c5c; box-sizing: border-box; padding-right: 150px; } .about-author p strong { font-weight : bold; } .about-author .author-archive { background-color: #2CABCA; border-right: 3px solid #085D7C; padding: 5px; display: inline-block; margin-bottom: 10px; } .about-author .author-archive:hover { border-right: 3px solid #057C40; background-color: #679A39; } .about-author .author-archive a { color: #FFFFFF; display: block; text-shadow: 1px 1px 0px rgb(5, 99, 151); }
اگر هر دوی این مراحل را به صورت صحیح انجام داده باشید، حالا در پایین هر نوشته ی سایتتان، یک باکس شامل اطلاعات نویسنده دیده میشود.(کدهای Css بالا را میتوانید بر اساس سلیقه خود طراحی کنید تا ظاهر قسمت نویسنده متفاوت و کاملا اختصاصی باشد).
چند نکته مهم
- قبل از ساخت قسمت نویسنده در وردپرس حتما یک بکاپ از نسخه ی اصلی آن تهیه کنید تا در صورت بروز مشکل، به سادگی امکان رفع آن فراهم باشد.
- انجام این کار از طریق استفاده از افزونه های مختلفی همچون Simple Author Box و Starbox و بسیاری از افزونه های دیگر نیز میسر است. بنابراین اگر حال و حوصله ی ویرایش قالبتان را ندارید، میتوانید از این افزونه ها به عنوان جایگزین استفاده کنید.
- اگر بعد از قرار دادن کد باکس درباره نویسنده، سایت شما به خطا برخورد کند، به این مفهوم است که کد را در محل درستی قرار نداده اید. مثلا ممکن است کدهای HTML را در بین تگ های شروع و پایان php قرار داده باشید.
- برای تنظیم متن درباره ی نویسنده در این باکس، کافی است شناسنامه ی خود را در وردپرس ویرایش کنید.