ری‌اکت نیتیو یا فلاتر
09 آوریل
اپلیکیشن

کدام گزینه مناسب‌تر است؟ ری‌اکت نیتیو یا فلاتر ؟

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

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

ری‌اکت نیتیو و فلاتر : چیزهایی که در ابتدا باید بدانید

ری‌اکت نیتیو در سال ۲۰۱۵ ظهور پیدا کرد. این فریمورک متن باز است و توسط فیسبوک پشتیبانی می‌شود. تا به حال نیز اپلیکیشن‌های مختلفی با استفاده از ری‌اکت نیتیو ساخته شده که از مهمترین آن‌ها می‌شود به اینستاگرام و اسکایپ اشاره کرد.

ممکن است شما در این مدت نامی از فلاتر نشنیده باشید، چرا که فلاتر در سال ۲۰۱۷ عرضه شد اما نسخه پایدار آن در سال ۲۰۱۸ منتشر شد. این فریمورک توسط گوگل ساخته شده و پشتیبانی آن نیز توسط گوگل انجام می‌شود. فلاتر متن باز است و به شما اجازه می‌دهد تا بتوانید اپلیکیشن‌های مبتنی بر آندروید، iOS و سیستم عامل جدید گوگل یعنی Fuchsia را توسعه دهید.

فلاتر در مقابل ری‌اکت نیتیو: تفاوت‌های اصلی

هر دوی این ابزارها در مواردی مشترک هستند:

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

حال بیایید در ارتباط با تفاوت‌های اصلی این دو مورد صحبت بکنیم:

پشتیبانی از APIهای محلی

در ارتباط با ری‌اکت نیتیو شما می‌توانید به خوبی از APIهای محلی آندروید و iOS استفاده بکنید. البته ممکن است تمام این موارد به صورت رسمی پشتیبانی نشود، اما ابزارهای مختلفی وجود دارد که این دسترسی را امکان پذیر می‌کند.

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

زبان‌ها

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

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

کارایی

زمانی که به موضوع کارایی می‌رسیم ممکن است نتایج برای‌تان تعجب آور باشد. در ری‌اکت نیتیو از آنجایی که از جاوااسکریپت استفاده می‌شود، برای رندر نهایی پروژه از یک پل برای تبدیل کردن جاوااسکریپت به کدهای نیتیو استفاده می‌شود.

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

توسعه رابط کاربری

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

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

  • طراحی متریال (آندروید)
  • Cupertino (iOS)
  • ویجت‌هایی برای متون، انیمیشن‌ها و… که می‌شود در هر پلتفرمی استفاده شود.

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

البته این رویکرد برای Cupertino چندان بالغانه عمل نکرده است و در حال حاضر نیز با مشکلات و کمبودهایی همراه است که باید حل شوند. ( البته با توجه به مقداری قدیمی بودن این مقاله تقریبا Cupertino به بلوغ خوبی رسیده است )

تستینگ

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

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

پشتیبانی و IDE

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

یکی دیگر از مزیت‌های ری‌اکت نیتیو نسبت به فلاتر، میزان پشتیبانی شدن آن توسط جامعه کاربران است. ری‌اکت نیتیو در گیت‌هاب ۶۸ هزار ستاره، ۱۷۰۰ مشارکت کننده و ۱۴۳۰۰ کامیت دارد، در حالیکه فلاتر ۳۶ هزار ستاره، ۲۳۰ مشارکت کننده و ۱۱۷۰۰ کامیت دارد.

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

البته در نظر داشته باشید که فلاتر تمام این موارد را تنها در یک سال بدست آورده که خود این موضوع بسیار مهم است.

فلاتر در مقابل ری‌اکت نیتیو: در پایان

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

ری‌اکت برای پروژه شما خوب خواهد بود اگر:

  • اپلیکیشنی با ظاهری کاملا نیتیو ایجاد کنید.
  • ابزارهای مناسبی برای تستینگ داشته باشید.

فلاتر برای پروژه شما خوب خواهد بود اگر:

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

فلاتر در حال حاضر واقعا جوان است، شاید به همین دلیل باشد که برندهای مختلفی از آن استفاده نمی‌کنند. فلاتر نیاز دارد که در مدت زمانی تست شده و بهبود یابد. بنابراین اگر شما می‌خواهید در سریع‌ترین زمان ممکن اپلیکیشن‌تان را در سال ۲۰۱۹ ایجاد کنید، ممکن است ری‌اکت نیتیو انتخابی بهتر باشد. اما اگر آینده را در دست کارایی بهتر ببینیم، مطمئنا فلاتر می‌تواند انتخابی بهتر باشد.

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

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

چگونه وبسایت‌مان را آنالیز و سریع نماییم

داشتن سرعت بارگذاری سریع و کارا برای صفحات وبسایت‌تان از همه چیز مهمتر است، این موضوع فقط برای بالا بردن رنک موتورهای جستجوگر اهمیت ندارد، بلکه برای بهتر کردن تجربه کاربری نیز موردی الزامی است. در سال ۲۰۰۶ آمازون اطلاعیه ای منتشر کرد که در آن نشان می‌داد که در هر ‍۱۰۰ میلی‌ثانیه لود سریع‌تر وبسایت، ۱ درصد بیشتر به آن‌ها سود می‌رسد. گوگل نیز اخیرا مطلبی منتشر کرد که در آن اشاره شده بود وبسایت‌ هایی که زمان لود آن‌ها کمتر از ۵ ثانیه است، کاربران ۷۰ درصد بیشتر زمان‌شان را روی بازدید از وبسایت قرار می‌دهند.

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

ابزارهایی برای آنالیز سرعت صفحه‌تان

ابزارهای رایگانی وجود دارند که سرعت وبسایت شما را آنالیز می کنند و به شما مواردی که باعث کندی صفحات‌تان می شود را می‌گویند. این سه مورد، به نظر من محبوب‌ترین ابزارهایی هستند که کار با آن‌ها نیز بسیار ساده است:

Pingdom، اگرچه نسبت به بقیه ابزارها اطلاعات کمتری را نمایش می‌دهد، اما هشدارها و مواردی که در این ابزار گفته می شود، موارد بسیار مهمی هستند و می تواند در کنار این مواردی که باعث می شود سرعت لود وبسایت بهتر شود را نیز بگوید.

GTMetrix، نیز مانند مورد قبلی است با این تفاوت که میزان اطلاعات نمایشی برای بهتر کردن سرعت وبسایت در این ابزار بیشتر است. در حالتی که فکر کنم سرعت وبسایت هنوز کند است و یا اینکه می تواند بهتر شود، بعد از Pingdom من از این ابزار استفاده می‌کنم.

Google Page Speed، به شخصه در کارهای‌م متوجه شدم که این ابزار نسبت به بقیه موارد کمی را برای بهتر وضعیت سرعت وبسایت نسبت به بقیه ارائه می کند، اما با این وجود ابزار مناسب و معروفی در این زمینه است.

به امتیازات بالا متوسل مشو!

