وردپرس

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

برای شروع، ابزارهای آنلاین مانند PageSpeed ​​Insights می توانند به شما در شناسایی تصاویر با ابعاد از دست رفته کمک کنند. سپس می توانید این ویژگی ها را به صورت دستی اضافه کنید یا از یک افزونه برای ساده کردن فرآیند استفاده کنید.

چرا باید عرض و ارتفاع صریح را به عناصر تصویر اضافه کنید؟

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

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

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

علاوه بر این، افست چیدمان تجمعی (CLS) یکی از معیارهای کلیدی Google Core Web Vitals است. حرکت محتوا را هنگام بارگذاری صفحه شما اندازه گیری می کند. امتیاز CLS بالا نشان می دهد که کاربران به طور مکرر طرح بندی را هنگام بازدید از سایت شما تغییر می دهند، که می تواند بر رتبه بندی صفحه شما تأثیر منفی بگذارد.

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

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

بنابراین، با تعیین ابعاد تصاویر خود، هرگونه حدس و گمان (و وظایف اضافی) را برای مرورگر حذف خواهید کرد. این به آن کمک می‌کند تا محتوای شما را سریع‌تر و کارآمدتر بارگیری کند و در نتیجه تجربه کاربری روان‌تری داشته باشد.

نحوه استفاده از عرض و ارتفاع تصویر واضح در وردپرس

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

مرحله ۱: تصاویری با ابعاد از دست رفته را پیدا کنید.

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

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

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

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

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

برای دیدن اینکه آیا این مورد است، به پایین به حسابرسی بروید و انتخاب کنید CLS تب این بخش به شما نشان می دهد که آیا صفحه شما تصاویری با ابعاد از دست رفته دارد:

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

برای مشاهده جزئیات بیشتر هر تصویر می توانید روی URL های مربوطه کلیک کنید.

مرحله ۲٫ ابعاد تصویر را به صورت دستی یا با یک افزونه اضافه کنید.

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

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

به عنوان مثال، کد HMTL برای فایل تصویری شما چیزی شبیه به این خواهد بود:

<img src=" width="640" height="360" alt="Chocolate Cake.">

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

پس از نصب و فعال سازی افزونه در سایت خود، به تنظیمات > WP Rocket و انتخاب کنید رسانه های جمعی برگه:

سپس صفحه را به پایین اسکرول کرده و کادر را علامت بزنید ابعاد تصویر از دست رفته را اضافه کنید:

در نهایت بر روی آن کلیک کنید ذخیره تغییرات. WP Rocket کد HTML سایت شما را برای یافتن تصاویر گم شده جستجو می کند. width و height ویژگی های. سپس با استفاده از تابع PHP ابعاد تصویر را استخراج می کند. getimagesizeو با استفاده از آن مقادیر، صفات را اضافه کنید.

بهترین روش های دیگر برای افزودن تصاویر به وردپرس

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

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

مثلا، Optimol می تواند تصاویر شما را به محض آپلود مقیاس بندی کند. همچنین بسته به مرورگر و دستگاه هر بازدیدکننده، اندازه های صحیح تصویر را برای نمایش انتخاب می کند:

علاوه بر این، این سرویس کاملاً مبتنی بر ابر است. این بدان معنی است که بار روی سرور شما را افزایش نمی دهد و به شما در صرفه جویی در فضای ذخیره سازی کمک می کند.

نتیجه گیری 🧐

برای جمع بندی، در اینجا نحوه افزودن آسان ویژگی های از دست رفته به تصاویر خود آورده شده است:

1. 👉 یک تست بزنید آمار سرعت صفحه برای شناسایی تصاویر با مقادیر از دست رفته
2. 👉 ابعاد عرض و ارتفاع را به صورت دستی یا با افزونه مانند اضافه کنید WP Rocket.

آیا در مورد نحوه استفاده از عرض و ارتفاع صریح برای عناصر تصویر سؤالی دارید؟ در قسمت نظرات پایین ما را آگاه کنید!

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

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

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

نحوه انتخاب یک فروشنده دامنه (عوامل کلیدی که باید در نظر بگیرید)

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

در اینجا چند فاکتور کلیدی وجود دارد که باید هنگام انتخاب محل خرید دامنه در نظر بگیرید:

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

دانستن اینکه چه چیزی را باید جستجو کنید باید به شما کمک کند یک ثبت کننده دامنه پیدا کنید که دقیقاً مطابق با نیازهای شما باشد.

