دیجی اسکریپت

وردپرس ۵٫۰٫۲ با هدف تعمیر و نگهداری منتشر شد
[ad_1]

پس از انتشار وردپرس ۵ ، دومین نسخه آن یعنی وردپرس ۵٫۰٫۲ نیز با هدف تعمیر برخی باگ‌ها و مشکلات امنیتی و نگهداری منتشر شد. در این نسخه ۷۳ باگ امنیتی برطرف شده و مجددا تمرکز تیم توسعه وردپرس بر روی بلوک‌های ویرایشگر بود. دستاورد این موضوع ۳۳۰ درصد سریع‌تر برای یک پست با ۲۰۰ بلوک است. در اینجا به بعضی از تغییرات مهم در این نسخه اشاره می‌کنیم.

 

وردپرس ۵٫۰٫۲

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

• ۴۵ مشکل مربوط به بلوک‌های ویرایشگر در این نسخه رفع شده که ۱۴ مورد آن مربوط به کارایی و ۳۱ باگ امنیتی بوده است.
• ۱۷ باگ امنیتی بلوک‌ها که در تمامی موضوعات مشهود بوده نیز رفع شده است.
• ۱۸ مشکل مربوط به بارگذاری اسکریپت‌های موجود در وردپرس در این نسخه حل شده است.

 

بروزرسانی وردپرس به نسخه ۵٫۰٫۲

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

نوشته وردپرس ۵٫۰٫۲ با هدف تعمیر و نگهداری منتشر شد اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه فیلتر نمایش اطلاعات در گراویتی فرم GravityView Advanced Filtering
[ad_1]

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

پس از نصب این افزونه می توانید فیلترهای آن را پیکربندی کنید تا دقیقا اطلاعاتی که می خواهید در فرم ها نمایش داده شود. این فیلتر مانند فرم های شرطی عمل می کند. در واقع می توانید برای محدود کردن نمایش اطلاعات قوانینی تنظیم کنید. در بخش تنظیمات این افزونه می توانید دیگر مدیران را از فیلتر کردن منع کنید.یا اگر می خواهید مدیران تمام اطلاعات را ببینند، گزینه‌ی مربوط به آن را فعال کنید. همچنین توسط این افزونه میتوانید فیلتر را برای نوشته های ایجاد شده توسط کاربرانی با یک نقش خاص فعال کنید منتها برای این کار حتما باید نسخه ۲٫۰٫۱۴ به بالا افزونه GravityView را نصب کنید . اگر می خواهید تنها اطلاعات ایجاد شده توسط کاربر وارد شده را نمایش دهید از افزونه GravityView Advanced Filtering می توانید استفاده کنید.

قابلیت های افزونه فیلتر نمایش اطلاعات در گراویتی فرم GravityView Advanced Filtering :

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

نوشته افزونه فیلتر نمایش اطلاعات در گراویتی فرم GravityView Advanced Filtering اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود طرح لایه باز تراکت و پوستر کریسمس
[ad_1]

تراکت و پوستر کریسمس

در این مطلب از سایت شاهد طرح لایه باز تراکت و پوستر کریسمس با فرمت PSD مناسب جهت استفاده و ویرایش در نرم افزار فتوشاپ می باشید. این طرح کاملا لایه باز و در قالب یک فایل psd در سایت قرار گرفته است و شما قادر خواهید بود نسبت به ویرایش و سفارشی سازی آن در محیط فتوشاپ اقدام کنید. طرح از کیفیت بالایی برخوردار بوده و دارای سایز و ابعاد ۳۵۰۰ × ۲۴۸۰ پیکسل است که مناسب جهت چاپ و پرینت با رزولوشن بالا بر روی کاغذ سایز A4 می باشد. از این طرح لایه باز می توان در طراحی انواع تراکت و پوستر ویژه عید و کریسمس استفاده نمود.

 

 

جزئیات بیش تر :

• کیفیت بالای طرح
• فرمت : psd
• سایز و ابعاد : ۳۵۰۰ × ۲۴۸۰ پیکسل
• رزولوشن : ۳۰۰Dpi
• مد تصویر : CMYK Color/8
• قابل استفاده و ویرایش در نرم افزار فتوشاپ

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

[ad_2]

لینک منبع مطلب

قالب وردپرس چند منظوره Massive Dynamic نسخه ۷٫۱
[ad_1]