حتی با استفاده از هر سه ابزار بسیار مهم است که دست از تلاش برای بهتر شدن بردارید صرفا به این خاطر که امتیاز شما در این سه مورد بسیار خوب بوده است. هدف و مورد اصلی برای بهینه سازی صفحه این نیست که شما وبسایت‌تان را توسط ابزارهای دیگر بررسی کنید، بلکه آن است که مشکلات اصلی را شناسایی نمایید و آن‌ها را حل کنید. این موضوع مخصوصا با ابزار Google Page Speed بسیار صادق است به این دلیل که اغلب مردم فکر می کنند اگر رتبه خوبی در این سیستم داشته باشند، مطمئنا رتبه جستجو بهتری خواهند داشت.

آنالیز صفحات وب‌تان با استفاده از Pingdom

آنالیز Pingdom

آنالیز وبسایت

برای شروع با این سرویس به سادگی وارد آن شوید، آدرس وبسایت خود را وارد کنید، نزدیک‌ترین سرور به موقعیت خود را انتخاب کنید و روی «Start test» کلیک نمایید. وقتی که یکبار آن را بررسی کنید با اطلاعاتی مانند امتیاز نهایی برگه، همراه با اینکه بارگذاری صفحه چه میزان به طول انجامید و راه‌هایی که می توانید مشکلات را حل کنید، روبرو خواهید شد.

چگونه سرعت برگه‌ها را افزایش دهیم

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

مشکل Leverage Browser Caching 

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

## EXPIRES CACHING ## ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" ## EXPIRES CACHING ##

ادغام سازی، کوچک کردن و انتقال منابع

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

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

اگر یک فایل به تنهایی بسیار سنگین شد، می توانید آن را در چند فایل مجزا از همدیگر نیز قرار دهید. هرچند بهتر است که سعی کنید همان فایل اولیه را بسیار کوچک بگذارید. یکبار که شما فایل نهایی را در دست دارید آن را کوچک کنید و ذخیره نمایید. در نهایت تمام لینک های قدیمی و منابعی که به فایل HTML داده‌اید را بروزرسانی کنید.

برای کدهای جاوااسکریپت نیز قسمت از بستن تگ‌ body از تگ script و منبع دادن به فایل اصلی استفاده کنید.

استفاده از CDN برای منابع

بارگذاری ایستا منابع از یک CDN می تواند مشکلات و مسائل بسیاری که مربوط به سرعت وبسایت شما می شوند را حل نماید. این حالت به کاربران مختلف اجازه می دهد تا بتوانند داده‌های مورد نظر خود را از سریع‌ترین دومین دریافت نمایند.

برای این کار می توانید از سرویس‌های ارائه دهنده CDN استفاده کنید،‌ اما در کنار این موضوع خود شما نیز می توانید چنین سروری را طراحی کنید. برای این کار یک ساب‌دومین ایجاد نموده و فایل های سی‌اس‌اس، جاوااسکریپت و تصاویر را در آن جا قرار دهید و بعد برای آدرس دهی به صورت csscdn.yourwebsite.com عمل کنید. در چنین حالتی برای فراخوانی فایل سی‌اس‌اس می توانید بنویسید csscdn.yourwebsite.com/styles.css . می توانید این حالت را برای دیگر فایل‌ها نیز ایجاد کنید.

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

امروزه فشرده سازی تصاویر می تواند تقریبا با از دست دادن میزان بسیار کمی از کیفیت تصویر انجام شود. تکنیک‌های فشرده سازی تصویر بسیار هستند در کنار این افزونه‌هایی نیز برای وردپرس عرضه شده است که می توانید به صورت خودکار اینکار را انجام دهید. اما اگر قصد دارید تا این کار را به صورت دستی انجام دهید می توانید از سرویس های فشرده سازی تصویر به صورت دستی استفاده کنید.Tinypng یکی از مواردی است که می توانید از آن استفاده کنید.

فشرده سازی تصویر

آنالیز وبسایت

فشرده سازی تمام فایل‌ها به صورت بسیار شگفت زده‌ای می تواند سرعت صفحات‌تان را بهبود دهد. Tinypng توانایی این را دارد تا یک فایل تصویری ۵۷ کیلوبایتی را به بدون افت کیفیت بسیار به یک فایل ۱۵ کیلوبایتی تبدیل کند. اگر وبسایتی دارید که از حجم تصاویر بسیار زیادی استفاده می کنید و می خواهید چنین حالتی را تغییر دهید می توانید آن ها را با استفاده از این سرویس فشرده کنید.

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

منبع دریافت تصاویر باکیفیت
07 آوریل
طراحی سایت

بهترین منبع‌ها برای دریافت تصاویر باکیفیت

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

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

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

NegativeSpace

NegativeSpace
منبع دریافت تصاویر باکیفیت

جدای از اینکه نام این وبسایت یکی از تکنیک های عکاسی است، اما خود وبسایت نیز مجموعه‌ای از تصاویری است که از بهترین هنرمندان جمع آوری شده است. در این وبسایت می توانید تصاویر مربوط به دسته بندی های مختلف از جمله تصاویر landscape و تصاویر مربوط به تکنولوژی را مشاهده کنید. تمام تصاویر این وبسایت با لایسنس CC۰ عرضه می شوند که بدین معناست، هیچ محدودیتی برای استفاده از آن ها ندارید.

LibreStock

LibreStockLibreStock یک موتور جستجوگر تصاویر است که نتایجی را از تقریبا ۵۰ وبسایت مختلف به شما نمایش می‌دهد. این تعدد منابع به شما اجازه می دهد تا تصاویر زیادی را براساس موضوعات مختلف مشاهده کنید. پیش‌نمایش تصاویر بزرگ هستند و پیدا کردن تصویر مناسب در این موارد ساده است. وقتی که تصویر مناسب را پیدا کردید، می‌توانید وارد منبع اصلی شده و آن را دریافت کنید. آگاه باشید که منابع مختلف لایسنس‌های مختلفی نیز خواهد داشت.

StockSnap

StockSnap

StockSnap وبسایتی است که از عکاسان سراسر دنیا تصاویری را دریافت می کند و در طول هفته بیش از ۱۰۰ مورد آن را منتشر می‌کند. این موضوع بدان معناست که شما تنوع بسیار زیادی را دریافت خواهید کرد – این تنوع تصاویر را می توانید در دسته بندی های مختلف مشاهده نمایید. جدای از آن می‌توانید استایل های متفاوت تصویر برداری را نیز در این وبسایت پیدا کنید، این موضوع به شما کمک می کند چیزی را که دقیقا می‌خواهید پیدا کنید. تمام تصاویر نیز مطابق با لایسنس CC۰ منتشر می‌شود.

Foodie Factor

Foodie Factor

برای وبسایت‌های آشپزی یا وبلاگ‌های این حوضه استفاده از تصاویر غذاهای دهان آب آور لازم است. Foodie Factor برای شما تصاویر با کیفیت و با نمای حرفه‌ای را فراهم می‌کند (آنقدر عالی هستند که می‌شود آن‌ها را در کتاب‌های آشپزی نیز آورد). موضوعات محبوب نیز در این وبسایت دسته بندی شده اند، موضوعاتی مانند نوشیدنی‌ها، صبحانه و… .

Gratisography

Gratisography

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

Picography

Picography

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

ISO Republic

ISO Republic