از کجا دامنه بخریم (بهترین فروشندگان دامنه)

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

۱٫ Domain.com

Domain.com یک ارائه دهنده چند سرویس است. این میزبانی وب قابل اعتماد با دامنه رایگان، فضای ذخیره سازی نامحدود و گواهی SSL رایگان ارائه می دهد. علاوه بر این، می توانید از یک سازنده وب سایت هوشمند استفاده کنید و به خدمات طراحی و بازاریابی دسترسی داشته باشید.

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

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

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

⚙️ ویژگی های کلیدی:

• خدمات اضافی مانند میزبانی وب، میزبانی ایمیل و سازنده وب سایت را ارائه می دهد.
• پشتیبانی از انتقال دامنه
• به شما امکان ثبت دامنه تا پنج سال را می دهد.

💳 قیمت:

بسته به پسوند دامنه ای که انتخاب می کنید، می توانید دامنه هایی از ۱٫۹۹ دلار تا ۴۷٫۹۹ دلار پیدا کنید.

۲٫ خدادادی

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

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

هنگامی که دامنه خود را جستجو می‌کنید، GoDaddy سعی می‌کند تطابق دقیقی را پیشنهاد کند، اما برخی از جایگزین‌ها را نیز ارائه می‌کند و به شما می‌گوید که چه چیزی در مورد آنها خوب است:

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

⚙️ ویژگی های کلیدی:

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

💳 قیمت:

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

۳٫ نام ارزان

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

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

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

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

⚙️ ویژگی های کلیدی:

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

💳 قیمت:

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

۴٫ Bluehost

Bluehost عمدتا برای خدمات میزبانی وب خود شناخته شده است. با این حال، می توانید از آن برای یافتن و ثبت نام دامنه مناسب نیز استفاده کنید.

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

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

علاوه بر این، Bluehost “دامنه های ویژه” را توصیه می کند که می توانند با شرایط کلیدی شما مطابقت داشته باشند. بعلاوه، با هر خرید دامنه، می‌توانید یک آزمایش میزبانی وب رایگان و یک طرح Google Workspace Starter با تخفیف دریافت کنید.

⚙️ ویژگی های کلیدی:

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

💳 قیمت:

قیمت دامنه Bluehost رقابتی است و از ۱٫۵۰ دلار شروع می شود. افزونه های پریمیوم معمولاً در سال اول از ۲۰ دلار تجاوز نمی کنند.

۵٫ میزبان

همانطور که در مورد محل خرید دامنه بحث می کنیم، نمی توانیم از Hostinger خودداری کنیم. هاستینگر که در درجه اول به دلیل برنامه های میزبانی وب خود شناخته می شود، سازنده وب سایت، ایمیل و دامنه نیز ارائه می دهد.

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

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

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

به طور معمول، در سال اول تخفیف قابل توجهی دریافت می کنید و قیمت برخی از دامنه ها کمتر از یک دلار است. با این حال، این دامنه ها را می توان در سال آینده با قیمت ۳۴٫۹۹ دلار تمدید کرد. همچنین، شما فقط می توانید به مدت سه سال در یک زمان دامنه ثبت کنید.

⚙️ ویژگی های کلیدی:

• در مورد پسوندهای دامنه خاص بینش دریافت کنید
• برای سال اول به برنامه های با تخفیف های بسیار زیاد دسترسی پیدا کنید
• ثبت دامنه به صورت رایگان با بسته میزبانی وب
• حفاظت از حریم خصوصی رایگان با دامنه خود دریافت کنید

💳 قیمت:

هاستینگر تمایل دارد کمترین قیمت را برای دامنه ها در سال اول ارائه دهد. این قیمت ها از ۰٫۹۹ دلار تا کمی بیش از ۱۰۰ دلار متغیر است. با این حال، ارتقاء هزینه بیشتری دارد.

نتیجه گیری 🧐

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

• Domain.com: تا پنج سال می توانید دامنه ثبت کنید.
• خدادادی: این ثبت کننده قیمت های پایین سال اول را ارائه می دهد و می توانید با خرید چندین دامنه به طور همزمان در هزینه خود صرفه جویی کنید.
• نام ارزانپاسخ: با تمدید خودکار و افزونه هایی مانند میزبانی وب، ایمیل و VPN همراه است.
• Bluehostپاسخ: این ارائه دهنده میزبانی ویژگی های مفیدی مانند مسدود کردن دامنه، ارسال دامنه و حفظ حریم خصوصی را ارائه می دهد.
• میزبان: دامنه های سال اول خود را با تخفیف قابل توجه و دامنه رایگان با بسته میزبانی وب دریافت خواهید کرد.

