نمایش زمان آخرین ورود کاربران در وردپرس بدون افزونه

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

ورود کاربران در وردپرس

۱- ثبت زمان آخرین ورود کاربران در وردپرس

ساده ترین راه برای ثبت زمان آخرین ورود کاربر استفاده از قلاب یا هوک wp_login هست. فایل functions.php پوسته را اجرا و کد های زیر رو داخلش قرار بدین:کدهای زیر وظیفه این رو دارند که به محض ورود کاربر به سایت زمان ورود را ثبت کنند.

add_action('wp_login','wpdb_capture_user_last_login', 5, 2);
function wpdb_capture_user_last_login($user_login, $user){
    update_user_meta($user->ID, 'last_login', current_time('mysql'));
}

اگر بخواهیم کمی حرفه ای تر کارکنیم و ۵ ورود آخر کاربر را در سایت ثبت کنیم باید با استفاده از یه آرایه تحت عنوان last_login در کد متای کاربر user_meta ذخیره کنیم.اگر بخواهید از این روش استفاده کنید کدهای زیر را جایگزین کدهای بالا کنید.

برای اضافه کردن ستون “آخرین ورود” به بخش کاربر ها در وردپرس از کد زیر در فایل functions.php پوسته استفاده کنید:منظور از ستون در بخش مدیریت کاربران بخش های است که نام کاربر،نقش کاربر،تعدا نوشته ها،و… رو نمایش میده مانند تصویر زیر

ورود کاربران در وردپرس

کاری که ما میخواهیم انجام بدهیم اضافه کرن یک ستون جدید به بخش مدیریت کاربران و نمایش آخرین ورود کاربران در وردپرس است.برای این کار کدهای زیر را فایل functions.php می نویسیم.

function wpdb_user_last_login_column($columns){
    $columns['lastlogin'] = __('Last Login', 'lastlogin');
    return $columns;
}
 
add_action( 'manage_users_custom_column',  'wpdb_add_user_last_login_column', 5, 3); 
function wpdb_add_user_last_login_column($value, $column_name, $user_id ) {
    if ( 'lastlogin' != $column_name )
        return $value;
 
    return get_user_last_login($user_id,false);
}
 
function get_user_last_login($user_id,$echo = true){
    $date_format = get_option('date_format') . ' ' . get_option('time_format');
    $last_login = get_user_meta($user_id, 'last_login', true);
    $login_time = 'Never logged in';
    if(!empty($last_login)){
       if(is_array($last_login)){
            $login_time = mysql2date($date_format, array_pop($last_login), false);
        }
        else{
            $login_time = mysql2date($date_format, $last_login, false);
        }
    }
    if($echo){
        echo $login_time;
    }
    else{
        return $login_time;
    }
}

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

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

گردآوری توسط ایده طلایی

۶ محیط توسعه و تست برای دولوپرهای فرانت اند

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

codefriend.ir

اگرچه وب‌سایت‌های بسیاری وجود دارند که این امکانات را در اختیار دولوپرهای فرانت اند  قرار می‌دهند اما ویژگی‌هایی وجود دارد که باعث می‌شود برخی از آن‌ها توجه کاربران را بیشتر به خود جلب نمایند که برخی از مهم‌ترین این ویژگی‌ها عبارتند از:
– رنگ‌بندی کدهای HTML ،CSS و JavaScript
– پنجره‌ای برای نمایش نتیجهٔ اجرای کدها (البته بدون نیاز به رفرش کردن صفحه)
– پشتیبانی از تکنولوژی‌های جدید کدنویسی مثل HAML ،LESS ،SASS و Stylus CSS
– ارائهٔ لایبرری‌های معمول جاوااسکریپت
– ابزارهای ارزیابی سورس‌کد
– به‌اشتراک‌گذاری صفحات با یوآر‌الهای کوتاه
– تغییر ساختار سورس‌کد
– رایگان بودن امکانات برای دولوپرهای فرانت اند
– محیطی مناسب برای نمایش توانایی و مهارت شما در کدنویسی

JSFiddle

یکی از اولین وب‌سایت‌ها در این زمینه JSFiddle می‌باشد و بسیاری از سایت‌های مشابه بعدی، JSFiddle را الگوی خود قرار داده‌اند؛ برخلاف نام این سایت، می‌توان مجموعه‌ای از کدهای HTML ،CSS و البته JavaScript را در این سایت بررسی و اجرا نمود. اگرچه قالب و ظاهر این سایت ممکن است ابتدایی به‌نظر برسد اما امکانات پیشرفته‌ای نظیر شبیه‌ساز Ajax نیز در آن وجود دارد که دولوپرهای فرانت اند میتوانند از آن برای افزایش سرعت توسعه ابزار های مختلف استفاده کنند

