Login
Menu

Blog Archives
مهندس محمدی, نویسنده در پیشگام وب - صفحه 22 از 77

Home / بلاگ

Author Archives: مهندس محمدی

Core Web Vitals چیست

Core Web Vitals چیست
Core Web Vitals چیست

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

دوستان عزیز امروز میخواهیم در مورد Core Web Vitals که در گوگل کونسول داریم صحبت کنیم و نحوه تست سایت رو در نسخه موبایل و کامپیوتر در سایت تست لود خود گوگل که با نام PageSpeed Insights شناخته میشه شناخته میشه بپردازیم.

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

pagespeed.web.dev

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

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

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

پایین تر که بریم درصد بندی انجام داده بصورت کلی که کمتر از 50 درصد ضعیف هست و بین 50 تا 89 مشکل زیاد خاصی نیست ولی باید بهترش کنیم بین 90 تا 100 هم عالی هست و دیگه حرفی برای گفتن نمیمونه.

هونطور که مشاهده کردید در نسخه موبایل 83 درصد هست و در نسخه کامپیوتر 100 درصد .

یعنی در نسخه کامپیوتر عالی عمل کردیم.

توجه داشته باشید شرایط در نسخه موبایل سخت تر هست.

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

گوگل در سرچ کنسول برای LCP زیر 2.5 ثانیه، امتیاز GOOD را در نظر می گیرد. همچنین گوگل سرچ کنسول برای 2.5 تا 4 ثانیه امتیاز NEED IMPROVEMENT و برای بیشتر از 4 ثانیه امتیاز POOR یا ضعیف را در نظر می گیرد.

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

گوگل در سرچ کنسول برای FID زیر 100 میلی ثانیه، امتیاز GOOD را در نظر می گیرد. همچنین گوگل سرچ کنسول برای 100 تا 300 میلی ثانیه امتیاز NEED IMPROVEMENT و برای بیشتر از 300 میلی ثانیه امتیاز POOR یا ضعیف را در نظر می گیرد.

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

گوگل در سرچ کنسول برای CLS با توجه به مشکلات سایت، اقدام به نمره دهی می کند. نمره زیر 0.1، برابر با امتیاز GOOD است. همچنین گوگل سرچ کنسول برای نمره 0.1 تا 0.25، امتیاز NEED IMPROVEMENT و برای نمره بیشتر از 0.25 امتیاز POOR یا ضعیف را در نظر می گیرد.

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

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

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

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

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

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

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

و بعد هم در تب جدید ادرس سایتتمون رو وارد میکنید که در اینجا ما از سایت ارزون هاستمون استفاده کردیم.

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

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

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

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

خوب به public_html میریم و سپس includes و پوشه hooks رو باز میکنیم.

public_html/includes/hooks

اینجا روی گزینه فایل کلیک میکنیم و یک فایل جدید ایجاد میکنیم ( اسم فایل هم مهم نست فقط باید پسوند php باشه ) روی فایل کلیک میکنیم و کد رو داخلش قرار میدیم.

کد هم در زیر قرار دادیم

<?php
add_hook(‘ShoppingCartValidateDomain’, 1, function($vars)
{
$BlockedTLDS = array(‘.tk’,’.ml’,’.ga’,’.cf’,’.nom.za’,’.gq’);

if (in_array( $vars[‘tld’], $BlockedTLDS))
return array(“Free Domains are not accepted for services.”);
else
return false;
});

خوب در .tk’,’.ml’,’.ga’,’.cf’,’.nom.za’,’.gq پسوند ها مشخص هست که میتوانیم اضافه و کم کنیم.

در قسمت Free Domains are not accepted for services. هم عینا متن پیام ما هست که میتوان ویرایش کرد و متن دلخواه رو قرار داد

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

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

تست سرعت لود سایت با webpagetest

تست سرعت لود سایت با webpagetest
تست سرعت لود سایت با webpagetest

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

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

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

webpagetset.org

به پایین تر صفحه میریم تا بتونیم تنظیمات و سایت رو وارد کنیم.

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

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

افزونه Ninja Forms Contact Form

افزونه Ninja Forms Contact Form
افزونه Ninja Forms Contact Form

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

با این افزونه میتوانید انواع فرم های تماس ، عضویت و استخدام و… بسازید

ابتدا وارد پیشخوان وردپرس میشویم.

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

 در قسمت جستجو افزونه ، اسم Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress را وارد میکنیم. 

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

توضیحات افزونه :

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

افزونه وردپرس Ninja Forms به شما این امکان را می‌دهد تا بتوانید به آسانی فرم های دلخواه خود را با فرم ساز آن ایجاد کرده و در صورت نیاز فیلدها و فرم های آن تغییر دهید. شما می‌توانید کدهای Css خود را به قسمت های مختلف فرم های خود اضافه کرده و یا از ویرایش گر دیداری آن ویژگی های آن را شخصی سازی کنید

ویژگی های افزونه :

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

صفحه افزونه :

Ninja Forms – The Contact Form Builder That Grows With You

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

افزونه Gutenberg Template Library

افزونه Gutenberg Template Library
افزونه Gutenberg Template Library

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