آیا در مورد مکان خرید دامنه سوالی دارید؟ در قسمت نظرات پایین ما را آگاه کنید!

آیا می خواهید برگه های محصول سفارشی را برای ووکامرس تنظیم کنید؟

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

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

چگونه می توانید از برگه های محصول سفارشی WooCommerce استفاده کنید

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

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

به طور پیش فرض، WooCommerce فقط شامل برگه های محصول برای توضیحات، اطلاعات اضافی و بررسی است:

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

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

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

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

نحوه تنظیم برگه های سفارشی محصولات WooCommerce در ۳ مرحله

در این آموزش از افزونه Sparks برای ووکامرس استفاده خواهیم کرد. Sparks چندین ویژگی جدید را به WooCommerce اضافه می کند، از جمله توانایی تنظیم یک ویژگی “لیست خواسته ها”، نمایش گزینه های محصول، استفاده از پانل های تبلیغاتی، و تب محصول را در ووکامرس سفارشی کنید.

Sparks به شما امکان می دهد برگه های محصول جهانی را تنظیم کنید که برای همه محصولات اعمال می شود. یا می توانید قوانینی را تنظیم کنید که فقط یک برگه خاص را برای محصولات خاص نشان دهد.

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

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

مرحله ۱٫ یک برگه محصول جهانی ایجاد کنید 🛍️

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

پس از فعال کردن این تنظیمات، به WooCommerce > Tabs Product. این صفحه لیستی از برگه های پیش فرض محصول در ووکامرس را نشان می دهد. فقط روی آن کلیک کنید جدید اضافه کن برای ایجاد یک برگه جدید:

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

مرحله ۲٫ صفحه برگه جدید خود را با ویرایشگر بلوک 🎨 سفارشی کنید

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

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

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

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

در اینجا یک نمای کلی از ظاهر برگه محصول جدید ما که با Sparks ساخته شده است آورده شده است:

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

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

پس از اتمام ویرایش برگه، روی دکمه کلیک کنید انتشار دکمه. حالا که برگشتی داخل WooCommerce > Tabs Product در صفحه، یک تب جدید در کنار گزینه های پیش فرض WooCommerce خواهید دید:

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

مرحله ۳٫ مشخص کنید کدام محصولات برگه های سفارشی را نمایش می دهند 📋

به طور پیش فرض، هر برگه ای که با Sparks اضافه می کنید برای هر محصول WooCommerce در بالای گزینه های پیش فرض ظاهر می شود. با این حال، افزونه همچنین به شما اجازه می دهد تا این مورد را تغییر دهید. می توانید برگه ها را طوری تنظیم کنید که فقط برای محصولات خاصی ظاهر شوند.

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

برای سفارشی کردن محصولاتی که برگه های سفارشی شما نمایش داده می شوند، به آن بازگردید WooCommerce > Tabs Product صفحه سپس انتخاب کنید ویرایش کنید در برگه محصولی که می خواهید سفارشی کنید.

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

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

حالا برگردیم به WooCommerce > Tabs Product صفحه و انتخاب کنید مرتب سازی. با این گزینه می توانید ترتیب نمایش برگه ها را در صفحات محصول تغییر دهید:

برای مرتب کردن مجدد برگه ها، موارد را بکشید و رها کنید تا از نتایج راضی باشید.

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

امروز برگه های محصول خود را برای ووکامرس ایجاد کنید 🚀

خوشبختانه، شما به راحتی می توانید برگه های محصول سفارشی را با استفاده از افزونه ای مانند Sparks for WooCommerce تنظیم کنید. همچنین به شما امکان می دهد ویژگی های لیست علاقه مندی ها، نمایش گزینه های محصول و موارد دیگر را اضافه کنید.

👉 در اینجا نحوه افزودن و سفارشی کردن برگه محصول در WooCommerce با Sparks آمده است:

آیا در مورد نحوه تنظیم برگه های محصول سفارشی برای WooCommerce سؤالی دارید؟ بیایید در مورد آنها در بخش نظرات زیر صحبت کنیم!

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

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

پیام “رنگ های پس زمینه و پیش زمینه کنتراست کافی ندارند” به چه معناست؟

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

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

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

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

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