ISO Republic مجموعه‌ای از تصاویر است که در آن تقریبا هر موضوعی پیدا می شود، پس به راحتی می‌توانید در این سرویس برای هر نوع پروژه‌ای تصاویر مورد نظرتان را پیدا کنید. استایل کلی تصاویر مدرن و هنرمندانه است. آرشیو تصاویر آن ها را مشاهده کنید، مطمئنا مورد بدی را پیدا نخواهید کرد.

فراهم کردن تصاویر عالی

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

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

زبان‌های برنامه‌نویسی
06 آوریل
برنامه نویسی

برنامه‌نویس عالی ملزم به یادگیری چند زبان مختلف است ؟

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

یک برنامه‌نویس چند زبانه به فردی گفته می شود که توانایی نوشتن کدهای برنامه نویسی را در چند زبان مختلف دارد. برخی افراد روی اپلیکیشن‌های تحت وب با استفاده از HTML، CSS و جاوااسکریپت کار می‌کنند. مشابه با آن سرویس‌های بک اند نیز ممکن است در یک زبان خاص نوشته شوند، اما جدای از این‌ها توسعه دهنده نیاز دارد تا SQL نیز بداند و یا حتی برای کانفیگ کردن فایل‌ها YAML بلد باشد.

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

فواید یک برنامه‌نویس چندزبانه بودن

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

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

چالش‌ها

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

  • عدم تخصص : در کتاب «JavaScript: The Good Parts» به نویسندگی Douglas Crockford به بخش‌های خوب و بد جاوااسکریپت اشاره شده است. مشابه این قضیه، در زبان‌های برنامه‌نویسی دیگر، بخش‌هایی وجود دارد که نیاز هست شما با آن‌ها با احتیاط مقابله کنید. اگر شما فردی باشید که به صورت مدام زبان‌های برنامه‌نویسی مورد نظرتان را تغییر می‌دهید، مطمئن باشید که در آینده با مشکلاتی مانند کارایی و امنیت برخورد می‌کنید.
  • نگه‌داری تبدیل به یک کابوس می‌شود : داشتن زبان‌های برنامه‌نویسی مختلف در دستتان باعث می‌شود که نگه‌داری کردن آن چه در بخش توسعه و چه در بخش عملیات‌ها برای‌تان تبدیل به یک کابوس شود. این موضوع شما را به جایی می‌کشاند که در آن‌جا خبری از کارایی و سرعت نیست.
  • خستگی توسعه‌دهنده : یادگیری مداوم و تغییر مسیر به سوی یک زبان برنامه‌نویسی و یا تکنولوژی جدید ممکن است توسعه‌دهنده را از پای دربیاورد. این موضوعی است که امروز در دنیای تکنولوژی به یک مشکل تبدیل شده که توسعه‌دهندگان در آن احساس خستگی بیش از اندازه و فشار زیاد می‌کنند. این حالت نه تنها روی کارایی آن‌ها به عنوان توسعه‌دهنده تاثیر می‌گذارد بلکه سلامتی‌ آن‌ها را نیز به خطر می‌اندازد.

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

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

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

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

چگونه به یک توسعه‌دهنده بهتر تبدیل شویم ؟

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

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

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

درک مشکلات

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

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

وردپرس
18 مارس
وردپرس

وردپرس دقیقا چیست ؟

بدون شک شما مقالات زیادی در مورد وردپرس دیده اید. انواع پلاگین، تم ، یا اموزش در مورد چگونگی اجرای هر چیزی در مورد سیستم مدیریت محتوا  (CMS)وجود دارد. که همگی خوب هستند. هرچند گاهی اوقات به نظر می رسد ، اینکه چه کسانی قبل از اینکه همه چیز را در مورد وردپرس بدانند ، نباید از ان  استفاده کنند ، فراموش می شود.

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

وردپرس دقیقا چیست؟

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

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

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

انواع  متفاوت

دو نوع متفاوت از وب سایت های وردپرس وجود دارد:

۱- خود میزبان : اغلب به عنوان .org نامیده می شوند. این ورژن قابل دانلود وردپرس است و تمرکز اصلی ما روی این نوع است. این نوع نیازمند این است که شما فضایی روی وب سرور داشته باشید ( و برای ساخت پایگاه داده دسترسی داشته باشید) خبر خوب اینکه روی هر شرکت میزبان وبی که وجود دارد می توانید یک وب سایت وردپرس را اجرا کنید.

۲-wordpress.com : تمام وب سایت هایی که از طریق wordpress.com ساخته شده اند توسط  wordpress میزبانی می شوند.

طریقه نصب وردپرس

نوع خود میزبان وردپرس به “نصب ۵ دقیقه ای ” مشهور است. (این لینک دستور العمل نصب مرحله به مرحله کامل را دارد) برای نصب وردپرس به این روش شما به موارد زیر نیاز دارید:

  • یک نسخه جدید از وردپرس که باید ان را داخل یک پوشه دلخواه در کامپیوترتان از حالت فشرده خارج کنید
  • یک پایگاه داده MySQL (شما باید قادر به ساخت یک پایگاه داده از طریق کنترل پنل هاست خود باشید)
  • یک ویرایشگر متن برای به روز رسانی فایل  wp-config.php با جزئیات اتصال پایگاه داده تان
  • یک کلاینت FTP  (file zilla  خوبه)

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

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

شما می توانید به وردپرسی که نصب کردید از طریق URL ادمین سایت تان لاگسن کنید: http://www.yoursite.com/wp-admin/

داشبورد وردپرس

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

تم ها

وردپرس چند نسخه تم پیش فرض دارد اما مجبور نیستید از انها استفاده کنید. در وردپرس ، به Appearance > Themes در داشبورد وردپرس بروید و روی Add New button برای دیدن تم های رایگان بیشتر کلیک کنید. تم های رایگانی برای ساختن فروشگاه انلاین ، پرتفوهای خلاقانه ، سایت های تجاری کوچک و غیره وجود دارد. البته تم های تجاری بسیاری در جاهای دیگر وب نیز وجود دارد.

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

پلاگین ها

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

برای شروع از داشبورد وردپرس Plugins > Add New برای دیدن پلاین های موجود چک کنید. فقط یادتان باشد که هرپلاگینی که وجود دارد یک پلاگین با کیفیت بالا نیست. دنبال پلاگین های بگردید که رتبه خوبی دارند زیاد استفاده می شوند.  Plugin Directory تعداد دفعات استفاده  و نظرات کاربران را نشان می دهد.

صفحات و پست ها

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

صفحات: عموما محتوای استاتیک هستند . مثل صفحه “درباره ما” روی یک وب سایت. این صفحه ممکن است متنی درباره صاحبان وب سایت و چند عکس داشته باشد.

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

سایر ویژگی ها

دنیای وردپرس بسیار گسترده است . هیچ راهی برای پوشش همه ی چیزهایی که ارائه می شود وجود ندارد. (ایا تا به حال قوانین و مستندات وردپرس را مطالعه کرده اید.) چند ویژگی دیگر که مکن است بخواهید در موردشان بدانید در ادامه  امده است:

  • می توانید با استفاده از Visual Editor محتوا را اضافه یا ویرایش کنید.
  • Media Library به شما اجازه اپلود و دتسرسی ب فایل های چند رسانه ای را می دهد. همچنین می توانید مستقیما مدیا را به صفحه یا پتی اضافه کنید.
  • ناوبری سایت از طریق  Navigation Menus کنترل می شود.
  • WordPress Widgets روشی برای افزودن اطلاعات مفید به وب سایت تان است.
  •  Mobile Apps اندورید و IOS به شما اجازه به روز رسانی سایت تان را می دهند.
  • JetPack یک پلاگین رایگان که ویژگی های برای امنیت ، افزودن قابلیت ها و غیره دارد.