Codepen

شاید بهترین وب‌سایت از نظر طراحی رابط‌کاربری و تنوع امکانات Codepen باشد؛ در این سایت می‌توان بدون نیاز به ثبت‌نام با ایجاد یک Pens، شروع به نوشتن کدها نمود و در پایان با یک URL اختصاصی نتیجه را با سایر دولوپرها به اشتراک گذاشت.

همچنین اخیراً امکانات دیگری نظیر اتصال فایل‌های CSS و JavaScript از خارج وب‌سایت به پروژه نیز فراهم شده است. پلن‌های حرفه‌ای‌تر این وب‌‌سایت از مبلغی در حدود ۹ دلار به‌صورت ماهیانه شروع شده و شامل امکاناتی نظیر تست‌ کدها در مرورگرهای مختلف، برنامه‌نویسی هم‌زمان و نکات آموزشی می‌باشد.

Dabblet

یکی دیگر از اولین سایت‌هایی که در این زمینه فعالیت خود را شروع نمود Dabblet است (این وب‌سایت توسط فرانت‌اند دولوپری حرفه‌ای به‌نام Lea Verou ساخته شده است). به‌طور معمول، وب‌سایت‌های شخصی دولوپرهای معروف همیشه حاوی جدیدترین اطلاعات در زمینهٔ کاری‌شان می‌باشد؛ در این مورد نیز وب‌سایت شخصی Lea Verou شامل مطالب جدید و مفید در زمینهٔ توسعهٔ فرانت‌اند می‌باشد.

CSS Deck

در Cssdeck سعی شده است تا به جذابیت‌های بصری به نسبت سایر سایت‌های مشابه بیشتر پرداخته شود؛ اگرچه نام این وب‌سایت تنها شامل CSS می‌باشد، اما دور از ذهن نیست که کدهای HTML و JavaScript نیز در آن پشتیبانی می‌شوند. در رابطه با عملکرد، شاید این سایت را بتوان شبیه‌ترین گزینه به Codepen دانست.

JS Bin

JS Bin توسط Remy Sharp یکی از اساتید حرفه‌ای جاوااسکریپت لانچ شد و این در حالی است که این سایت بیشتر سعی در اجرای صحیح کدهای جاوااسکریپت دارد؛ پس اگر به این زبان اسکریپتی علاقه دارید و یا از دولوپرهای آن هستید، فرصت تجربه کار با JS Bin را از دست ندهید.

Liveweave

این سایت را می‌توان یکی از کامل‌ترین گزینه‌ها در این زمینه دانست؛ پشتیبانی از لایبرری‌ها (کتابخانه ها) و فریمورک‌های معمول نظیر جی‌کوئری، بوت‌استرپ، انگولار و غیره، و امکان اضافه کردن آن‌ها به پروژه تنها با چند کلیک در این سایت به‌سادگی امکان‌پذیر است.

اما شاید وجه تمایز این سایت امکانات گرافیکی فوق‌العاده مفید آن باشد؛ مواردی نظیر کدهای CSS نوشته‌شده که به‌صورت بصری می‌توان با دکمه‌های تعریف شده آن‌ها را تغییر داد، پنل انتخاب رنگ و همچنین محیط طراحی المان‌های گرافیکی، همگی باعث شده است تا Liveweave بتواند درمقابل رقبای خود گوی سبقت را به‌سادگی برباید.

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

نوشته ۶ محیط توسعه و تست برای دولوپرهای فرانت اند اولین بار در ویرگول پدیدار شد.

گردآوری توسط ایده طلایی

۹ مورد برای انتخاب لپ تاپ مناسب برنامه نویسی

به خاطر علاقه‌ای که به تکنولوژی دارم معمولا دوستام وقتی میخوان یه محصول الکترونیکی بخرن (از هارد اکسترنال گرفته تا گوشی و لپ‌تاپ) همیشه از من نظر میخوان.

به دلایل مختلف اکثر برنامه نویس‌ها داشتن لپ تاپ رو به کامپیوتر ترجیح میدن. درسته که شما روی هر لپ تاپی می‌تونید کد بنویسید اما لپ تاپ خوب خیلی میتونه به راحتی و افزایش کارائیتون کمک کنه.

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

مورد اول جا به جایی

خیلی مهمه که از قبل بدونید چقدر قراره لپ تاپ رو با خودتون حمل کنید. اگر هر روز باید جا به جا بشید و لپ تاپ رو اینور اونور ببرید از فکر لپ‌تاپ بزرگ بیاید بیرون. بهتره که یه لپ تاپ ۱۳ یا نهایتا ۱۴ اینچی بخرید. چون این لپ‌تاپ ها به خاطر صفحه نمایش کوچکتر و همچنین سخت افزار (بخصوص CPU پایین تر) جوابگویی باطری بهتری دارند.