این استانداردها توسط دستورالعمل های دسترسی به محتوای وب (WCAG) تنظیم شده است. ^[۱]. این مجموعه ای از دستورالعمل های شناخته شده بین المللی برای دسترسی بیشتر به محتوای وب است. WCAG حداقل نسبت کنتراست ۴٫۵:۱ را برای متن معمولی و ۳:۱ برای متن بزرگ برای اطمینان از خوانایی بهینه ارائه می دهد.

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

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

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

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

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

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

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

نحوه رفع خطای دسترسی “رنگ های پس زمینه و پیش زمینه نسبت کنتراست کافی ندارند”

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

مرحله ۱: تعیین کنید کدام عناصر کنتراست پایینی دارند

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

اگر پیام «رنگ‌های پس‌زمینه و پیش‌زمینه کنتراست کافی ندارند» را مشاهده کردید، می‌توانید روی آن کلیک کنید تا فهرستی از عناصر مورد نظر، از جمله کلاس CSS آن‌ها را ببینید:

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

مرحله ۲: نسبت کنتراست عناصر خود را تعیین کنید

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

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

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

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

مرحله ۳ رنگ ها را با نسبت کنتراست توصیه شده تنظیم کنید.

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

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

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

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

پس از تنظیم، تغییرات خود را در صفحه ذخیره کنید و آن را با PageSpeed ​​Insights آزمایش کنید. اگر رنگ های جدید کنتراست کافی داشته باشند، پیام خطا دیگر ظاهر نمی شود.

👉 برای سایر محتواها، ممکن است لازم باشد برخی چیزها را با استفاده از تنظیمات تم خود در سفارشی‌ساز یا شاید برخی از کدهای CSS سفارشی تغییر دهید.

خطاهای نسبت کنتراست رنگ را برای همیشه برطرف کنید

📌 در صورت مواجهه با این خطا چه کاری باید انجام دهید:

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

آیا هنوز درباره نحوه رفع خطای «رنگ‌های پس‌زمینه و پیش‌زمینه کنتراست کافی ندارند» در PageSpeed ​​Insights سؤالی دارید؟ در نظرات به ما اطلاع دهید!

سلام و به قسمت جدید مجموعه مصاحبه ماهانه ما خوش آمدید! در این، ما با Sunita Rai – رئیس تیم بازاریابی ThemeGrill صحبت می کنیم. ما در مورد بازاریابی (بدیهی است)، تجارت و وردپرس صحبت خواهیم کرد. لذت ببرید!

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

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

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

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

بیایید داستان کامل را از Sunita بگیریم:

مصاحبه Sunita Rai – “فقط شروع کنید. منتظر زمان و منابع مناسب نباشید. اگر ایده منحصر به فردی برای کمک به مردم برای حل یک مشکل دارید، آن را امتحان کنید.»

از چه زمانی و چگونه وردپرس را شروع کردید؟ آیا داستان جالبی در اینجا وجود دارد؟

افزونه مورد علاقه/باید وردپرس شما چیست و چرا؟

“موفق بودن” را چگونه تعریف می کنید؟

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

وقتی محتوای آنلاین را می خوانید، چه چیزی بلافاصله شما را خاموش می کند؟

شما یک بازاریاب نیستید اگر …

به نظر شما در حال حاضر موثرترین راه برای تبلیغ محصول وردپرس چیست؟

چه نوع بازاریابی محتوایی برای کسب و کار شما موثرترین است؟

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

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

اگر به دنبال یک سرویس میزبانی هستید، ممکن است نام IONOS را شنیده باشید. این شرکت از سال ۱۹۸۸ وجود دارد و دارای بازار بزرگ اروپایی است. با این حال، برای تعیین اینکه آیا این راه حل برای نیازهای شما مناسب است، به بررسی جامع IONOS نیاز دارید.

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

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

📚 فهرست مطالب:

بررسی IONOS برای وردپرس

IONOS خدمات مختلفی از جمله میزبانی مشترک، اختصاصی و VPS را ارائه می دهد. همچنین میزبانی وردپرس (مدیریت شده و بدون مدیریت) و میزبانی WooCommerce را ارائه می دهد:

امکانات ⚙️

در این بررسی IONOS، بیایید نگاهی به ویژگی های موجود در برنامه های میزبانی وردپرس بیندازیم:

بروزرسانی های خودکار

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

حفاظت از بدافزار (از طریق اسکن سایت)

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

ابزار طراحی

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

هاست ایزوله

IONOS یک محیط سایت واحد را فراهم می کند که به بهبود عملکرد سایت شما و ایمن تر کردن آن کمک می کند.