Massive Dynamic یا به فارسی ماسیو دینامیک نام یک قالب تجاری برای وردپرس می باشد. به زیباترین سایت ساز جهان خوش آمدید ، به راستی که Massive Studio پوسته ای را ارایه کرده که تلفیقی از زیبایی ، کارایی و سادگی می باشد.  تنها با اولین نگاه به این سایت ساز متوجه خواهید شد که با چه محصولی روبرو هستید. سایت سازی که در وجودش محصولاتی دیگر نیز نهان کرده و با بهترین پلاگین های جهان همسان سازی شده تا دیگر هیچ سوالی را در ذهن شما باقی نگذارد. بیش از ۴۷ قالب از پیش طراحی شده که برای هر صنعت و حرفه ای، طراحی زیبا را به ارمغان آورده اگر نظرتان را جلب نکرد می توانید از قدرت ماورایی سایت ساز آن استفاده کنید تا هر آن چه خودتان می خواهید را در کمترین زمان ممکن بسازید بدون نوشتن حتی یک خط کد ! در ادامه به برخی دیگر از قابلیت های این پوسته زیبا به صورت کلی نیز اشاره می کنیم

برخی از امکانات قالب وردپرس چند منظوره Massive Dynamic :

• کاملا ریسپانسیو و واکنش گرا: طراحی مناسب برای دسترسی به سایت با موبایل، تبلت و گامپیوتر
• پشتیبانی از مگا منوی کامل و حرفه ای: شما میتوانید در مگامنو فونت ایکون و عکس بکگراند قرار بدهید یا منو هایی چند ستونه داشته باشید
• همراه با افزونه های Visual Composer, Revolution Slider, Master Slider و Go Pricing بصورت رایگان
• بیش از ۱۳۰۰ فونت ایکون
• همراه با ویرایشگر حرفه ای
• بروزرسانی مرتب و همیشگی و رایگان
• جستجوی سریع و زیبای ایجکس بدون ریفرش شدن صفحه
• امکان قرار دادن ویدیو در هر قسمت از وبسایت
• پشتیبانی از بی نهایت افکت انیمیشن css برای المان های مختلف سایت
• دارای قسمت وبلاگ با قابلیت های نقل قول، افزودن صدا، ویدیو و گالری و…
• یه همراه ۳ نمونه کار با جزیات کامل و قابلیت سفارشی سازی ان
• برنامه نویسی شده با CSS3 و HTML5
• کد نویسی استاندارد و بهینه و مطابق با قوانین سئو
• پشتیبانی از تمامی مرورگر ها
• پشتیبانی از سایدبار در سمت چپ و راست و دو ساید بار همزمان
• به همراه قالب child
• ۸ ابزارک زیبا و کاربردی
• تنظیمات حرفه ای برای فوتر با طرح بندی های متفاوت و امکان غیرفعال کردن ان
• پشتیبانی رایگان و مادام العمر
• همراه با افزونه Yoast که حرفه ای ترین افزونه سئو می باشد بصورت رایگان
• صفحه ساز قدرتمند با امکانات فراوان
• همراه با مستندات قالب
• پشتیبانی از فروشگاه ساز ووکامرس
• و…

نوشته قالب وردپرس چند منظوره Massive Dynamic نسخه ۷٫۱ اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

اسکریپت راه اندازی وب‌سایت آموزش آنلاین Academy
[ad_1]

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

 

 

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

 

 

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

 

دیگر امکانات اسکریپت راه اندازی وب‌سایت آموزش آنلاین Academy :

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

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

[ad_2]

لینک منبع مطلب

پوسته کارخانه و صنعت Sanat وردپرس نسخه ۱٫۱٫۲
[ad_1]

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

این نوشته پوسته کارخانه و صنعت Sanat وردپرس نسخه ۱٫۱٫۲ برای اولین بار در پرشین اسکریپت منتشر شده است.

[ad_2]

لینک منبع مطلب

ادغام وردپرس و WHMCS با افزونه WHMpress نسخه ۴٫۸٫۰
[ad_1]