اگر قصد دارید صفحات جذاب با گوتنبرگ ایجاد کنید این افزونه به شما کمک خواهد کرد .

ابتدا وارد پیشخوان وردپرس میشویم.

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

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

 در قسمت جستجو افزونه ، اسم Gutenberg Template Library & Redux Framework را وارد میکنیم. 

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

توضیحات افزونه :

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

ویژگی های افزونه :

  • ساخت صفحات جذاب و کاربر پسند
  • صفحه ساز پیشرفته گوتنبرگ

صفحه افزونه :

Redux Framework

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

نمایش پست های اینستاگرام در وردپرس

نمایش پست های اینستاگرام در وردپرس
نمایش پست های اینستاگرام در وردپرس

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

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

ابتدا وارد پیشخوان وردپرس میشویم.

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

در قسمت جستجو افزونه ، اسم Smash Balloon Social Photo Feed را وارد میکنیم. 

نصب انجام شد تب مربوط به افزونه در سمت راست اضافه میشود. 

اسم تب سمت راست instagram Feed میباشد. 

در این قسمت میتوانید تنظیمات مربوطه را انجام دهید.

برای اتصال روی گزینه contact a instagram account کلیک کنید و مراحل را ادامه دهید تا API مروبطه را بدست اورده و اینستاگرام را به هاست متصل کنید.

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

توضیحات افزونه :

اگر روی اینستاگرام خود پستی را منتشر می‌کنید و قصد دارید این پست‌ها در سایت شما مستقیما نمایش داده شود می‌توانید از افزونه Smash Balloon Social Photo Feed استفاده کنید.

ویژگی های افزونه :

  • اتصال اینستا به وردپرس
  • انتشار مطالب بصورت اتوماتیک در سایت
  • بهینه سازی زمان

صفحه افزونه :

Smash Balloon Social Photo Feed – Easy Social Feeds Plugin

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

سئو تصاویر با افزونه Smush

سئو تصاویر با افزونه Smush
سئو تصاویر با افزونه Smush

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

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

ابتدا وارد پیشخوان وردپرس میشویم.

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

 در قسمت جستجو افزونه ، اسم Smush را وارد میکنیم. 

نصب انجام شد تب مربوط به افزونه در سمت راست اضافه میشود. 

اسم تب سمت راست Smush میباشد.

بعد از کلیک کردن تنظیمات اولیه براتون لود میشود که مرحله به مرحله میتوانید تنظیمات را اعمال کنید.

بعد از تنظیمات عکس های سایت شما را شناسایی میکند.

این افزونه این قابلیت را دارد تا تصاویر قبلی را که اپلود کرده اید بصورت اتوماتیک سئو کند.

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

توضیحات افزونه :

افزونه WP Smush جهت سئوی تصاویر در وردپرس محبوبیت زیادی دارد به طوری که بیش از یک میلیون نصب فعال تا کنون داشته است.

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

ویژگی های افزونه :

  • بهینه سازی تصاویر در وردپرس با استفاده از تکنیک های فشرده سازی پیشرفته بدون افت کیفیت
  • تنظیم حداکثر عرض و ارتفاع و تصاویر بزرگ به طور خودکار
  • پشتیبانی از فایل های JPEG، GIF و PNG فایل های تصویری و…
  • بهینه سازی هر تصویر در هر دایرکتوری
  • و…

صفحه افزونه :

Smush Image Optimization – Optimize Images | Compress & Lazy Load Images | Convert WebP | Image CDN

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

افزونه ارسال خبرنامه MC4WP

افزونه ارسال خبرنامه MC4WP
افزونه ارسال خبرنامه MC4WP

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

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

ابتدا وارد پیشخوان وردپرس میشویم.

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

 در قسمت جستجو افزونه ، اسم افزونه را وارد میکنیم. 

نصب انجام شد تب مربوط به افزونه در سمت راست اضافه میشود.

روی گزینه MC4WP کلیک کنید.

در این قسمت میتوانید api را فعال نمایید.

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

این اختصاصی برای این مطلب میباشد.

در تصویر بالا هم میتوانید نمونه را بصورت ویژال در سمت چپ و کد ها را در قسمت راست مشاهده کنید.

همچنین در کمی بالاتر صفحه هم میتوانید تنظیمات و پیغام های سیستم را تغییر دهید.

حتما جهت جلوگیری از دریافت ایمیل های فیک تائید دو مرحله ای را فعال بفرمائید.

توضیحات افزونه :