پشتیبان گیری روزانه

برخی از برنامه های وردپرس شامل ۱۲ ماه پشتیبان گیری روزانه Jetpack و بازیابی با یک کلیک است.

حفاظت از DDoS

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

راه حل ذخیره سازی

با یک برنامه ۱۲ ماهه، IONOS یک افزونه کش رایگان (OPcache) برای کمک به بارگذاری سریعتر سایت شما ارائه می دهد.

SSL و نام دامنه

این برنامه ها شامل یک نام دامنه رایگان و یک گواهی SSL رایگان برای فعال کردن HTTPS در سایت شما هستند.

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

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

IONOS همچنین ویژگی‌های پسند توسعه‌دهنده مانند API دامنه را ارائه می‌دهد. هاست وردپرس آن از Git، SSI و IPv6 پشتیبانی می کند.

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

پشتیبانی 🧑‍💻

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

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

با در نظر گرفتن این موضوع، بیایید نگاهی به کانال های پشتیبانی در دسترس مشتریان IONOS بیندازیم. این شرکت دارد مرکز کمک گسترده با منابع سرویس های مختلف، از جمله وردپرس، دامنه ها، گواهی های SSL و ایمیل:

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

اگر نمی توانید آنچه را که به دنبال آن هستید پیدا کنید، IONOS پشتیبانی ۲۴/۷ مشتری را ارائه می دهد. می توانید از طریق تلفن یا از طریق چت با آنها تماس بگیرید.

علاوه بر این، مشتریان IONOS یک مشاور شخصی دریافت می کنند. این یکی از اعضای تیم است که می تواند مشاوره فردی و پشتیبانی شخصی ارائه دهد:

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

عملکرد 🔋

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

ما تصمیم گرفتیم معیارهای خود را اجرا کنیم تا ببینیم IONOS از نظر عملکرد چگونه عمل می کند. در اینجا نتایج آمده است:

IONOS فقط مراکز داده را در ایالات متحده و اروپا ارائه می دهد، بنابراین اگر مخاطبان شما منحصراً بازار آسیا یا استرالیا را هدف قرار می دهند، می توانید میزبان متفاوتی را انتخاب کنید. از طرف دیگر، می توانید یک شبکه تحویل محتوا (CDN) پیاده سازی کنید.

همچنین شایان ذکر است که IONOS 100٪ فضای ذخیره سازی SSD را فراهم می کند که می تواند محتوای شما را سریعتر بارگذاری کند.

قیمت ها 💳

در ادامه در بررسی IONOS ما، بیایید نگاهی به قیمت گذاری بیندازیم. بخور سه طرح تعرفه ای برای هاست وردپرس:

1. شروع کن
2. رشد
3. ترویج رشد

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

بیایید نگاهی دقیق تر به هر طرح بیندازیم:

• شروع (سال اول ۲ دلار در ماه، سپس ۴ دلار در ماه): ۲۵ گیگابایت SSD، ۹ گیگابایت رم و ۱ آدرس ایمیل.
• رشد (سال اول ۱ دلار در ماه، سپس ۸ دلار در ماه): ۵۰ گیگابایت SSD، ۱۵ گیگابایت رم و ۵ آدرس ایمیل.
• ارتقا (۶ دلار در ماه برای سال اول، سپس ۱۲ دلار در ماه): ۷۵ گیگابایت SSD، ۲۰ گیگابایت رم و ۱۰ آدرس ایمیل.

همه برنامه ها شامل به روز رسانی های سفارشی و اسکن بدافزار هستند. آنها همچنین دارای یک دامنه رایگان (به مدت یک سال) و یک گواهی SSL هستند. با Grow and Boost، افزونه کش و پشتیبان Jetpack را نیز دریافت می کنید.

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

همانطور که قبلا ذکر شد، IONOS نیز ارائه می دهد طرح اختصاصی ووکامرس:

این مبلغ از ۸ دلار در ماه برای سال اول شروع می شود و سپس به ۱۶ دلار در ماه می رسد. دارای ۱۰۰ گیگابایت فضای ذخیره سازی SSD، به روز رسانی خودکار نرم افزار، پشتیبان گیری Jetpack و موارد دیگر است.

مزایا و معایب کلی IONOS 👍👎

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

جوانب مثبت 👍

برنامه های هاستینگ حتی برای افراد نیز نسبتاً مقرون به صرفه است.