WHMpress نسخه ۴٫۸٫۰ نام یک افزونه کاربردی برای سیستم وردپرس می باشد که به وسیله آن قادر هستید به راحتی بین وردپرس و WHMCS هماهنگی ایجاد کنید. شما به راحتی می توانید لیست قیمت های سرویس های میزبانی وب خود را به صورت اتوماتیک در وردپرس خود نمایش دهید یا قابلیت جستجوی دامنه را در وب سایت وردپرسی خود فراهم کنید. در صورت ازاد بودن دامنه ها ، لینک خرید محصول به صورت اتوماتیک برای کاربران نمایان می گردد. همچنین شما قادر هستید براحتی اطلاعات سرویس ها و خدمات موجود در WHMCS خود را به وسیله کد های میانبر (Shortcode) در وردپرس خود نمایان کنید!

برخی از امکانات افزونه WHMpress :

• قابلیت اتصال آسان وردپرس به WHMCS
• پشتیبانی از سیستم چند ارزی (multiCurrency)
• مجهز به انواع کدهای کوتاه متنوع
• مجهز به سیستم کش
• امکان محاسبه تخفیف ها
• امکان درج جداول قیمت گذاری سازگار با قالب
• انعطاف پذیر و قابلیت سفارشی سازی بالا
• مجهز به امکان جستجو دامنه ایجکس
• امکان دوباره نویسی نام پکیج ها و جزئیات آنها با توجه به زبان
• سازگار با افزونه مترجم سایت WPML
• سرعت بهینه سازی شده
• راه اندازی آسان
• سازگار با WHMCS 7.1
• سازگار با PHP 7
• و بسیاری امکانات دیگر ..

نوشته ادغام وردپرس و WHMCS با افزونه WHMpress نسخه ۴٫۸٫۰ اولین بار در دلکد – دانلود اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود قالب چندمنظوره Signflow برای وردپرس
[ad_1]

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

 

 

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

 

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

 

برخی امکانات قالب Signflow :

• طراحی مدرن متناسب با نیاز انواع سایت های تکنولوژی، استارتاپ و سایت های شرکتی
• دارای قابلیت سفارشی سازی گسترده
• سرعت بارگذاری بهینه
• حجم کم فایل های استایل و جاوا اسکریپت
• بهره گیری از فریم ورک WPTF
• بی نیاز از دانش کدنویسی با استفاده ی آسان
• مجهز به هایبرید کامپوزر
• دارای انواع کامپوننت های طراحی صفحات
• سازگار با افزونه ووکامرس جهت راه اندازی فروشگاه اینترنتی
• استفاده از فریم ورک بوت استرپ در طراحی
• امکان راه اندازی سایت های چندزبانه
• پشتیبانی از custom post type ها
• و بسیاری امکانات دیگر …

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

[ad_2]

لینک منبع مطلب

افزونه مدیریت ارتباط با مشتری Customer Relationship Manager ووکامرس
[ad_1]

WooCommerce Customer Relationship Manager نام افزونه کاربردی ووکامرس می‌باشد که به وسیله آن می‌توانید ارتباط خود را با مشتریان مدیریت کرده و به آسانی بتوانید امکانات مدیریت مشتریان را در اختیار بگیرید. این افزونه به شما این امکان را خواهد داد تا بتوانید ایمیل های دلخواه خود را به مشتری ارسال کرده و مدیریت کنید. همچنین می‌توانید گروه های مختلف برای گروه بندی مشتریان ایجاد کرده و از این طریق مدیریت بهتری بر روی مشتریان داشته باشید.

افزونه مدیریت ارتباط با مشتری Customer Relationship Manager به شما لیستی از مشتریان را ارائه خواهد داد که از طریق آن می‌توانید مدیریت بسیار خوبی بر روی مشتریان داشته باشید. در این لیست می‌توانید اطلاعات مختلفی از مشتریان مانند: ایمیل، وضعیت مشتری، آخرین سفارش، میزان خرید، و همچنین دکمه ایجاد سفارش برای مشتری، ارسال ایمیل به مشتری و موارد دیگر را در اختیار داشته باشید. در ادامه می‌توانید ویژگی های دیگر این افزونه را مطالعه کنید.

قابلیت های افزونه مدیریت ارتباط با مشتری Customer Relationship Manager :

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

 

دموی آنلاین

دانلود با لینک مستقیم

[ad_2]

لینک منبع مطلب

رفع ارور Remove Render-Blocking JavaScript در وردپرس
[ad_1]