جستجو را ادامه دهید

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

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

آموزش رایگان فارسی سازی قالب وردپرس
16 مارس
افزونه, وردپرس

آموزش رایگان فارسی سازی قالب وردپرس

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

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

 

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

 

آموزش رایگان فارسی سازی قالب وردپرس

افزونه‌ای که قصد معرفی اونو دارم با نام Loco Translate در مخزن وردپرس به ثبت رسیده و تاحالا تونسته تا بیشتر از ۵۰۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۹ را ازآن خودش بکنه که با استفاده از این افزونه میتونید برای سایت وردپرسی خودتون ترجمه‌های مختلفی را برای هر بخشفراهم کنید و به ترجمه افزونه و ترجمه قالب وردپرس بپردازید. برای استفاده از این افزونه کافیه تا ابتدا روی دکمه زیر کلیک کنید و پس از هدایت به صفحه افزونه در مخزن وردپرس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی این افزونه در سایت وردپرسی خودتون بکنید.

 دانلود افزونه Loco Translate

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

آموزش رایگان فارسی سازی

 

حالا همانطور که در تصویر میبینید بسته به نیازی که دارید برای ترجمه قالب، افزونه و هسته وردپرس به ترتیب می‎توانید به منوهای Themes, Plugins و WordPress مراجعه کرده و هر یک از قالب و افزونه‌های فعال و یا حتی غیرفعال که در سایت خودتون دارید را ترجمه و فارسی سازی کنید.

آموزش فارسی سازی قالب وردپرس

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

آموزش رایگان فارسی سازی

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

با کلیک روی دکمه info هم میتونید تا سایر اطلاعات مربوط به فایل ترجمه را مشاهده کنید.

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

 

رایگان فارسی سازی قالب

حالا برای ترجمه قالب وردپرس روی دکمه Edit کلیک کنید تا وارد صفحه ویرایش فایل ترجمه قالب بشید و سپس مشابه تصویر زیر برای ترجمه هر کدوم از کلمات کافیه تا ابتدا از بخش Translation خط مورد نظرتون را انتخاب کنید تا در کادر source text به شما نشون داده بشه و سپس همونطور که در تصویر میبینید در کادر Persian translation معادل همون عبارت را به صورت فارسی شده وارد کنید.

آموزش رایگان فارسی سازی قالب وردپرس

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

 

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

برای فارسی سازی افزونه وردپرس هم کافیه تا درست مشابه فارسی کردن قالب وردپرس عمل کنید. برای این کار به منوی Plugins مراجعه کنید تا مشابه مرحله قبل لیستی از افزونه‎های موجود در وردپرس را ببینید، حالا هریک از افزونه‌هایی را که قصد دارید ویرایش کرده و یا فایل ترجمه برای آن ایجاد نمایید را انتخاب کرده و وارد مرحله انجام تغییرات شوید. به عنوان مثال در نمونه زیر افزونه wp-parsidate را میبینید که اونو برای ترجمه انتخاب کردم.

آموزش رایگان فارسی سازی قالب وردپرس

حالا همونطور که در تصویر میبینید در قسمت بالای تصویر که با عنوان translation مشخص شده لیستی از تمامی رشته‌های موجود در افزونه به همراه ترجمه نمایش داده خواهد شد که با کلیک روی هر رشته قادرید تا در بخش source text نسخه انگلیسی رشته را مشاهده کرده و ترجمه دلخواه خود را برای رشته مورد نظر در بخش persian translate وارد کرده و یا آن را ویرایش کنید.

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

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

 

آموزش فارسی سازی هسته وردپرس

برای فارسی سازی و ترجمه هسته وردپرس که میتونه شامل تغییر نام گزینه‎ها، منوها و سایر بخش‌های پیشخوان وردپرس باشه هم کافیه تا به منوی WordPress مراجعه کرده و مشابه تصویر زیر بسته نسخه‌ی زبان وردپرس را که از اون استفاده می‎کنید را انتخاب کرده و سپس مشابه ویرایش قالب و افزونه بعد از اینکه وارد صفحه Edit در اونها شدید اقدام به ترجمه و فارسی سازی وردپرس کرده و از کلمات دلخواه خودتون در هسته وردپرس استفاده کنید.

فارسی سازی قالب وردپرس

ساخت فایل ترجمه برای قالب وردپرس و افزونه وردپرس

در صورتی که کاربر خوش شانسی نباشید ممکنه تا قالب یا افزونه‌ای که ازش استفاده می‌کنید اصلا دارای فایل زبان فارسی نباشه، پس در این صورت لازمه تا خودتون اقدام به ساخت فایل ترجمه برای قالب مورد نظر بکنید.

بنابراین برای اینکه اقدام به ساخت فایل زبان در قالب وردپرس و یا افزونه وردپرس بکنید کافیه تا مشابه تصویر زیر بر روی دکمه New Language کلیک کنید.

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

آموزش رایگان فارسی سازی قالب وردپرس

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

آموزش رایگان فارسی سازی قالب وردپرس

با انتخاب گزینه custom language میتونید زبانی که در حال حاضر وردپرس از اون پشتیبانی نمیکنه و یا در لیست زبان دلخواه شما وجود نداره را وارد کرده و پس از تعیین نوع ساختار نویسنده فایل ترجمه و مسیر آن بر روی دکمه start translating وارد صفحهترجمه وردپرس شوید. این بخش نیز مشابه ویرایش فایل زبان هستش که در بخش فارسی سازی با نحوه ایجاد تغییر در اون در داخل بخش‌های فارسی سازی قالب و افزونه وردپرس آشنا شدید که در اینجا صرفا به ذکر یک تصویر از محیطساخت فایل‌های ترجمه اکتفا می‌کنم.

آموزش رایگان فارسی سازی قالب وردپرس

 

تهیه شده از سایت :  https://mizbanfa.net/blog

افزونه های وردپرس
14 مارس
وردپرس

۵ نوع از افزونه های وردپرس که هر وبسایتی به آن‌ها نیازمند است

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

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

پشتیبان گیری از داده‌ها

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

پشتیبان گیری از داده‌ها

Backup Buddy – این افزونه یک افزونه تجاری و حرفه‌ای است. هزینه‌ی این افزونه به صورت سالانه ۸۰ دلار است و قابلیت استفاده در دو وبسایت جداگانه را دارد. با وجود داشتن امکاناتی چون پشتیبان گیری زمان بندی شده و ارسال فایل های پشتیبانی به سرویس های ذخیره ابری معروف، هزینه آن نباید آنقدر اهمیت داشته باشد. در این افزونه دو حالت کلی پشتیبان گیری وجود دارد که یکی پشتیبان گیری از بانک اطلاعاتی است (بدین منظور تمام پست‌ها، برگه‌ها، کامنت‌ها، تنظیمات و… نگه داری می‌شوند) و دیگر پشتیبان گیری از کل وبسایت (جدای از موارد بالا از پوسته‌ها، افزونه‌ها و … نیز پشتیبان تهیه می‌کند).