پایگاه دانش گسترده ای برای کمک به حل مشکلات به تنهایی وجود دارد و پشتیبانی ۲۴/۷ در دسترس است.

شما چندین سرویس ممتاز را که همراه با برنامه میزبانی خود در نظر گرفته شده است، دریافت می کنید، مانند Jetpack Backup.

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

اگر مخاطب اروپایی یا آمریکایی دارید، IONOS می تواند محتوای شما را سریعتر از سایر ارائه دهندگان به آنها برساند.

معایب 👎

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

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

اگر مخاطبان آسیایی یا استرالیایی زیادی دارید، ممکن است دانلودهای کندتری را تجربه کنند زیرا IONOS مراکز داده را در آن مکان ها ارائه نمی دهد.

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

نظرات نهایی در مورد بررسی IONOS ما ⌛

اگر بازار اروپا یا آمریکا را هدف قرار داده اید و فقط به یک وب سایت تجاری نیاز دارید، IONOS گزینه ای است که باید در نظر بگیرید. با این حال، اگر چندین پروژه دارید و نیاز به ارائه زمان بارگذاری سریع برای مخاطبان بین المللی دارید، ممکن است بخواهید گزینه دیگری را در نظر بگیرید.

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

آیا در مورد آنچه در این بررسی IONOS بحث کردیم سؤالی دارید؟ در قسمت نظرات پایین ما را آگاه کنید!

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

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

چرا وردپرس من ایمیل نمی فرستد؟

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

پیکربندی اشتباه

وقتی اکثر کاربران متوجه می شوند که وردپرس ایمیل ارسال نمی کند، به این دلیل است که سرور میزبان آنها به درستی پیکربندی نشده است. پیش فرض سرور ارائه دهنده هاست شما و تابع ()wp_mail است که بخشی از هسته وردپرس است. این تابع بر اساس تابع mail() PHP است.

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

👉 اگر این مشکل ناشی از تنظیم اشتباه باشد چگونه می توان آن را حل کرد؟ به خواندن این پست ادامه دهید – ما راه حل را در زیر پوشش خواهیم داد.

ایمیل ها جعلی محسوب می شوند

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

این اغلب زمانی اتفاق می‌افتد که افزونه ایمیل‌هایی را از آدرسی متفاوت از آدرس اضافه شده ارسال می‌کند از جانب: فیلد در ایمیل

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

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

محتمل ترین توضیح برای عدم ارسال ایمیل توسط وردپرس، مشکلات پیکربندی است.

بهترین راه حل در این مورد استفاده از راه حل SMTP به جای تکیه بر عملکرد داخلی ()wp_mail است.

SMTP چیست و وقتی وردپرس ایمیل نمی فرستد چگونه مشکل را حل می کند

SMTP (یا پروتکل انتقال ایمیل ساده) محتوای ایمیلی را که می‌خواهید ارسال کنید دریافت می‌کند و به جای استفاده از فرستنده ایمیل خود وردپرس، آن را از طریق یک سرویس فرستنده خارجی ارسال می‌کند.

با این کار، وب سرور شما در واقع ایمیل را ارسال نمی کند، بلکه این مسئولیت را از طریق پروتکل SMTP به یک سرور پست الکترونیکی شخص ثالث منتقل می کند.

نحوه راه اندازی SMTP در وردپرس

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

بخش افزونه ساده است، پیام SMTP انتخاب عالی

1. افزونه SMTP خود را نصب کنید
2. ایمیل های خود را مسیریابی کنید
3. اعلان ها را تنظیم کنید

۱٫ افزونه SMTP را نصب کنید

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

افزونه SMTP رویکرد داخلی wp_mail() را تغییر می دهد و به جای آن از یک سرویس ارسال اختصاصی استفاده می کند. همچنین با فرم‌های تماس، افزونه‌های رویداد و ووکامرس کار می‌کند – هر چیزی که ایمیل‌هایی را به سایت شما ارسال می‌کند و بسیاری از مشکلاتی را که ممکن است با آن‌ها مواجه شوید برطرف می‌کند.

۲٫ ایمیل های خود را دایرکت کنید

در مرحله بعد، به عنوان مثال، می خواهیم ایمیل ها را از طریق یک ارائه دهنده ایمیل جداگانه هدایت کنیم کوتاه (Sendinblue سابق)، Gmail API یا Mailgun. SendGrid یکی دیگر از گزینه های خوب است زیرا یک برنامه رایگان دارد که با اکثر سایت های وردپرس کار می کند.

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