اما اگر زیاد اهل جا به جایی و سفر نیستید و همیشه به پریز برق دسترسی دارید لپ تاپ ۱۵ اینچ گزینه بهتری هست. لپ‌تاپ های ۱۵ اینچی صفحه بزرگتری دارند و برای مالتی تسکینگ و پنجره‌های کنار هم خیلی بهترن. علاوه بر اینکه سخت افزار قوی‌تری نسبت به ۱۳‌اینچی‌ها دارن.

مورد دوم کیفیت صفحه نمایش

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

سعی کنید مانیتور لپ‌تاپ حتما رزولیشن بالایی داشته باشه. چون توی رزولیشن‌های پایین فضای کافی برای وجود ۲ یا چند پنجره وجود نداره و همچنین تکست‌ها هم شارپ نیستند و شما بعد از مدتی کار کردن خسته میشید.

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

علاوه بر این صفحات تاچ میزان مصرف باطری زیادتری هم دارن.

مورد سوم RAM

درسته که نیاز به توضیح نداره ولی تکرارش بد نیست که اصلا سراغ لپ تاپ با Ram کمتر از ۸ گیگ نرید چون از زندگی پشیمونتون میکنه. اگر هزینه‌اش براتون مشکلی نداره حتی سراغ رم ۱۶ گیگ برید و مطمئن باشید هیچ وقت ازش پشیمون نمیشید.

مورد چهارم پردازشگر یا CPU

تک تک خصوصیات CPU توی لپ تاپی که می‌خواین بخرین مهمه و اصلا ازش ساده رد نشید. CPUها انواع مختلفی دارند و شاید کمی گیج کننده باشن مثلا CPU فرکانسش بالاست ولی مقدار کش پایینی داره و بعدا اذیتتون میکنه.

توی خرید لپ تاپ حتما به این توجه کنید که فرکانسش بیشتر از ۲.۵ گیگاهرتز باشه (GHz)، مقدار کش بالایی داشته باشه (زیر ۴مگ اصلا نباشه) و همینطور تعداد هسته‌هاش هم بالا باشه.

مورد پنجم حافظه

توی گزینه‌هاتون فقط و فقط جای هارد SSD بزارین و به جز اون به هیچی فکر نکنید. هر کاری که فکرش رو بکنید روی حافظه‌های SSD اجرایی بهتری دارند. از بوت سیستم عامل بگیر تا باز شدن برنامه‌ها، کامپایل و… .

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

مورد ششم کیبورد

یه برنامه نویس بیشترین استفاده را از کیبورد داره واسه همین حتما قبل از خرید لپ تاپ دکمه‌هاش رو تست کنید. کیبوردها با دکمه‌های کامپکت بهترین گزینه هستند.

مورد دیگه‌ای هم که مهمه اینه که کیبورد لپ‌تاپ بک لایت داشته باشه (چراغ زیر دکمه های کیبورد) تا توی شب و محیط‌های تاریک بتونید از اون استفاده کنید.

مورد هفتم باطری

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

به عمر باطری هم که کارخانه‌ها توی تبلیغات میگن اعتماد نکنید. سعی کنید همیشه از ریویوهایی که توی سایت‌ها می‌نویسن استفاده کنید.

مورد هشتم کارت گرافیک

کارت گرافیک از اون مواردیه که اصلا برای ما مهم نیست. کارت گرافیک توی لپ‌تاپ‌ها ۲ نوع هستند. یک سریشون Dedicated هستند و یک سری هم Integrated که از CPU , GPU استفاده می‌کنند. کارت گرافیک‌های Integrated برای برنامه نویس‌ها گزینه مناسب و بهتری هستند تا هزینه اضافه‌تری هم برای لپ تاپ پرداخت نشه.

مورد نهم سیستم عامل

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

امیدوارم با کمک این ۹ مورد بتونین لپ‌تاپ مناسبی برای خرید انتخاب کنید.

نوشته ۹ مورد برای انتخاب لپ تاپ مناسب برنامه نویسی اولین بار در ویرگول پدیدار شد.

گردآوری توسط ایده طلایی

ابزارهای حرفه‌ای Chrome Developer Tools برای توسعه دهندگان

اگر توسعه دهنده رابط کاربری وب (Frontend Developer) باشید مطمئنا با Chrome Developer Tools (یا Inspect Elements) آشنایی دارید. بخشی از مرورگر گوگل که باعث شد کروم در بین توسعه دهندگان به شدت محبوب شود.