جایگزین‌ها: BackUpWordPress و VaultPress

امن نگه‌ داشتن وبسایت

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

امن نگه‌ داشتن وبسایت

Wordfence Security – این افزونه هم دارای نسخه رایگان است و هم نسخه تجاری. هدف اصلی این افزونه این است که به یک جعبه کار همه کاره در زمینه امنیت تبدیل شود. جدای از آنکه این افزونه سعی می کند Malware های داخل وبسایت را اسکن کند، دارای یک لایه امنیتی برای محافظت از وبسایت در برابر حملات brute-force است و همچنین دیواره آتش یا همان Firewall را نیز در خود دارد. یکی از ویژگی های بسیار جالبی که من در نسخه تجاری این افزونه یافتم قابلیت بلاک کردن و جلوگیری کردن از ورود کاربران یک کشور خاص است. درست است که این قابلیت همیشه بدرد نمی‌خورد اما برای وبسایت هایی که در یک زمینه خاص کار می‌کنند و گروه های کاربری منحصر به فرد خود را دارند موضوع بسیار مهمی است. چنین قابلیتی تا حد بسیار زیادی از ورود بات‌ها نیز به وبسایت جلوگیری می‌کند. در هر حال نسخه رایگان افزونه برای وبسایت های بسیار زیادی ویژگی های کاملی را ارائه می دهند.

جایگزین: iThemes Security (formerly Better WP Security) و Login LockDown

قرار دادن قابلیت ارتباط در وبسایت

یکی از نیازهای پایه‌ای هر وبسایتی قرار دادن فرم تماس و یا فرم های دیگر در وبسایت است. این موضوع بسیار عمومی و فراگیر شده اما با این وجود اهمیت خود را از دست نداده است. با وجود آنکه تعداد افزونه هایی که چنین کاری را انجام می‌دهند بسیار زیاد هستند اما شما تنها به یک مورد از آن‌ها نیاز دارید که کار با آن آسان باشد و همزمان ویژگی های خوبی نیز در خود داشته باشد.

قرار دادن قابلیت ارتباط در وبسایت

Gravity Forms – این افزونه یکی از پرفروش ترین افزونه های تجاری وردپرس در این زمینه است. در این افزونه همه کارها به سادگی انجام می شوند و هر فردی به راحتی می تواند مطابق با نیازش فرم‌های‌ش را بسازد. اما این افزونه چیزهای بسیار بیشتری نیز هست. اگر نگاه کامل‌تر و دقیق‌تری به افزونه بکنید متوجه می شوید که با آن می‌توانید مطابق با کنش های کاربر ورودی‌هایی را قرار داده و یا مخفی کنید، از درگاه اینترنتی پی‌پال بهره ببرید، به صورت خودکار کاربران را در لیست MailChimp وبسایت به اشتراک درآورید و … . این افزونه با هزینه ۳۹ دلار در اختیار شما قرار می‌گیرد اما جدای از آن افزونه های بسیار زیادی دارد که می‌توانید از آن‌ها نیز استفاده کنید. این افزونه همچنین از قابلیت top-notch نیز بهره می‌برد.

جایگزین: Contact Form ۷ و Fast Secure Contact Form

اجتماعی شوید

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

شبکه های اجتماعی

Share Buttons by AddToAny – برای سال‌های متمادی این افزونه یکی از موارد انتخابی من در بین افزونه های به اشتراک گذاری بوده است. چرا؟ خب در ابتدا باید بگویم که این افزونه قابلیت شخصی سازی بسیار بالایی دارد و به سادگی با آن می‌توانید شبکه های اجتماعی مورد نظر خود را بیابید. در حقیقت در این افزونه بیش از ۱۰۰ شبکه اجتماعی و سرویس وجود دارد که می توانید از آن ها در وبسایت خود استفاده نمایید. شما می توانید به صورت مخصوص تنها تعدادی از این شبکه ها را نشان دهید، بعد از آن این افزونه شبکه های دیگر را از طریق یک دکمه «+» در اختیار کاربران قرار می دهد. یکی از ویژگی های خوب افزونه قابلیت قرار دادن آیکون ها در جاهای مختلف وبسایت است.

جایگزین: Share Buttons by AddToAny و Shareaholic

پیدا شوید

در حالی که شبکه های اجتماعی اهمیت خود را دارند اما مسئله بهینه سازی موتورهای جستجوگر یا SEO یکی دیگر از موارد حیاتی برای آوردن کاربران به وبسایت است. درست‌ترین قدم در ابتدا داشتن محتوای درست و خوب است. البته باید بگویم که خوشبختانه برای وردپرس تعدادی افزونه در نظر گرفته شده که انجام کار بهینه سازی را ساده‌تر از پیش می کند و این مسئله بسیار مهمی است.

بهینه سازی

WordPress SEO – آیا واقعا انتخابی بهتر و درست‌تر از افزونه Yoast پیدا می‌کنید؟ این افزونه یکی از استاندارد‌ترین افزونه ها برای بهینه سازی وبسایت وردپرسی‌تان است. شما با استفاده از این افزونه می توانید برگه ها و پست ها را به صورت تک به تک بهینه سازی کنید. یکی از ویژگی های خوب این افزونه پشتیبانی آن از post type ها و دسته بندی‌ها است. از ویژگی های دیگر بسیار خوب این افزونه می توان به ساخت نقشه سایت، تنظیمات مربوط به شبکه های اجتماعی و موارد دیگری اشاره کرد. یکی از ویژگی های بسیار جالب این افزونه امتیاز دادن به پست ها و برگه هایی است که شما روی آن سئو انجام داده‌اید. اینگونه متوجه می شوید که آیا به اندازه کافی روی آن کار کرده اید یا خیر.

جایگزین: All in One SEO Pack و SEO Ultimate

در پایان

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

سرعت وبسایت وردپرسی
12 مارس
وردپرس

چگونه سرعت وبسایت وردپرسی را زیاد کنیم

بالا بودن سرعت یک وبسایت برای موفقیت در تجارت‌تان بسیار موضوع مهمی است. یکی از موضوعاتی که تجربه کاربری و بهینه سازی موتورهای جستجوگر روی آن متکی هستند میزان زمان بارگذاری وبسایت است.

یک تحقیق نشان داده که هر ثانیه برای تاخیر در لود وبسایت ۷ درصد از نرخ تعاملات وبسایت را کاهش می‌دهد. فکر می‌کنید هفت ثانیه تاخیر باعث چه می‌شود؟ در چنین حالتی تقریبا نیمی از تعاملات از بین می‌روند. این موضوع می تواند برای هر وبسایتی بسیار خطرناک  و سدی در برابر رسیدن به مقاصد یک تجارت باشد.

PAGESPEED INSIGHTS