شما به دنبال رفع بلاک CSS و JavaScript در وردپرس هستید؟ اگر وب سایت خود را در Google PageSpeed تست کنید، به احتمال زیاد یک پیشنهاد برای رفع Render-Blocking جاوااسکریپت و CSS خواهید داشت. در این مقاله به شما در مورد چگونگی رفع Render-Blocking جاوااسکریپت و CSS در وردپرس برای بهبود امتیاز Google PageSpeed سایت تان خواهیم گفت.

 

 

Remove Render-Blocking JavaScript چیست؟

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

 

مرورگر کاربر باید این JavaScript  و CSS  ها را  قبل از بارگذاری بقیه HTML در صفحه بارگذاری کند. این به این معنی است که کاربران با سرعت اتصال کم برای دیدن صفحه چند میلی ثانیه بیشتر باید صبر کنند . این اسکریپت ها و شیوه ها به عنوان render-blocking جاوا اسکریپت و CSS شناخته می شوند. صاحبان وب سایت ها برای رسیدن به امتیاز ۱۰۰ از Google PageSpeedدر حال تلاش اند.

 

امتیاز Google PageSpeed چیست؟

Google PageSpeed Insights یک ابزار آنلاین هست که توسط گوگل ارائه می شود برای کمک به صاحبان وب سایت که مایل هستند سایت خودشون  رو بهینه سازی و تست کنند. این ابزار سایت شما را در برابر دستورالعمل های گوگل برای سرعت تست می کند و پیشنهادهایی برای بهبود سرعت لود سایت شما ارائه می دهد. به شما یک نمره بر اساس تعدادی از قوانینی که سایت شما پاس می کند نشان می دهد. اکثر وب سایت ها جایی میان ۵۰-۷۰ قرار می گیرند. با این حال برخی از صاحبان وب سایت احساس می کنند برای رسیدن به ۱۰۰ ( بالاترین نمره ای که یک صفحه می تواند داشته باشد.)  ناگزیر اند تلاش بسیار داشته باشند.

 

آیا واقعا شما نیازمند نمره  کامل ۱۰۰ Google PageSpeed هستید؟ 

هدف از Google PageSpeed insights این است که دستورالعمل های لازم برای بهبود سرعت و عملکرد وب سایت شما  را فراهم کند. لازم نیست که شما این قوانین را به طور جدی دنبال کنید. این را به یاد داشته باشید که سرعت تنها یکی از معیارهای SEO است که به گوگل در تعیین نحوه رتبه بندی وب سایت شما کمک می کند. این دلیل سرعت بسیار مهم است چون باعث بهبود تجربه کاربری در سایت شما می شود. یک تجربه کاربری بهتر نیاز به سرعت بیشتری دارد. شما همچنین به ارائه اطلاعات مفید، رابط کاربری بهتر و محتوای جذاب با متن، تصاویر و فیلم ها نیاز دارید. هدف شما باید ایجاد یک وب سایت سریع باشد که یک تجربه کاربری عالی را ارائه دهد.

 

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

 

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

 

۱- رفع Render-Blocking جاوا اسکریپت و CSS با Autoptimize 

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

پس از فعال سازی از قسمت تنظیمات (Setting) به صفحه ی تنظیمات افزونه Autoptimize بروید. شما برای شروع  می توانید گزینه های JavaScript و  CSS را چک کنید و در آخر دکمه ی ذخیره تغییرات را بزنید.

در حال حاضر می توانید وب سایت خود را با ابزار PageSpeed تست کنید. در صورتی که هنوز هم Render-Blocking جاوا اسکریپت و CSS برجاست شما می توانید به صفحه ی تنظیمات افزونه برگردید و به تنظیمات پیشرفته بروید. و همچنین می توانید به افزونه اجازه دهید که js درون خطی قرار دهد و یا اینکه اسکریپت هایی مانند  seal.js یا jquery.js  را که به صورت پیش فرض حذف شده اند را حذف کند.

 

در مرحله بعد، تا گزینه CSS  به پایین بروید و به افزونه اجازه دهید تا CSS درون خطی را قرار دهد (aggregate ). برای ذخیره تغییرات و خالی کردن حافظه کش افزونه روی دکمه ی ” ذخیره و خالی کردن کش ” کلیک کنید. یکبار که انجام دادید به مراحل بعد بروید و دوباره وب سایت خود را با ابزار PageSpeed چک کنید. برای اینکه بدانید با بهینه سازی جاوا اسکریپت یا CSS چیزی بهم ریخته نشده است، وب سایت خود را به طور کامل تست کنید.