برای شروع، مشخصات خود را وارد کرده و کلیک کنید بعد.

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

سرویس ارسال ایمیلی را که می‌خواهید برای تحویل ایمیل‌های خود استفاده کنید، انتخاب کنید، مانند Brevo، Gmail API، Mailgun، SendGrid یا موارد دیگر.

برای استفاده از این راه حل، ابتدا باید یک حساب کاربری با Brevo.com ایجاد کنید. پس از ورود به سیستم، با کلیک بر روی نام کاربری خود در سمت راست و انتخاب SMTP و API، منوی کشویی را باز کنید.

مطبوعات یک کلید API جدید ایجاد کنیدسپس نام کلید api خود را وارد کرده و کلیک کنید ايجاد كردن.

مطبوعات کپی 🀄. این کلید را در قسمت احراز هویت ویزارد نصب وارد کرده و کلیک کنید بعد.

۳٫ اعلان ها را تنظیم کنید

سپس می توانید اعلان ها را تنظیم کنید تا به شما اطلاع دهند که آیا ایمیل ها با موفقیت ارسال شده اند.

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

و تو انجام دادی! فقط روی آن کلیک کنید پایان برای ذخیره تنظیمات بهتر است یک ایمیل آزمایشی برای خود بفرستید تا مطمئن شوید همه چیز درست است.

مشکلات وردپرس در ارسال ایمیل حل شد! 🙋

👉 این راه حل همچنین باید مشکلات رایج اسپم و جعل را حل کند، بنابراین توصیه می کنیم ابتدا آن را امتحان کنید.

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

گزارش Lighthouse کاربران را تشویق می کند تا تصاویر را در قالب های نسل بعدی مانند WebP و AVIF پست کنند. ^[۱]. در مقایسه با فرمت‌های سنتی مانند PNG و JPEG، این نوع فایل‌ها می‌توانند به شما در کاهش زمان بارگذاری وب‌سایت و ارائه تجربه کاربری بهتر (UX) کمک کنند. با این حال، ممکن است ندانید که چگونه این ویژگی را به سایت خود اضافه کنید.

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

چرا Lighthouse پست کردن تصاویر را در قالب های نسل بعدی توصیه می کند

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

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

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

اگر روی یک پیشنهاد کلیک کنید، می توانید اطلاعات بیشتری در مورد موضوع پیدا کنید. به عنوان مثال، Lighthouse به شما می گوید که WebP و AVIF اغلب فشرده سازی بهتری نسبت به JPEG و PNG ارائه می دهند.

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

مقدمه ای بر فرمت های نسل بعدی

در گذشته، JPG و PNG فرمت های سنتی فایل برای تصاویر بودند. با این حال، در سال ۲۰۱۰ گوگل به ما WebP را معرفی کرد و AVIF در سال ۲۰۱۹ ایجاد شد. هدف این فرمت‌های نسل جدید در کنار هم حفظ تصاویر با کیفیت بالا و در عین حال استفاده از اندازه فایل‌های کوچکتر است.

به عنوان مثال، فایل های WebP 34 درصد کوچکتر از JPEG های سنتی هستند، اما همچنان پیکسل های بیشتری را نمایش می دهند. از سوی دیگر، AVIF از فشرده سازی با اتلاف برای حذف داده های غیر ضروری از یک فایل تصویری استفاده می کند.

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

علاوه بر این، تصاویر نسل بعدی برخی از معیارهای اصلی زندگی وب را بهبود می بخشد، مانند بزرگترین رنگ محتوایی (LCP). این به شما کمک می کند تا تجربه کاربری (UX) وب سایت خود را افزایش دهید. همچنین، از آنجایی که سرعت و کاربر پسندی هر دو عامل رتبه بندی گوگل هستند، این یک راه عالی برای بهبود بهینه سازی موتور جستجو (SEO) و افزایش ترافیک ارگانیک است.

توجه به این نکته مهم است که در حالی که اکثر مرورگرهای محبوب از WebP پشتیبانی می کنند، AVIF هنوز به طور جهانی پشتیبانی نمی شود. با این حال، او نزدیک تر می شود. در زمان نگارش این مقاله، بیش از ۸۰ درصد از کاربران وب از مرورگرهای سازگار با AVIF استفاده می کنند. ^[۲]از جمله کروم و اپرا. این بدان معنی است که اکنون زمان مناسبی برای شروع استفاده از این نوع تصاویر در وب سایت خود است.

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

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

