وحید الوندی

نتیجه کار افراد نتیجه گرا

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

برای یک فرد موفق بررسی کلی راه بسیار مهم است اما به شرطی که فقط ۲۰ درصد در شروع کار به این بررسی پرداخت و ۸۰ درصد ادامه را با سرعت ادامه داد.

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

معمولا به دلیل عدم کانفیگ بودن سرور ایمیل بعضا در هنگام ریست رمز ورود شما ایملیی دریافت نمیکنید! اگر شما نتوانید ایمیل را دریافت کنید باید چه کار کرد ؟ شما باید وارد phpMyadmin شود و در جدول wp_users کاربر مورد نظر را که مثلا admin است را ویرایش کنید و در ستون password معادل پسورد موقت ۱۲۳۴۵۶۷۸ را وارد کنید و بعد از اینکه وارد ادمین شدید مجددا آن را به یک رمز قوی تغییر دهید.

نکته ای که وجود دارد شما نمیتوانید مقدار ۱۲۳۴۵۶۷۸ را وارد فیلد password کنید و باید معادل hash شده را جایگزین کنید این معادل عینا برابر پسورد ۱۲۳۴۵۶۷۸ است در غیراینصورت وردپرس رمز را نمیتواند تطلبق دهد

مقدار hash زیر را جایگزین فیلد password با مقدار قبلی کنید . توجه کنید که حتی یک فاصله خالی هم میتواند hash را نامعتبر کند.

$2y$12$7GZgHNnnMStUUgsUkG4KC.MswaKH2yq8.N0wM/B.vfr6F5/SoPteC

روش ساخت hero در صفحه نخست سایت

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

<header class="hero">
  <div class="center-content">
    <h1>An Article Title</h1>
    <h3>A longer subtitle but still important</h3>
    <a href="#" class="button">Some Action Here</a>
  </div>
</header>

.hero {
  background-image: url("https://unsplash.it/1500?random");
  background-size: cover;
  background-position: center;
  width: 100wh;
  height: 100vh;
  display: flex;
}

.center-content {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.center-content h1, .center-content h3 {
  color: white;
  line-height: 1;
}
.center-content h1 {
  text-transform: uppercase;
  font-size: 3em;
  margin-bottom: 0;
  text-align: center;
}
.center-content h3 {
  margin-bottom: 40px;
  font-size: 1.5em;
  font-weight: normal;
}

.button {
  text-transform: uppercase;
  color: white;
  padding: 20px;
  border: 1px solid white;
  text-decoration: none;
}
.button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
  color: white;
}

جهت نمایش نسخه لایو

تغییر سورس های هاست در vs code

سلام احتمالا برای تغییر در سورس های سایت خود مجبورید وارد direct admin بشید و از طریف file manager فایل سورس سایت را تغییر میدید . این یک روش سریع است اما اگر مجبورید سورس هایی که در لوکال نیستند را توسعه بدید باید از قابلیت SFTP در vs code استفاده کنید با این پلاگین شما به پورت 22 (ممکنه از طریق هاست تغییر کرده باشه که باید از فروشنده هاست آن را سوال کنید) وصل بشید . طبق مراحل زیر ابتدا پلاگین Natizyskunk.sftp را نصب کنید.

ext install Natizyskunk.sftp

بعد با اجرای دستور CTRL + shift + p کامند پالت را باز کنید و دستور SFTP: config را وارد کنید و enter

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

{
    "name": "My Site",
    "host": "000.000.000.000",
    "protocol": "sftp",
    "port": 22,
    "username": "siteusername",
    "remotePath": "/home/mysite/domains/mysite.com/public_html",
    "uploadOnSave": true
}

در صورتی که مقدار remotePath را برابر اسلش / قرار بدید root را در نظر میگیرد و باید وارد مسیری که پروژه نصب شده وارد بشید ولی طبق مدل نمونه به صورت پیش فرض در مسیری که پروژه نصب شده وارد میشوید (مثال دایرکت ادمین است )

طبق تصویر زیر هم از منو سمت چپ روی ایکن SFTP کلیک کنید و با زدن روی نام سایت و وارد کردن پسورد هاست میتوانید دایرکتوری هاست را مشاهده کنید . البته برای ویرایش فایل ها باید با کلیک روی نام فایل و انتخاب گزینه Edit in local از این به بعد خیلی ساده با تغییر کد و ذخیره به صورت آنی روی هاست به روز میشود

افزونه vs code برای کار با laravel

برای کار با لاراول در vs code باید یکسری از افزونه را به صورت تکی جستجو کنید و نصب کنید که امروز به افزونه ای آشنا شدم به عنوان Laravel Extension Pack که لیستی از افزونه های زیر را به صورت گروهی همراه خودش نصب میکند.

Laravel Blade Snippets
Laravel Snippets
Laravel Artisan
Laravel Extra Intellisense
Laravel goto view
laravel-jump-controller Laravel controller
laravel-goto-components
Laravel Blade formatter
Laravel Create View Create
Laravel Blade Wrapper
DotENV .env

سایزهای استاندارد در bootstrap 5