ارسال خبرنامه به کاربران، یکی از رایج ترین راه خبر رسانی و جذب کاربر به سمت سایت و خدمات می باشد. از این رو سایت های بسیاری در حوزه ی ارسال خبرنامه فعالیت می کنند و فضایی را در اختیار کاربران خود قرار می دهند تا بتوانند ایمیل هایی را در قالب خبرنامه برای کاربران خود ارسال نمایند.
در وردپرس نیز افزونه های متعددی برای ارسال خبرنامه موجود است که آموزش های متعددی در این زمینه برای شما در همیار قرار دادیم.
حتما همه ی شما با سیستم ارسال خبرنامه ی “Mailchimp” آشنا هستید و یا شاید از آن استفاده کرده اید. می توان گفت یکی از بهترین ها در زمینه ی ارسال خبرنامه است که امکانات بسیار زیادی را در اختیار کاربران خود قرار می دهد و همچنین به تعداد زیادی ایمیل را می پذیرد. در وردپرس نیز افزونه ای با عنوان “MailChimp for WordPress” ایجاد شده که از همین سیستم ارسال خبرنامه، قدرت می گیرد و با اتصال به سایت وردپرسی شما قادر به دریافت ایمیل کاربران می باشد و به راحتی می تواند خبرنامه ی مورد نظر شما را برای کاربران ارسال نماید.

ویژگی های افزونه :

  • نمایش انلاین فرم ساخته شده
  • سرعت در ساخت فرم

صفحه افزونه :

MC4WP: Mailchimp for WordPress

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم

افزونه Advanced Editor Tools

افزونه Advanced Editor Tools
افزونه Advanced Editor Tools

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

این افزونه برای ادیت مطالب به کمک شما می آید.

ابتدا وارد پیشخوان وردپرس میشویم.

پلاگین Advanced Editor Tools
پلاگین Advanced Editor Tools

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

 در قسمت جستجو افزونه ، اسم افزونه را وارد میکنیم. 

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

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

بطور مثال در قسمت ویرایش برای کپی کردن کنترل + c مشخص شده است که براحتی میتوانید با کلید میانبر انجام دهید.

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

توضیحات افزونه :

Advanced Editor Tools (قبلاً TinyMCE Advanced) یک بلوک “Classic Paragraph” را برای ویرایشگر بلوک (Gutenberg) معرفی می کند.

ویژگی های افزونه :

  • بلوک “پاراگراف کلاسیک” که می تواند به جای بلوک استاندارد پاراگراف یا همراه آن استفاده شود.
  • گزینه ای برای تنظیم پاراگراف کلاسیک یا بلوک Classic به عنوان بلوک پیش فرض در ویرایشگر بلوک.
  • از تبدیل اکثر بلوکهای پیش فرض به پاراگرافهای کلاسیک و از پاراگرافهای کلاسیک به بلوکهای پیش فرض پشتیبانی می کند.
  • پشتیبانی از ایجاد و ویرایش جداول در بلوک های کلاسیک و ویرایشگر کلاسیک.
  • گزینه های بیشتر هنگام درج لیست در بلوک های کلاسیک و ویرایشگر کلاسیک.
  • در بلوکهای Classic و ویرایشگر کلاسیک جستجو و جایگزین کنید.
  • امکان تنظیم Font Family و اندازه قلم در بلوک های Classic و ویرایشگر کلاسیک.
  • و بسیاری دیگر

صفحه افزونه :

Advanced Editor Tools

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.

افزونه Contact Form by WPForms

افزونه Contact Form by WPForms
افزونه Contact Form by WPForms

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

خوب اصلا این به چه دردی میخوره کجا بهش نیاز داریم و در کل کاربردش چی هست؟

افزونه مورد نظر در رابطه با ساخت فروم های تماس با ما میباشد.

ابتدا وارد پیشخوان وردپرس میشویم.

پلاگین Contact Form by WPForms
پلاگین Contact Form by WPForms

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

 در قسمت جستجو افزونه ، اسم افزونه را وارد میکنیم.

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

 از قسمت سمت راست روی گزینه wpforms کلیک کنید.

در قسمت all میتوانید تمام فرم هارو مشاهده کنید و برای اضافه کردن فرم جدید روی گزینه add کلیک کنید.

در قسمت name اسم فرم تماس با ما را وارد کرده و در پایین تم مورد نظر را انتخاب کنید.

در این قسمت میتوانید با درگ کردن و انتقال به سمت راست موارد جدید اضافه کنید .

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

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

توضیحات افزونه :

افزونه ی Contact Form by WPForms همانند دیگر افزونه های ایجاد فرم تماس با ما می باشد اما با چند ویژگی جالب!
با استفاده از این افزونه می توانید فرم مورد نظرتان را انتخاب و سپس با عمل گرفتن و کشیدن یک فیلد به داخل فرم، به راحتی فیلد های مورد نظرتان را به آن بیفزایید.
اکثر بخش های این افزونه رایگان می باشد و شما هیچ محدودیتی را نسبت به استفاده از افزونه نخواهید داشت، پس می توانید با خیال راحت به ایجاد  فرم ارتباط با ما در وردپرس بپردازید.
شما می توانید بی نهایت فرم را ایجاد کنید و زمانی که می خواهید هر کدام از آن ها را در خروجی نمایش دهید کافیست در نوشته یا برگه مورد نظر آن را قرار دهید.

ویژگی های افزونه :

  • تنظیمات بصورت ویژوال
  • بدون نیاز به دانش کد نویسی
  • سرعت در طراحی فرم ها

صفحه افزونه :

Contact Form by WPForms – Drag & Drop Form Builder for WordPress

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

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

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

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

منتظر نظرات و پیشنهادات شما در قسمت دیدگاه های سایت هستیم.