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

آیا شما دوستان هم می خواهید برای نویسندگان وب سایت تان یک صفحه پروفایل سفارشی و شخصی ایجاد کنید؟ بسیاری از قالب های وردپرس اطلاعات محدودی از نویسندگان را در صفحه آرشیو نویسندگان نمایش می دهد. اما برای اینکه بتوانید اطلاعات کامل تری از نویسندگان خود به کاربران سایت نمایش دهید، نیاز به ایجاد تغییرات در قالب وردپرس تان دارید.

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

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

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

برای ساخت صفحه سفارشی پروفایل نویسندگان با استفاده از قطعه کد وردپرس، ابتدا باید به هاست خود بروید. سپس مسیر زیر را دنبال کنید تا به پوشه current theme دسترسی پیدا کنید:

wp-content/themes/your-current-theme

در ادامه شما نیاز دارید یک فایل جدید با نام author.php در این پوشه ایجاد کنید. سپس محتویات یکی از فایل های archive.php را کپی نمایید و باید این محتویات را در داخل فایل جدیدی که با نام author.php ایجاد کرده اید، ذخیره نمایید.

توجه!! اگر در قالب وردپرس تان از قبل فایل author.php وجود داشت، فقط شما نیاز دارید که این فایل را ویرایش کنید.

حال با توجه به اینکه هدف ما در این آموزش نمایش اطلاعات نویسندگان وب سایت در صفحه پروفایل آنها می باشد، پس باید به ویرایش فایل های مورد نظر بپردازید. شما می توانید تمامی کدهایی که بین get_header(); و get_sidebar() موجود می باشد را ویرایش نمایید.


    



About: nickname; ?>

user_email , '90 '); ?>

Website:user_url; ?>Bio:user_description; ?>

Posts by nickname; ?>:

Posted on:

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

در ادامه یک سری از کد های css اماده شده است که شما میتوانید ان ها را در فایل rtl.css قالب وردپرس خود اضافه کنید تا به پروفایل ایجاد شده زیبایی بدهید. در نهایت نتیجه ای بسیار حرفه ای و زیبا خواهید داشت که میتوانید در تمامی قالب های وردپرس از ان استفاده کنید.

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

در صورت بروز مشکلی و یا سوالی در بخش دیدگاه ها با شما همراه هستیم. موفق باشید


امتیاز شما از ۱ تا ۵

Loading…

Let’s block ads! (Why?)