کلیه کلاس های margin و padding در bootstrap 5 بر اساس rem تقسیم بندی میشوند به طور مثال

rem	padding و margin
0.25	m-1 , p-1
0.5	m-2 , p-2
1	m-3 , p-3
1.5	m-4 , p-4
3	m-5 , p4

فاصله بین هر col برابر با 1.5 rem یا 24 px است.

آموزش نصب OpenSSL سامانه مودیان

اگر شما هم با خطای openssl’ is not recognized as an internal or external command l مواجه شدید نگران نباشید در این آموزش سریع طی چند مرحله نحوه نصب صحیح نرم افزار OpenSSL را به شما آموزش خواهم داد.

ابتدا وارد وب سایت https://slproweb.com/products/Win32OpenSSL.html شوید و آخرین نسخه Win64 OpenSSL v3.1.0 Light مرتبط با نسخه سیستم عامل خود را دانلود کنید. به 64 یا 32 بیتی ویندوز خود توجه کنید ( اگر این را نمیدانید در منو استارت system را جستجو کنید مثلا در ویندوز 10 چیزی شبیه به این است)

در جلو system type عبارت bit-64 را نمایش میدهد.

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

حتما نسخه light را دانلود کنید که حجمی حدود 5 مگابایت دارد

ترجیحا نسخه msi را دانلود کنید و بدون نیاز به تغییر را مراحل نصب تا پایان ادامه دهید . بعد از اینکه نصب به اتمام رسید با وارد شدن به منو استارت مطابق تصویر زیر عبارت OpenSSL Command Prompt را جستجو کنید

مورد یافت شده را باز کنید . این برنامه محیط گرافیکی ندارد لازم است که با چند دستور وارد مسیری شوید که فایل cnf را ایجاد کرده اید مثلا cd c:\OpenSSL\bin یعنی در درایو c یک پوشه وجود دارد به نام OpenSSL و باز درون آن پوشه bin است .

 cd c:\OpenSSL\bin

بعد از اینکه به مسیر مورد نظر وارد شدید دستوری که جهت ایجاد دو فایل CSR , KEY لازم است را وارد کنید

openssl req -new -utf8 -nameopt multiline,utf8 -config fa.cnf -newkey rsa:2048 -nodes -keyout fa.key -out fa.csr

بعد از اجرای این دستور با بررسی پوشه bin که درون OpenSSL قرار دارد دو فایل جدید به نام های fa.csr و fa.key دیده میشود . محتوای فایل fa.csr را با notepad باز کنید و آن را در سامانه مرکز صدور گواهی الکترونیکی عام استفاده کنید

ساخت پکیج لاراول به شکل حرفه ای

ساخت package ها در لاراول شیوه های متفاوتی دارند که به طور کلی میتوانند عملکرد توسعه و نگهداری را ساده کنند در واقع یکی از بهترین روش ها استفاده از متد spite است که پکیج spatie/package-skeleton-laravel را جهت استفاده رایگان عرضه کرده است .

برای شروع کافی است وارد لینک فوق شوید و مطابق تصویر زیر روی use this temple کلیک کنید

سپس بعد از اتمام پکیج خود را در سیستم خود clone کنید و دستور php ./configure.php رادر root پروژه اجرا کنید . در این مرحله با پرسیدن یکسری سوالات میتوانید کانفیگ پکیج و name space های پروژه را بر اساس نیاز خود تغییر دهید.

مطابق مراحلی که در تصویر فوق کار شده است پکیج ها در vendor webine و عنوان پکیج shopCourse ساخته شده است.

ارتقا حجم import در وردپرس

اگر با خطای زیر مواجه شدید نگران نباشید

پرونده بارگذاری شده بزرگ‌تر از upload_max_filesize در php.ini است.

با نصب افزونه Increase maximum upload file size & execution time و اجرای تنظیمات مطابق تصویر زیر مشکل حل میشود

بهینه سازی تصاویر برای وب سایت به صورت آنلاین

بهینه سازی تصاویر یکی از بخش های مهم هر وبسایت است که مورد توجه زیادی است اخیرا طی بررسی پروژه های تیم گوگل به سایت https://squoosh.app رسیدم که این کار را به خوبی انجام میدهد .

شما میتوانید تصاویر را آپلود کنید و سپس آنها را به فشرده ترین فرمت webp تبدیل کنید.

نحوه اتصال با ssh در vmware workstation

به صورت پیش فرض وضعیت شبکه در vmware روی nat می باشد که باید به Bridge تغییر کند.

سپس از منو edit گزینه virtual network editor را انتخاب کرده و مطابق تصویر زیر

حتما توجه کنید که گزینه type را به Bridged تغییر دهید و کارت شبکه سیستم خود را از لیست انتخاب نمایید

اجرا عملیات فقط یک بار در لاراول

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

مثلا چیزی مانند اجرای یک کلاس برای این منظور از پکیج laravel-one-time-operations استفاده میکنیم . این پکیج ساختاری را به ما میدهد که میتوانیم عملیات های مورد نظر را فقط یکبار در طول اجرای و نصب و راه اندازی پروژه فراخوانی و اجرا کنیم .