زمان بارگذاری وبسایت می تواند از موارد بسیار نشئت بگیرد. درست به این دلیل است که ابزار PageSpeed Insight گوگل یکی از بهترین منابع برای حل کردن مشکلات مربوط به سرعت وبسایت و بالا بردن آن است. برای استفاده کردن از این ابزار می‌توانید مراحل زیر را دنبال کنید.

  1. برای وارد شدن به وبسایت روی این لینک کلیک کنید.
  2. بعد از آن شما با صفحه‌ای روبرو می شوید که در آنجا به شما می‌گوید باید آدرس مقصدی که می‌خواهید بررسی شود را نوشته و در نهایت روی دکمه‌ Analyze کلیک کنید. برای این قسمت من آدرس https://agret.ir را وارد می‌کنم.
  3. وقتی که آنالیز و لود وبسایت به پایان رسید، سرویس به شما یکسری گزارش ها را تحویل می دهد. در این گزارش به شما می‌گوید که چه چیزهایی در وبسایت درست است و چه چیزهایی باید تغییر کند. با در نظرگرفتن این گزارش شما می‌توانید وبسایت خود را بهتر از نظر سرعت، بهتر از آنچه که هست، در بیاورید.

حذف کردن فایل‌های جاوا‌اسکریپت و سی‌اس‌اس در محتوا

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

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

کشینگ مرورگر

افزونه‌های زیادی برای کشینگ مرورگر در وردپرس وجود دارد که می‌توانید از آن‌ها استفاده کنید. از معروف ترین آن‌ها می‌توان به WP Fastest Cache، Wp Super Cache، Wp-Rocket  و W۳ Total Cache اشاره کرد. کشینگ کمک می کند تا یک وبسایت روی مرورگر کاربر ذخیره شود و زمان بارگذاری چهارچوب وبسایت بسیار سریع‌تر شود.

بهینه‌سازی تصاویر

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

وقتی در وبسایت تان قصد دارید تصاویری را بارگذاری کنید پیشنهاد می‌کنم قبل از آن از ابزارهایی مانند فوتوشاپ و اسکچ استفاده کنید، با استفاده از آن‌ها می توانید تصاویر را برای وب ذخیره نمایید. در حالت‌هایی نیز که شما نمی‌توانید به این ابزارهای گرافیکی دسترسی داشته باشید می توانید از ابزار ImageOptim استفاده کنید. در کنار این موارد افزونه WP Smush نیز وجود دارد که با آن می‌توانید فرایند بهینه سازی را خودکاری سازی کنید. افزونه Lazyload نیز به شما کمک می‌کند تا سرعت وبسایت را از طریق بارگذاری تصاویر لازم بهینه سازی کنید. البته تمام وبسایت ها برای بهینه سازی از چنین تکنیکی استفاده نمی‌کنند، فاکتورهای دیگری نیز وجود دارد که از طریق آن‌ها می شود وبسایتی بهینه داشت، یکی از آن فاکتورها داشتن CDN و پکیج هاستینگ است.

هاست وبسایت و پکیج هاستینگ

مطمئنا تا به حال نام هاست اشتراکی را شنیده‌اید، در این هاست‌ها یکسری ویژگی‌ها به شما گفته می شود که با در نظر گرفتن آن‌ها ممکن است فکر کنید که بسیار مورد عالی است، اما واقعیت آن است که استفاده از این هاست، روی سرعت بارگذاری وبسایت تاثیر بسیار مخربی خواهد گذاشت. در یک تحقیق نشان داده که هاست های اشتراکی حداکثر نیاز به هفت ثانیه برای لود یک وبسایت دارند اما در هاست‌هایی که روی شبکه منحصر به فرد و خصوصی قرار دارند این مدت زمان به یک ثانیه تقلیل می یابد. این دو مورد در نرخ تعاملات وبسایت واقعا تاثیر زیادی خواهند داشت.

استفاده از CDN

اگر وبسایتی که مشغول کار روی آن هستید ترافیک بالایی دارد و یا اینکه میزان ترافیک آن در حال افزایش است می توانید از یک شبکه تحویل محتوا یا CDN استفاده کنید. یک نمونه از این شبکه‌ها Amazon CloudFront است. یک شبکه تحویل محتوا، رکوردهای ایستا یک وبسایت را دریافت می کند و آن را در بین سرورهای مختلف توزیع می‌کند. بعد از آن کاربران براساس مجاورت مکانی با یک سرور، برای مشاهده وبسایت به آن وصل می شوند.

در پایان

بسیار مهم است که سرعت وبسایت را در بازه های زمانی مختلف بررسی کنید. درست مانند حالتی که با امنیت وبسایت برخورد می کنید باید با سرعت وبسایت نیز تعامل برقرار نمایید.

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

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

انتقال HTTP به HTTPS یا SSL

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

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

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

SSL علیه HTTPS

SSL، مخفف Secure Sockets Layer، تکنولوژی استاندارد امنیتی برای ایجاد یک ارتباط رمزنگاری شده میان سرور و مرورگر است. این ارتباط، تضمین می کند که تمام داده های منتقل شده بین سرور و مرورگر، در مقابل شنود و دستکاری امن و صحیح باشند. گرچه، HTTPS به مرورگر دستور می دهد که یک لایه رمزنگاری SSL را برای محافظت از ترافیک داده ها اضافه کند.

به طور خلاصه، SSL استاندارد نحوه رمزنگاری ارتباطات توسط HTTPS است.

نحوه کار SSL

به طور معمول یک گواهی SSL نام دامنه، نام شرکت، آدرس، شهر، ایالت و کشور شما، و همچنین تاریخ انقضای گواهی و جزئیاتی درباره گواهی مسئول تصویب را شامل می شود.

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

تفاوت میان HTTP و HTTPS

شاخص های زیادی هستند که این دو را از هم متفاوت می کنند. از نظر من، سه مورد زیر تفاوت های اصلی بین HTTP و HTTPS هستند.

  1. طرح URL: URL های HTTPS با https:// شروع می شوند و به طور پیشفرض از پورت ۴۴۳ استفاده می کنند، در حالیکه URL های HTTP با http:// شروع می شوند و به طور پیشفرض از پورت ۸۰ استفاده می کنند.
  2. امنیت: HTTP نا امن، و هدف حملات شنودی است، که به هکر ها اجازه می دهد به اطلاعات حساسی از یک وبسایت دسترسی داشته باشند، در حالی که HTTPS برای مقابله با امنیت در مقابل چنین حملاتی طراحی شده است.
  3. لایه های شبکه: HTTP بر روی بالاترین لایه مدل TCP/IP فعالیت می کند، که لایه Application (برنامه) است.
    پروتوکل امنیتی SSL به عنوان لایه ای پایین تر از همان مدل TCP/IP عمل می کند، اما پیام های HTTP را در حین انتقال رمزنگاری می کند، و هنگام رسیدن رمزگشایی می کند. از این رو، HTTPS یک ابزار جدا نیست، بلکه به معنای استفاده از HTTP معمولی بر روی یک ارتباط SSL رمز نگاری شده است.

چرا از HTTPS استفاده کنیم ؟

HTTPS ، به طور خاصی میان شبکه های رمزنگاری شده، (مانند Wi-Fi) و از آنجایی که هر کسی بر روی شبکه می تواند اطلاعات حساسی را بیرون بکشد، مهم است.

چند بار پیش آمده است که به یک وبسایت بر روی یک شبکه باز وصل شوید و تبلیغات غیر منتظره ببینید؟