این روش ساده تر است و برای اکثر کاربران توصیه می شود.

 

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

افزونه Autoptimize تمام جاوا اسکریپت و CSS ها را جمع می کند و  بعد از آن کپی کش های سرور و فایل ها ی جاوا اسکریپت و CSS برای وب سایت شما ایجاد می کند. این افزونه به شما اجازه رفع render-blocking جاوااسکریپت و CSS را می دهد، با این حال این را در نظر داشته باشید که همچنین می تواند روی ظاهر و عملکرد وب سایت شما اثر بگذارد.

 

۲- رفع Render Blocking جاوا اسکریپت با استفاده از W3 Total Cache

در مرحله ی اول شما باید افزونه W3 Total Cache را نصب و فعالسازی کنید. اگر برای نصب مشکلی دارید آموزش افزونه total cache را ببینید. در مرحله ی بعد شما به بخش Performance و صفحه ی General Settings بروید.

ابتدا از بخش Minify  گزینه Enable را تیک بزنید، بعد از بخش Minify option گزینه ی Manual را انتخاب کنید و بعد دکمه ذخیره تنظیمات را کلیک کنید. در مرحله ی بعد نیاز دارید به اضافه کردن جاواسکریپت و CSS ای که می خواهید Minify کنید.

 

شما می توانید URL همه ی script و stylesheet هایی که render blocking هستند از ابزار Google PageSpeed Insights را بگیرید. در قسمت ” رفع Render Blocking جاوااسکریپت و CSS “بر روی گزینه ی ” نمایش چگونگی رفع ” کلیک کنید. این به شما لیست همه ی script و stylesheet  را نمایش خواهد داد. نشانگر موس خود را بر روی script نگه دارید تا آدرس کامل نمایش داده شود. آدرس را کپی کنید.

در حال حاضر از مدیریت وردپرس خود و از بخش Performance به صفحه ی Minify بروید.

در مرحله ی اول شما باید فایل های JavaScript ای را که می خواهید Minify شوند را اضافه کنید. پایین تر به بخش JS رفته و بعد در قسمت “Operations in areas” گزینه ی “Non-blocking async” را برای بخش <head> انتخاب کنید.

بعد دکمه ی “Add script” را کلیک کرده و بعد آدرس script ای را که از ابزار Google PageSpeed کپی کرده اید را اضافه کنید. وقتی که انجام شد به پایین و بخش CSS بیاید و دکمه ی Add a stylesheet را کلیک کرده و بعد آدرس stylesheet ای را که از ابزار Google PageSpeed کپی کرده اید را اضافه کنید.

در آخر بر روی دکمه ی ” ذخیره تنظیمات و خالی کردن حافظه کش “برای ذخیره ی تغییرات کلیک کنید.

ابزار Google PageSpeed را مشاهده کنید و بار دیگر وب سایت خود را تست کنید. وب سایت خود را به طور کامل تست کنید که همه چیز به خوبی کار کند.

روش بعدی استفاده از افزونه wp rocket وردپرس هست که با یک کلیک کار را برای شما ساده خواهد کرد.

 

عیب یابی

بسته به اینکه پلاگین ها و قالب های وردپرس چگونه از JavaScript و CSS استفاده می کنند، این مساله می تواند به طور کامل رفع Render-Blocking جاوااسکریپت و CSS را به چالش بکشد. در حالی که ابزار فوق می تواند کمک کند، پلاگین شما ممکن است برای اینکه به درستی کار کند در سطح اولویت های مختلف  به یک اسکریپت خاص نیاز داشته باشد. در این صورت راه حل های بالا می تواند پلاگین های شما را بشکند و یا به طور غیر منتظره عمل کند. گوگل هنوز هم ممکن است مسائل خاص مانند بهینه سازی تحویل CSS برای بالاتر از محتوا برابر را نشان دهد. افزونه Autoptimize به شما این اجازه را می دهد که برای نمایش بخش محتوای قالب خود، CSS خطی را قرار دهید.با این حال، پیدا کردن کد CSS ای که برای نمایش محتوا نیاز هست می تواند بسیار دشوار  باشد .

 

با همه ی این اوصاف ما امیدواریم که این مقاله برای رفع ارور Remove Render-Blocking JavaScript به شما کمک کند.

نوشته رفع ارور Remove Render-Blocking JavaScript در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب