ارزدیجیتال
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

مقالات,آموزش,ترفند , وردپرس

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

 

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

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

 

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

wp-content/themes/your-current-theme

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

 

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

 

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

 

<?php // Set the Current Author Variable $curauth $curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author)); ?>
     
 
 
 
<div class="author-profile-card">
 
<h۲>About: <?php echo $curauth->nickname; ?></h۲>
 
 
<div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '۹۰ '); ?>
    </div>
 
 
 
 
 
<strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a>
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?>
 
</div>
 
 
<h۲>Posts by <?php echo $curauth->nickname; ?>:</h۲>
 
 
 
 
 
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 
 
 
<h۳>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h۳>
 
 
 
 
 
Posted on: <?php the_time('d M Y'); ?>
 
 
<?php the_excerpt(); ?>
 
<?php endwhile; // Previous/next page navigation. the_posts_pagination(); else: ?>
 
 
<?php _e('No posts by this author.'); ?>
 
 
<?php endif; ?>

 

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

 

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

 

.author-profile-card {
    background: #eee;
    border: ۱px solid #ccc;
    padding: ۲۰px;
    margin-bottom: ۲۰px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: ۵px;
}

 

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=32571
کلمات کلیدی پست :
مطالب مرتبط
14,651دانلود قالب آشپزی Zylyz برای وردپرس تاریخ : 2017/06/15
11,142اضافه کردن تصویر شاخص در وردپرس تاریخ : 2016/02/14
11,638قالب زیبای پارس نشان برای وردپرس تاریخ : 2014/08/26
10,650افزونه اشتراک گذاری به ازای دانلود وردپرس تاریخ : 2017/01/11
13,295سیستم ناوبری اسکرول بی نهایت در وردپرس تاریخ : 2017/06/23
8,604حل مشکل ثابت شدن تصاویر gif در وردپرس تاریخ : 2019/08/30
15,720افزونه معرفی اعضای تیم TeamPress برای وردپرس تاریخ : 2019/04/16
31,260افزونه ویرایشگر قالب مداد زرد Yellow Pencil نسخه 5.2.1 برای وردپرس تاریخ : 2016/02/10
24,570افزونه اسلایدر حرفه ای و ریسپانسیو Super Carousel نسخه 3.4 تاریخ : 2018/08/2
6,912آموزش خروجی گرفتن از ایمیل کاربران در وردپرس تاریخ : 2019/06/25
19,348پوسته نیازمندی ها و ثبت آگهی Point Finder نسخه 1.9.6.4 تاریخ : 2020/02/19
9,764ساخت نوار تبلیغات شناور در صفحات وردپرس تاریخ : 2018/07/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file