وقتی که محتویات وبسایت را از طریق HTTPS و به طور امن راه اندازی می کنید، تضمین می کنید که هیچ کسی آن محتویات، و این که چگونه به کاربر رسانده می شود را دستکاری کند. اگر درباره کسب و کار آنلاین حساس هستید، به SSL نیاز دارید. این بهترین راه برای حفاظت اطلاعات کاربر و جلوگیری از دزدی هویت است.

بسیاری از مشتریان از همکاری با وبسایتی که گواهی SSL ندارد خود داری می کنند. نمایش SSL Site Seal شما به کاربران می گوید که می توانند با دانستن این که محافظت شده هستند، با اطمینان از وبسایت استفاده کرده یا خرید کنند.

انتقال وورد پرس از HTTP به HTTPS

پس از این که وورد پرس را برای وبلاگ خود نصب کردید، باید SSL را راه اندازی کنید. برای HTTPS کردن یک وبسایت، ابتدا یک گواهی SSL برای دامنه خود بگیرید، آن را بر روی سرور نصب کنید و لینک آن را از HTTP به HTTPS تغییر دهید.

بسیاری از وبسایت های وورد پرس بر روی سرور های اشتراک گذاری شده، و داشتن cPanel به عنوان پنل کنترل قرار دارند. از این رو، یک سرور اشتراک گذاری شده در این آموزش استفاده خواهد شد. اگر وبسایت شما بر روی یک سرور اختصاصی یا VPS قرار دارد، همچنان می توانید از این آموزش استفاده کنید، اما روند کار آن به سرور شما بستگی دارد.

برای پیشروی با این آموزش، مطمئن شوید سرور شما SSL یا TLS را فعال سازی کرده است. در غیر این صورت، با هاست خود تماس گرفته و از آنها درخواست کنید که آن را فعال کنند. ممکن است برای این کار از شما پولی دریافت کنند.

برای بررسی فعال بودن یا نبودن آن، به cPanel خود وارد شوید. باید زیر ویجت امنیت (Security)، گزینه ای به نام SSL/TLS manager ببینید.

دریافت گواهی SSL

این ها انواع مختلف گواهی SSL هستند. اساسا به این سه گروه دسته بندی می شوند: اعتبار سنجی دامنه، (Domain Validation) اعتبار سنجی سازمان (Organization Validation) و اعتبار سنجی گسترده. (Extended Validation)

. اعتبار سنجی در سطح دامنه اساسی ترین نوع SSL و عموما ارزان ترین آنها است.
این گواهی ها رمزنگاری اساسی فراهم می کنند، سریعا می توانند صادر شوند و تنها با یک چک می توانید آنها را صاحب شوید.

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

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

بسیاری شرکت ها وجود دارند که گواهی های SSL را به صورت آنلاین می فروشند، مانند SSLs.com، Media Temple،GoDaddy، Comodo و Namecheap.

چگونه یک گواهی SSL را فعال سازی کنیم؟

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

اولین قدم در فعال سازی گواهی SSL دریافت CSR code از شرکت ارائه دهنده هاست شماست. برای دریافت CSR code از یک حساب سرور شراکتی SSL، این مراحل را دنبال کنید:

۱. به پنل cPanel حساب خود وارد شوید و به بخش SSL/TLS Manager بروید.

SSL/TLS manager

۲. بر روی لینک زیر Certificate Signing Request (CSR) کلیک کنید.

CSR

۳. فرم مربوط به دامنه ای که می خواهید SSL را بر روی آن قرار دهید را پر کنید، و بر روی Generate کلیک کنید.

فرم SSL

۴. CSR کد گذاری شده دامنه شما باید ساخته شده و به شما نشان داده شود.

CSR

۵. به ارائه دهنده SSL بروید و فعال سازی SSL را شروع کنید. CSR code که در بالا گرفتید را در بخش CSR وارد کنید، سروری که هاست شما بر روی آن اجرا می شود را انتخاب کنید و بر روی دکمه Next کلیک کنید.

ارائه دهنده SSL

۶. حال از شما خواسته می شود که اطلاعات CSR خود را وارد کنید، و یک ایمیل تاییدیه وارد کنید.

اطلاعات CSR

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

اطلاعات ارتباطی

در پایان اعتبار سنجی، SSL شما تصویب شده، و به ایمیل شما ارسال می شود. یک آدرس IP اختصاصی برای دسترسی به cPanel شما مورد نیاز است. اگر از پس مخارج یک سرور اختصاصی بر نمی آیید، اکثر هاست های cPanel از Server Name Indication (SNI) پشتیبانی می کنند. (بخشی از پروتوکل TLS که به سرور اجازه می دهد به یک آدرس IP چند گواهی بدهد، و در نتیجه چند وبسایت HTTPS داشته باشد.)

از آنجایی که سرور اشتراکی که من برای WordPress خود استفاده می کنم از SNI پشتیبانی می کند، تصمیم گرفتم به جای خرید یک IP اختصاصی از آن استفاده کنم.

برای نصب گواهی SSL، این مراحل را دنبال کنید:

۱. در بخش SSL/TLS Manager در cPanel، بر روی لینک زیر Certificates (CRT) کلیک کنید.

Certificates

۲. گواهی خود را به همراه فایل دارای پسوند .crt در بخش ارائه شده وارد کنید.

گواهی

۳. بر روی لینک زیر Install and Manage SSL for your site (HTTPS) کلیک کنید.

Install and Manage

۴. از منوی کشویی دامنه را انتخاب کنید، بر روی Autofill by Domain و در نهایت بر روی دکمه Install Certificate کلیک کنید.

Install Certificate

پیکربندی وورد پرس برای SSL/HTTPS:

لینک های موجود در وورد پرس (مانند عکس های پیوند داده شده، تم های CSS و فایل های جاوا اسکریپت) به URL نصب مربوط هستند.

برای تغییر HTTP به HTTPS، URL نصب باید از http:// به https:// تغییر یابد.

. به پنل وورد پرس خود وارد شوید و به بخش Setting و سپسGeneral  بروید.

. مطمئن شوید که آدرس (URL) وورد پرس و وبسایت https هستند. اگر نیستند، بعد از http یک s اضافه کنید و آن را ذخیره کنید.

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

برای فعال سازی مدیریت وورد پرس بر روی SSL، باید کانستنت FORCE_SSL_ADMIN را در فایل wp-config.php وبسایتتان true قرار دهید، تا تمام login ها و session ها بر روی SSL اجرا شوند.

define('FORCE_SSL_ADMIN', true);

اگر وبسایت WordPress شما از یک CDN برای کامپوننت هایش (عکس ها، جاوا اسکریپت و CSS) استفاده می کند، مطمئن شوید که تمام URL ها https هستند، در غیر این صورت وبسایت شما به نظر مرورگر ها غیر امن می آید.

قدم بعدی چیست؟

حال که با موفقیت وورد پرس را به HTTPS انتقال داده ایم، هنوز دو کار دیگر داریم، اول این که یک ۳۰۱ permanent redirect اجرا کنیم و گوگل را از تغییر URL آگاه کنیم.

برای انجام این کار، این کد را به بالای کد فایل .htaccess وورد پرس خود اضافه کنید:

RewriteEngine on

RewriteCond %{HTTP_HOST} ^yoursite.com [NC,OR]

RewriteCond %{HTTP_HOST} ^www.yoursite.com [NC]

