نحوه ی اضافه کردن صفحه پروفایل سفارشی به وردپرس

سلام خدمت شما دوستان عزیز

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

با ای تاتس همراه باشید 🙂

 

قدم اول : اضافه کردن صفحه پروفایل سفارشی در وردپرس با WP User


این روش برای همه کاربران توصیه می شود. این تنظیمات آسان است و ویژگی های بیشتری دارد.

اولین کاری که باید انجام دهید این است که پلاگین WP User Manager را نصب و فعال کنید.

WP User Manager دریافت کنید

پس از فعال سازی، شما نیاز به بازدید از کاربران درصفحه WPUM برای پیکربندی پلاگین نیاز دارید .

WP User Manager settings page

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

WP User Manager یک پلاگین قدرتمند است و با گزینه های زیادی همراه است. شما باید آنها را با دقت بررسی کنید و ویژگی هایی را که نمی خواهید استفاده کنید خاموش کنید.

بعد، شما باید روی برگه «Profiles» کلیک کنید تا تنظیمات پروفایل کاربر تنظیم شود.

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

شما همچنین می توانید به کاربران اجازه آپلود عکس یا ساخت  پروفایل سفارشی را بدهید، صفحات اخیر و همچنین نظرات خود را در صفحه نمایه خود نمایش دهید.

فراموش نکنید که دکمه Save Change را کلیک کنید تا تنظیمات خود ذخیره شود.

بعد، شما نیاز به انتخاب URL های دوستانه SEO یا permalinks برای صفحات مشخصات نویسنده دارید. شما می توانید این کار را با مراجعه به Settings » Permalinks  انجام دهید و به پایین به قسمت« پایگاه کاربری permalink profile »بروید.

این افزونه به شما پیشنهاد می کند از شناسه کاربری، نام کاربری یا نام مستعار در URL استفاده کنید. هر دو نام مستعار و نام کاربری گزینه های جستجوگرانه دوستانه بیشتری نسبت به شناسه کاربر دارند. برای انتخاب یکی از آنها کلیک کنید و سپس دکمه ذخیره تغییرات را برای ذخیره تنظیمات permalink خود کلیک کنید.

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

به قسمت Appearance بروید صفحه ابزارک را اضافه کنید و ویجت فرم ورود به WPUM را به نوار کناری اضافه کنید.

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

ویجت کناری فرم ورود به سیستم را برای خروج از کاربران نشان می دهد. اگر به کاربران اجازه دهید که در وب سایت خود ثبت نام کنند، لینک فرم به شما نشان داده میشود .

همچنین لینک های نویسنده را در وب سایت شما تغییر می دهد و به جای صفحات آرشیو نویسنده پیش فرض، آنها را به صفحه نمایه نویسنده ارسال می کند.

تغییر ظاهر صفحه صفحات نویسنده

اگر فقط می خواهید رنگ ها یا مرزها را تغییر دهید، می توانید این کار را با اضافه کردن CSS سفارشی انجام دهید.

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

ابتدا باید با استفاده از یک سرویس گیرنده FTP به وب سایت خود متصل شوید و به / wp-content / plugins / wp-user-manager / templates / folder بروید. تمام فایل هایی که در آنجا مشاهده می کنید را به کامپیوتر خود دانلود کنید.

بشما باید به پوشه قالب فعلی خود بروید و یک پوشه جدید  به اسم «wpum» در آن ایجاد کنید. اکنون فایلهایی را که قبلا آن را دانلود کرده اید به پوشه wpum آپلود کنید.

حالا شما می توانید این فایل ها را ویرایش کنید تا ظاهر صفحات نمایه خود را در صورت لزوم سفارشی کنید.

قدم دوم :بصورت دستی میایم صفحه سفارشی را در تم خود ایجاد می کنیم


این روش نیاز به ویرایش تم وردپرس و یا فایل های تم Child خود دارد.

اول، شما باید با استفاده از یک سرویس گیرنده FTP به وب سایت خود متصل شوید و به / wp-content / themes / your-current-theme / folder بروید.

در پوشه تم فعلی شما باید یک فایل 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">
    <h2>About: <?php echo $curauth->nickname; ?></h2>
    <div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '90 '); ?>
    </div>
    <p><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
     
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
 
 
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
 
<?php the_excerpt(); ?>
 
<?php endwhile; 
 
// Previous/next page navigation.
the_posts_pagination();
 
 
else: ?>
<p><?php _e('No posts by this author.'); ?></p>
 
<?php endif; ?>

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

به راحتی میتوانید این کد را به همان اندازه که نیاز دارید سفارشی کنید. شما می توانید فیلدهای پروفایل کاربر را به وب سایت خود اضافه کنید، پیوند های توییتر و فیس بوک نویسنده را اضافه کنید، نمایش تصاویر برجسته برای پست ها و غیره.

در اینجا چند نمونه CSS قابل قبول برای  ارائه کارت نمایه نویسنده شما مناسب  است. شما می توانید آن را به عنوان CSS سفارشی در تم خود اضافه کنید و سپس آن را تغییر دهید تا با رنگ های تم خود مطابقت پیدا کند کنید.

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

در اینجا اینجا میتوانید ببینید که چگونه در  یک وب سایت آزمایشی ما کد را اجرا کردیم

امیدوارم از این مطلب بهره کافی را برده باشید 🙂

مطالب مرتبط

نحوه حذف تاریخ و زمان از نظرات در وردپرس

نحوه حذف نام نویسنده از پست های وردپرس

نحوه تنظیم پیش فرض تصویر پس زمینه برای پست های وردپرس

نکات لازم قبل از تغیر تم در وردپرس

نحوه اضافه کردن ویجت وردپرس به سربرگ وب سایت شما

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

نحوه ی اضافه کردن صفحه پروفایل سفارشی به وردپرس

محتوای مطلب

کامنت ها

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد.

<