وردپرس

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

بدون شک شما مقالات زیادی در مورد وردپرس دیده اید. انواع پلاگین، تم ، یا اموزش در مورد چگونگی اجرای هر چیزی در مورد سیستم مدیریت محتوا  (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 یک پلاگین رایگان که ویژگی های برای امنیت ، افزودن قابلیت ها و غیره دارد.

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

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

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

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

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

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

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

 

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

 

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

افزونه‌ای که قصد معرفی اونو دارم با نام 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

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

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


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

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

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

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

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

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

در پایان

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

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

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

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

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

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 است. یک شبکه تحویل محتوا، رکوردهای ایستا یک وبسایت را دریافت می کند و آن را در بین سرورهای مختلف توزیع می‌کند. بعد از آن کاربران براساس مجاورت مکانی با یک سرور، برای مشاهده وبسایت به آن وصل می شوند.

در پایان

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

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

انتقال 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 منتقل کنید، داشته باشید.

۶ فریم‌وورک 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 ساخته شده بود. این مسئله از نظر فنی مرتبط به موضوع نیست، اما ارزش اشاره را دارد، تا برای برخی افراد الهام‌بخش باشد. سن،‌ تجربه یا… شما اهمیتی ندارد.

مدیریت ارتباط با مشتری CRM

مدیریت ارتباط با مشتری یا CRM چیست ؟

در فضای  کسب وکار هر شرکت و کسب و کاری که وارد بشوید مشاهده می کنید که در آنجا نرم افزار هایی متناسب با فعالیت آن کسب و کار در حال استفاده است. معمولا نرم افزاری برای مدیریت اسناد (مثل آفیس) ، نرم افزاری برای مدیریت و ارسال ایمیل ، نرم افزاری برای چت با مشتریان ، مرورگر های اینترنت و … وجود دارد.

اما برای بیزینس ها رفته رفته این نرم افزار ها بیشتر و تخصصی تر شدند و راحت تر و سریع تر نیاز کسب و کار ها را برطرف کردند ، ولی  علاوه بر بهتر شدن ، موقع استفاده سخت تر و گیج کننده تر هم شدند. شاید با اسامی سیستم هایی مثل CRM ، ERM ، CMS ، SCM  و … برخورد کرده باشید. در این مطلب قصد داریم در مورد معروف ترین ، گرون ترین ، و زمان بر ترین این سیستم ها یعنی CRM توضیحاتی را ارائه بدهیم.

CRM چیست؟

CRM چیست؟

CRM  برگرفته از (Customer Relationship Management) به معنی مدیریت ارتباط با مشتری است.

در نگاه استراتژیک به مدیریت ارتباط با مشتری،CRM  گویند که یک استراتژی محوری و کلیدی در کسب و کار است و قرار است مشتریان سود ده را جذب کسب و کار کرده و آنها را برای ما حفظ کند.

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

در نگاه تحلیلی ،مدیریت ارتباط با مشتری ( CRM)  ابزاری برای تحلیل هوشمندانه داده ها و اطلاعات مربوط به مشتری با هدف های استراتژیک و یا عملیاتی است.

در نگاه تعاملی به مدیریت ارتباط با مشتری (CRM) از تکنولوژی برای مدیریت مرزهای سازمان، چه در رابطه با مشتری وچه شرکای تجاری استفاده می شود و هر نوع داده و اطلاعاتی که از مرزهای سازمان عبور می کند توسط این سیستم مدیریت می شود. هدف این سیستم ایجاد ارزش برای مشتریان و همکاران سازمان است.

مدیریت ارتباط با مشتری

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

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

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

پایتون

با پایتون می‌توانید چکارهایی را انجام دهید؟

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

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

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

اما با گذشت زمان به این نتیجه رسیدم که سه نوع کاربرد عمومی و محبوب برای پایتون وجود دارد که بهتر است آن‌ها را توضیح دهیم:

  • توسعه وب
  • علوم داده – یادگیری ماشین، آنالیز داده و بصری‌سازی داده
  • اسکریپت نویسی

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

توسعه وب

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

این فریمورک‌های وب به شما کمک می‌کنند تا اپلیکیشن‌های مبتنی بر سرور (Back-End) را ایجاد کنید. کدهای این بخش روی سرور اجرا می‌شوند و کاری با دستگاه کاربر یا مرورگر وب ندارند (Front-End).

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

فریمورک‌ها باعث می‌شوند که روند پیاده‌سازی یک اپلیکیشن برای شما بسیار آسان‌تر شود. فریمورک‌ها می‌توانند به شما ابزارهایی را برای کار با بانک‌های اطلاعاتی، URLها، ایجاد صفحات HTML و… را بدهد.

از کدام فریمورک پایتون باید استفاده کنم؟

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

تفاوت بین جانگو و فلسک در چیست؟

 من یک خلاصه را در رابطه با این مقاله برای شما فراهم کرده‌ام:

  • فلسک به شما سادگی، انعطاف‌پذیری و کنترل کامل را می‌دهد.
  • جانگو تجربه‌ای از کامل بودن را می‌دهد، شما یک پنل ادمین، رابط بانک اطلاعاتی، ORM، ساختار دایرکتوری کامل و… را به صورت پیشفرض در اختیار دارید.

کدام مورد؟

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

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

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

علوم داده – یادگیری ماشین، آنالیز داده و بصری‌سازی داده

ابتدای کار بیایید با یادگیری ماشین آشنا شویم:

فکر می‌کنم بهترین راه برای یادگیری ماشین از طریق یک مثال باشد.

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

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

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

اینجا جائی‌ست که یادگیری ماشین وارد عرصه می‌شود.

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

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

می‌توانید یادگیری ماشین را در عرصه‌های امروزی شامل موارد زیر مشاهده کنید:

  • سیستم‌های پیشنهادی یا Recommendation Systems
  • تشخیص چهره
  • تشخیص صدا

و اپلیکیشن‌هایی دیگر!

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

  • شبکه‌های عصبی
  • یادگیری عمیق
  • ماشین‌های برداری پشتیبانی
  • جنگل تصادفی

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

پایتون برای یادگیری ماشین

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

دو مورد از محبوب‌ترین کتابخانه‌ها scikit-learn و TensorFlow نام دارند.

  1. scikit-learn همراه با برخی از الگوریتم‌های محبوب یادگیری ماشین عرضه می‌شود.
  2. TensorFlow بیشتر یک کتابخانه سطح پایین است که به شما اجازه ایجاد الگوریتم‌های سفارشی برای یادگیری ماشین را می‌دهد.

اگر به تازگی قصد دارید که روی پروژه یادگیری ماشین کار کنید به شما پیشنهاد می‌کنم که ابتدا به سراغ scikit-learn بروید. اگر مسیری پیشرفته‌تر همراه با امکانات بیشتری را می‌خواهید، TensorFlow انتخاب خوبی‌ست.

چگونه باید یادگیری ماشین را بیاموزیم؟

اگر قصد یادگیری بحث Machine Learning را دارید می‌توانید دوره‌های Stanford و Caltech را بگذرانید.

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

بعد از این موارد، برای تمرین کردن می‌توانید از پلتفرم Kaggle بهره بگیرید.

آنالیز داده و بصری‌سازی داده:

برای اینکه با این موارد آشنا شوید، به شما یک مثال ساده را می‌دهم.

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

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

از طریق این گراف می‌توانید به این نتیجه برسید که در روز یکشنبه، بیشتر از ۴۰۰ واحد از محصولات توسط مردها خریداری شده‌اند و ۳۵۰ محصول نیز توسط زنان.

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

برای اینکه ببینید کدام یک از این احتمالات بیشتر صدق می‌کند، باید یک گراف دیگر را رسم کنید:

گراف

بجای اینکه روی داده‌های مربوط به یک روز تمرکز کنیم، روی داده‌های تمام هفته تمرکز می‌کنیم. از طریق این گراف می‌توانید تفاوت را به صورت واضح متوجه شوید.

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

حال به یک صورت دیگر با این قضیه برخورد می‌کنیم، گراف زیر را در نظر بگیرید:

گراف 1

حال چه چیزی تفاوت در یکشنبه توجیه می‌کند؟

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

این یک مثال بسیار ساده از آنالیز داده است که ممکن است چنین چیزی را در دنیای واقعی نیز مشاهده کنید.

آنالیز و بصری‌سازی داده با استفاده از پایتون

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

  • یادگیری و شروع کار با آن ساده است.
  • برخی از دیگر کتابخانه‌ها مانند seaborn براساس این مورد ساخته شده‌اند. بنابراین، یادگیری Matplotlib به شما کمک می‌کند تا کتابخانه‌های دیگری را نیز بعدا یاد بگیرید.

اسکریپت‌نویسی

اسکریپت‌نویسی چیست؟

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

یک مثال از تجربه شخصی:

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

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

این کار به صورت دستی انجام می‌شد اما من یک برنامه ساده نوشتم که این کار را به صورت خودکار انجام می‌داد.

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

موارد دیگر:

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

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

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

اپلیکیشن موبابل برای وردپرس

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

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

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

Androapp

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

  • Push notifications
  • رنگ‌های سفارشی و پوسته های مختلف برای تطبیق یافتن با وبسایت
  • توانایی ذخیره مطالب به صورت آفلاین
  • پشتیبانی از لینک‌های عمیق
  • آگهی‌های Inline
  • پشتیبانی از زووم کردن تصاویر

AppPresser

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

  • توانایی در طراحی منوها و تب‌ها
  • Push notifications
  • ساختن برگه های سفارشی در هر بخش وبسایت
  • سازگاری بالا با دیگر اپلیکیشن های موجود مانند گوگل مپ‌س و فیسبوک، توانایی به اشتراک گذاری محتوا و ارتباط با دوربین

Blappsta

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

  • Push notifications برای وقتی که پست جدیدی موجود است
  • ایندکس کردن توسط گوگل
  • توانایی به اشتراک گذاری از طریق ایمیل و همچنین شبکه های اجتماعی -گوگل+، فیسبوک و توییتر-
  • توانایی در سفارشی سازی طراحی اپلیکیشن های موبایل و شیوه ناوبری کردن
  • انعطاف پذیری در سازمان دهی کردن محتوا برای اپلیکیشن موبایل

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

MobiLoud

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

  • تبدیل کردن وبسایت ها و وبلاگ ها به نسخه‌ای از اپلیکیشن موبایل
  • سوئیچینگ وبسایت های همراه با ترافیک بالا

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

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

Wapppress

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

این افزونه تنها وبسایت وردپرسی را دریافت می‌کند و آن را در یک لایه‌بندی مناسب برای موبایل ها قرار می دهد. این افزونه توانایی ایجاد کارایی مانند push notification و یا کسب درآمد را ندارد.

Web۲App

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

  • قرار دادن اسپلش اسکرین -برای شروع اپلیکیشن-
  • پشتیبانی از به اشتراک گذاری و همچنین ادغام با دیگر شبکه های اجتماعی
  • قابلیت دریافت نظر از طریق گوگل پلی
  • در اختیار قرار دادن حالت های سفارشی سازی بسیار زیاد برای ناوبری وبسایت و نمایش محتوا

در پایان

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

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

قالب های رایگان

۱۷ تا از قالب های رایگان و زیبا وردپرس

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

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

Saga

Saga یک تم با تایپوگرافی زیبا که عالی برای وبسایت های قصه گوست .

Saga

Editor

یک تم تایپوگرافی محور برای نویسندگان و وبلاگ نویسان است.

Editor

Pho

یک گالری به سبک مینیمالیستی برای طراحان و عکاسان .

Pho

Fullscreen

یک تم تک ستونه رایگان برای عکاسان و فایل های چندرسانه ای

Fullscreen

Gridsby

یک تم نقد محور برای معماران و طراحان

Gridsby

Tracks

یک تم زیبا و جسورانه که برای عکاسان و طراحان آماده شده

Tracks

Ravel

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

Ravel

Gridby

یک قالب وردپرس که با بوت استرپ ساخته شده و برای اون دسته از معماران و طراحانی مناسبه که میخواهند نمونه کارهای خودشون رو در سریعترین زمان در اختیار بقیه قرار بدن

Gridby

Sketch

یک تم جادار برای نمونه کارها

Sketch

Pure

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

Pure

CleanPort

یک تم فلت برای نمونه کار و همینطور تجارت و شرکت ها

CleanPort

Store

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

تم فروشگاهی

Cody

تم وبلاگ نویسی پاک و همه کاره

تم وبلاگ نویسی

Nulis

یک تم تک ستونه مینیمال برای وبلاگ نویسان حرفه ای

Nulis

Allure

این تم مخصوص نویسندگان مد و عکاسان ساخته شده است

تم عکاسی

Receptar

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

Receptar

Acosmin

یک تم با استایل مجله

Acosmin