در بیشتر موارد، برای شروع استفاده از WebP در وب سایت وردپرسی خود، تنها کاری که باید انجام دهید این است که مطمئن شوید نسخه وردپرس ۵٫۸ یا بالاتر را اجرا می کنید. اگر نه، می توانید نرم افزار اصلی خود را به روز کنید (که به هر حال برای عملکرد و امنیت ایده خوبی است). این به شما امکان می دهد تا تصاویر WebP را طبق معمول بارگذاری کنید.

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

مرحله ۱: افزونه Optimole را نصب و فعال کنید

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

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

علاوه بر این، می توانید به بسیاری از ویژگی های مفید (مانند بارگذاری تنبل) برای کاهش زمان تحویل محتوا دسترسی داشته باشید. Optimole حتی شبکه تحویل محتوای خود (CDN) را برای کاهش بیشتر زمان دانلود در نظر می گیرد. همه اینها این ابزار را به یک بسته همه کاره مفید برای استفاده حداکثری از تصاویر در وب سایت خود تبدیل می کند.

یکی از بهترین ویژگی‌های Optimole این است که یک ابزار رایگان است، به این معنی که می‌توانید نسخه‌ای را انتخاب کنید که متناسب با نیازتان باشد. با افزونه رایگان می توانید تصاویر را به ۵۰۰۰ کاربر در ماه ارائه دهید. اگر یک وب سایت کوچک یا شخصی دارید، ممکن است این تنها چیزی باشد که نیاز دارید.

از طرف دیگر، اگر یک وب سایت با ترافیک بالا راه اندازی می کنید، می توانید یک برنامه پریمیوم را برای پذیرش بازدیدکنندگان بیشتر و دسترسی به پشتیبانی متخصص انتخاب کنید. شروع این طرح ها در ۱۹٫۰۸ دلار در ماه با پرداخت سالانه

برای شروع کار با این افزونه رایگان، کافی است به آن بروید پلاگین ها > جدید اضافه کن در داشبورد وردپرس از نوار جستجو برای یافتن «Optimole» استفاده کنید، سپس افزونه را نصب و فعال کنید:

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

مرحله ۲ عملکرد تبدیل AVIF را فعال کنید

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

با این حال، برای فعال کردن نوع تصویر AVIF باید تنظیمات را تنظیم کنید. خوشبختانه، بسیار ساده است.

تنها کاری که باید انجام دهید این است که به آن بروید رسانه های جمعی در داشبورد وردپرس سپس انتخاب کنید Optimol. هنگامی که داشبورد Optimole را باز کردید، به آن بروید تنظیمات برگه:

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

گزینه های زیادی برای کاوش در اینجا وجود دارد. برای مثال، می‌توانید تبدیل GIF به ویدیو را فعال کنید یا از CSS و جاوا اسکریپت از طریق Optimole استفاده کنید. توصیه می کنیم مشاهده مستندات افزونه برای دیدن همه گزینه های موجود

با این حال، پیدا کنید تبدیل AVIF را فعال کنید گزینه:

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

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

شروع به نمایش تصاویر در قالب های نسل بعدی 🏁

به نوبه خود، این می تواند به شما کمک کند عملکرد سایت خود را در Core Web Vitals بهبود بخشید و در جستجو رتبه بالاتری کسب کنید. به علاوه، تصاویر شما همچنان عالی به نظر می رسند!

همانطور که دیدیم، تنها دو مرحله ساده برای ارائه تصاویر در قالب های نسل بعدی در وردپرس لازم است:

1. 👉 نصب و فعال کنید پلاگین Optimole.
2. 👉 ویژگی تبدیل AVIF را روشن کنید.

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

آیا هنوز در مورد نحوه نمایش تصاویر نسل بعدی در وردپرس سؤالی دارید؟ در نظرات به ما اطلاع دهید!

لاراول تعامل API را برای توسعه دهندگان وب جدید و با تجربه آسان می کند. Larvel HTTP Client مبتنی بر PHP Guzzle HTTP Client است تا درخواست‌های HTTP را برای توسعه‌دهندگان آسان‌تر کند. از ویژگی های اصلی آن می توان به احراز هویت، مسیریابی و نقشه برداری کارآمد شی رابطه ای (ORM) اشاره کرد.

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

GitHub Actions پلتفرم یکپارچه سازی پیوسته و تحویل پیوسته (CI/CD) GitHub است که تیم های توسعه را قادر می سازد گردش کار خود را از جمله خط لوله ساخت، آزمایش و استقرار خودکار کنند.

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