اکثر ما با قسمت‌های اصلی قسمت توسعه دهنده گوگل کروم آشنایی داریم. قسمت هایی مثل Console , DOM Inspector , Style . اما گوگل کروم بخش‌های زیادی هم دارد که خیلی از ما آن را ندیده ایم و استفاده از آن باعث میشه تا سرعت دیباگ و توسعه ما بیشتر بشه.


۱. تم سیاه (مناسب برای شب)

همه برنامه نویس‌ها به نوعی Night Owl هستند. این یعنی اینکه شب‌ها و توی نور کم مشغول به کار هستند. یکی از مشکلاتی که خیلی‌ها با بخش Inspect Elemnts گوگل کروم دارند رنگ سفید اونه که چشم رو اذیت میکنه. شما می‌تونید خیلی راحت بعد از باز کردن Inspect Elements و کلیک روی دکمه … (۳نقطه) در سمت راست و رفتن به این آدرس زیر رنگ کنسول خودتون رو تیره کنید تا شب‌ها هم به خوبی بتونید با اون کار کنید.

Setting >> Theme >> Dark

اسکرین شات Chrome Developer Tools در سایت ویرگول


۲. انجام کارها به صورت دستورات کامندی در گروم

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

برای باز کردن بخش دستورات بعد از باز شدن Inspect Elements کلید ترکیبی Ctrl + Shift + P را بزنید (در مک Command + Shift + P) در باکس باز شده میتونید قسمتی از متن دستوری که میخواهید را بنویسین.

Command Menu


۳.انیمیشن‌ها

یکی دیگر از بخش‌های مهمی که در Chrome Developer Tools وجود دارد بخش Animations است. جدیدا تو همه طرح های فرونت اند انیمیشن‌های CSS وجود دارد. شاید برای شما هم درآوردن انیمیشن یک یا چند باکس کار سختی باشه. شما با کمک پنل انیمیشن می‌تونید در یک محیط گرافیکی انیمیشن‌های فعلی صفحه را ببینید و دیلی، سرعت و بقیه خصوصیات آن را تغییر بدید. برای اجرا و دیدن نتیجه هم فقط کافیه یک بار روی باکس انیمیشنی که تغیر دادید کلیک کنید.

برای دسترسی به بخش انیمیشن‌ها فقط کافیه که بعد از باز کردن Inspect Elements روی دکمه … کلیک کنید و از قسمت More Tools گزینه Animations را بزنید. یا میتونید به کمک بخش کامندلاین هم دستور Animations را اجرا کنید.

مثلا عکس زیر انیمیشن‌های دکمه‌های ادیتور همین سایت ویرگول در صفحه نوشتن پسته.

۴.اضافه کردن مقادیر عددی در Style

یکی از وقت‌هایی که خیلی از Inspect Elements استفاده می‌کنیم وقتیه که میخواهیم Padding, Margin, Font-Size و بقیه اتریبیوت‌های CSS را تغییر بدیم تا بهترین حالت و اندازه اش رو پیدا کنیم. حالا مقیاس های مختلفی مثل px , em , rem و… را استفاده میکنیم.

حتما می‌دونید وقتی که میخواهیم عددها یکی یکی کم و زیاد بشه (مثلا از ۲ بریم ۳) میتونیم دکمه بالا و پایین رو بزنیم و هربار عدد یکی کم/زیاد میشه.

اما ترند فعلی استفاده از rem و بقیه مقیاس‌هاست که توی rem معمولا کم پیش میاد بخوایم عددمون رو یکی یکی اضافه کنیم و اکثرا نیاز داریم مقدار اون رو ۰.۱ کم و زیاد کنیم.

برای این کار می‌تونید همزمان با اینکه کلید بالا/پایین رو میزنید کلید Alt رو هم نگه دارید. اینجوری همونطوری که گفتم عددتون به مقدار ۰.۱ کم و زیاد میشه.

اگر هم خواستید عددتون ۱۰ تایی عوض بشه میتونید کلید Shift رو بگیرید.


گوگل کروم ابزارهای حرفه‌ای دیگه‌ای هم (مثل Code Coverage) داره که اگه فیدبک روی این مطلب خوب بود این موضوع را ادامه میدم و توی پستهای بعدی در مورد بقیه بخش‌هاش مینویسم.

اگه مثل مطلب قبلی این مطلب رو هم دوست داشتید لطفا این مطلب رو لایک کنید. ♡ >> ❤️

نوشته ابزارهای حرفه‌ای Chrome Developer Tools برای توسعه دهندگان اولین بار در ویرگول پدیدار شد.

گردآوری توسط ایده طلایی