RewriteRule ^(.*)$ https://www.yoursite.com/$1 [L,R=301,NC]

تمام بخش هایی که به شکل yoursite.com هستند را با URL وورد پرس خود تعویض کنید.

برای مطلع کردن گوگل از تغییر URL، سایت وورد پرس خود را دوباره (اینبار با https://) به Google webmaster tool اضافه کنید.

همچنین می توانید وضعیت وبسایت SSL خود را با استفاده از Qualys SSL Labs بررسی کنید.

خلاصه

با انجام این مراحل، باید اطلاعات جامعی در زمینه HTTPS، SSL و دلایلی که باید سایت وورد پرس خود را به SSL/HTTPS منتقل کنید، داشته باشید.

07 مارس
برنامه نویسی

۶ فریم‌وورک CSS معروف برای استفاده در سال ۲۰۱۹

ساخت یک کد CSS باثبات، مختصر و موثر می‌تواند کار زیادی باشد. چیزهای زیادی مانند responsive بودن، قابلیت دسترسی و ساختار وجود دارند که باید در نظر بگیرید. فریم‌وورک‌های CSS دقیقا به همین علت وجود دارند؛ این که بار را از روی دوش شما بردارند. بیایید نگاهی به برترین فریم‌وورک‌های CSS در سال ۲۰۱۹ داشته باشیم.

جدول محتوا:ویرایش گر پیشرفته

  • Bulma
  • Tailwind CSS
  • Bootstrap ۴
  • Semantic UI
  • Foundation
  • Materialize CSS

Bulma

یکی از منافع Bulma، این است که CSS خالص بوده، و هیچ JavaScriptای در خود ندارد. این یعنی شما فقط باید یک فایل .css را در پروژه خود شامل کنید، تا شروع به کار کنید؛ شما به هیچ‌گونه فایل .js نیاز ندارید.

Bulma

در اینجا برخی از ویژگی‌های آن را مشاهده می‌نمایید:

  • بر پایه Flexbox
  • با استفاده از Sass ساخته شده است؛ پس فقط چیزی که نیاز دارید را به کار بگیرید
  • کاملا responsive و در درجه اول برای موبایل

Flexbox برای ساخت طرح‌های بر پایه شبکه، یک بهبود شگفت‌انگیز در استفاده از floatها است. با توجه به این مسئله، با این که Bootstrap معروف‌تر است، اما کمی طول کشید تا Flexbox را با نسخه ۴.۰ خود تطبیق دهد. این مسئله به Bulma کمک کرد تا وقتی Bootstrap ۴.۰ همچنان در دست اقدام بود، مقداری معروفیت به دست بیاورد.

Tailwind CSS

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

با داشتن چند کلاس کاربردی، شما می‌توانید فایل‌های markup‌ خود را به سرعت بسازید:

<button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded">

  Button

</button>

با این که این کد ممکن است در نگاه برخی زشت به نظر برسد، اما به جای این که مجبور باشیم یک کلاس جدید را فقط برای این دکمه بسازیم و آن را با چند ویژگی CSS استایل‌‌بندی کنیم، خوب است که چند کلاس را به صورت آماده داشته باشیم.

با در نظر گرفتن این که انتخاب وبسایت‌های Bootstrap با توجه به این که معمولا ظاهر بسیار مشابهی دارند، ساده است، این یک رویکرد جالب می‌باشد. در Tailwind، احتمال این که دو وبسایت ظاهر بسیار مشابهی داشته باشند، بسیار کم است.

سفارشی‌سازی Tailwind‌برای ساخت چیزهایی مانند جعبه‌های هشدار، بسیار ساده است:

سفارشی‌سازی Tailwind‌

Bootstrap ۴

Bootstrap به طور مداوم یکی از بزرگ‌ترین فریم‌وورک‌های CSS موجود بوده است. این فریم‌وورک، اغلب فریم‌وورک بالفعل می‌باشد؛ به خصوص برای توسعه‌دهندگان وب. پس از چند سال کار، نسخه ۴.۰ در اوایل ۲۰۱۸ منتشر شد. Bootstrap ۴.۰ یک بروزرسانی چشمگیر بود.

  • طرح‌های رنگی جدید
  • کلاس‌های کاربردی جدید
  • ساخته شده بر پایه Flexbox
  • ساخته شده با استفاده از SASS در مقابل LESS

من به سرعت از نسخه ۳.x به ۴.x مهاجرت کرده، و از آن لذت بردم. همانطور که پیش‌تر اشاره کردم، من یک طرفدار بزرگ برای کلاس‌های کاربردی هستم؛ پس از این که Bootstrap این موارد را اضافه کرد، بسیار خوشحال شدم. اگر دوست دارید برای اولین بار از Bootstrap استفاده کنید، با نسخه ۴.۰ شروع کنید.

Semantic UI

Semantic UI

Semantic UI یک رویکرد خاص را در پیش می‌گیرد که بر روی نوشتن HTML مردم دوست تمرکز می‌کند. به زبانی دیگر، کلاس‌ها در حد ممکن نزدیک به نحوه صحبت یک فرد نامگذاری شده‌‌اند. این مسئله نوشتن HTML را حتی برای توسعه‌دهندگان جدید هم قابل درک می‌کند.

در Semantic UI، کلمات و کلاس‌ها، دو مفهوم قابل جابجایی هستند.

Semantic در واقع از Gulp به عنوان ابزار ساخت خود استفاده می‌کند. بسیاری از جریان‌های کاری از Grunt / Gulp، و به سمت Webpack دور شده‌اند؛ پس Gulp می‌تواند بر حسب زاویه دید شما، مثبت یا منفی باشد. در اینجا یک نگاه سریع به جریان کاری آن داریم:

  • Node و gulp را نصب کنید
  • Semantic-ui را نصب کنید (ورودی‌های پیکربندی از شما درخواست خواهد شد)
  • به شاخه مد نظر خود بروید و gulp build را اجرا کنید

Foundation

Foundation

Foundation ساخته Zurb، اکثر ویژگی‌هایی که تا به حال درباره آن‌ها صحبت کرده‌ایم را به همراه دارد: responsive، مخصوص موبایل، قابلیت دسترسی و… این مورد از باقی گزینه‌ها کمی پیچیده‌تر است و خود را به عنوان یک انتخاب حرفه‌ای تبلیغ می‌کند.

Foundation همچنین می‌تواند برای ساخت ایمیل‌هایی با ظاهر بسیار زیبا استفاده شود. ساخت ایمیل‌های HTML از نظر تاریخی سخت است؛ پس این مورد می‌تواند برای کسانی که ایمیل ارسال می‌کنند، بسیار کاربردی باشد.

قالب‌های آغازین

Foundation‌ همچنین چندین قالب آغازین responsive برای کمک به شما فراهم می‌کند.

قالب‌های آغازین

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

Foundation

Materialize CSS

Materialize CSS

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

یکی از جالب‌ترین نکات درباره Materialize این است که توسط چهار دانشجو در دانشگاه Carnegie Mellon ساخته شده بود. این مسئله از نظر فنی مرتبط به موضوع نیست، اما ارزش اشاره را دارد، تا برای برخی افراد الهام‌بخش باشد. سن،‌ تجربه یا… شما اهمیتی ندارد.