تخفیف

سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

مبلغ کل
0
تسویه حساب
سبد خرید خالی می باشد

آموزش بهینه سازی تصاویر وردپرس (کم حجم کردن تصاویر)
حميد  شریفی
حميد شریفی
تعداد کل دانلود ها : 734432
تعداد کل مطالب : 1351

آموزش بهینه سازی تصاویر وردپرس (کم حجم کردن تصاویر)

تعداد دانلود:
0
تعداد بازدید:
2194
تاریخ:

هشتگ ها :

#

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

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

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

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

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

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

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

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

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

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

تغییر اندازه تصاویر

تغییر اندازه تصاویر

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

تغییر اندازه تصاویر سریع و آسان است. بسیاری از ابزارهای رایگان مانند مایکروسافت رنگ است که به شما کمک می کند.شما حتی می توانید ابزارهای آنلاین رایگان برای تغییر اندازه تصاویر مانند  Easy Resize  یا  Resize Image پیدا کنید .

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

کیفیت را تغییر دهید

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

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

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

فرمت مناسب را انتخاب کنید

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

فرمت های تصویری

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

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

مراقب نام فایل ها باشید

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

پیشنهاد میکنیم بدون استفاده از فضاهای نام تصاویر را نام ببرید . فراموش نکنید که کلمات کلیدی را وارد کنید اگر می خواهید صفحه و تصویر را رتبه بندی کنید. برای مثال، اگر شما آپلود یک عکس از فراری کالیفرنیا، نام فایل باید ferrari-california.jpg باشد. اگر از پلاگین SEO برای وردپرس استفاده می کنید، قبلا می دانید که برچسب های alt خود را برای کلمات کلیدی بررسی می کنید. بله، واقعا مهم است که نام تصویر درست داشته باشیم.

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

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

عنوان، شرح، متن آل متن و عنوان

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

هرچند که همیشه نیازی به نوشتن ندارید، مطمئن شوید که مواردی را برای تصاویری که نیاز به توضیحات بیشتری دارند (مثلا تصاویر) اضافه کنید.

ویرایش تصاویر با وردپرس

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

همه ریز عکسها را بازسازی کنید

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

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

چگونه برای افزایش اندازه تصویر اضافی

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

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

بارگذاری تصاویر لازاری در صورت لزوم

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

Load Lazy یک تکنیک است که تصاویر را بارگذاری می کند فقط زمانی که کاربران به آنها نیاز دارند (به آنها پیمایش کنید). به عنوان مثال، اگر شما 20 عکس با کیفیت بالا را در یک مقاله آپلود کرده اید، سایت خود را به شدت کاهش می دهد. اما اگر تصاویر تند را بارگذاری کنید، مقاله سریعا رعد و برق می شود و عکس ها فقط زمانی که لازم است بارگذاری می شوند - در لحظه ای که یک کاربر به آنها دسترسی پیدا می کند.

تصاویر پاسخگو داشته باشید

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

بهینه سازی تصاویر برای رسانه های اجتماعی

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

اگر از پلاگین SEO مانند Yoast استفاده می کنید ، فراموش نکنید که تنظیمات را بررسی کنید. به عنوان مثال، Yoast به شما اجازه می دهد چند چیز را در ارتباط با رسانه های اجتماعی تنظیم کنید. بنابراین، به SEO -> اجتماعی بروید و اطلاعات را در فیس بوک، توییتر، Google+ و Pinterest وارد کنید.

اگر شما بیشتر بخواهید و می خواهید تصاویر را برای وب سایت های رسانه های اجتماعی بهینه سازی کنید، از  WPSSO - Meta Tags + Schema Markup برای به اشتراک گذاری بهینه سازی اجتماعی و پلاگین SEO جستجو کنید .

وردپرس را تغییر دهید تصاویر JPEG را فشرده کنید

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

هنگامی که یک تصویر را در فرمت JPEG آپلود می کنید، وردپرس به طور خودکار فشرده سازی را تغییر می دهد و تصمیم می گیرد که تصویر را با کیفیت از دست بدهد. برای مشخص شدن بیشتر، WP با استفاده از فشرده سازی 90٪ در JPGE های شما استفاده می کند. این عالی است اگر تصاویر شما فقط در آنجا به عنوان ریز عکسها ارسال شوند یا در یک پست نمایش داده شوند، اما اگر شما عکس خود را آپلود می کنید، می خواهید آنها را به بهترین شکل ممکن، درست کنید؟

خوشبختانه، فقط یک خط کد برای تغییر این نیاز دارید.

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

اگر شما نمی خواهید تصاویر JPEG شما فشرده شود، کافی است کد زیر را در فایل functions.php خود کپی کنید و آن را وارد کنید:

add_filter ('jpeg_quality'، function ($ arg) {return 100؛})؛

فراموش نکنید که تغییرات را ذخیره کنید و آماده ارسال تصاویر جدید هستید.

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

فشرده سازی تصاویر JPEG حتی بیشتر:

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

add_filter ('jpeg_quality'، function ($ arg) {return 80؛})؛

فراموش نکنید سطح فشرده سازی پیش فرض 90 است.

مهم : این فقط روی تصاویری که پس از وارد کردن کد در functions.php بارگذاری می کنید، تاثیر می گذارد. برای تغییر اندازه و کیفیت تصاویری که قبلا در کتابخانه دارید، به پلاگین نیاز دارید.ببینید که چگونه برای بزرگ  کردن اندازه تصویر اضافی .

محبوب ترین پلاگین بهینه سازی تصویر برای وردپرس

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

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

یکی از محبوب ترین بهینه سازی تصویر را انتخاب کنید #plugins برای #WordPress و سرعت # وب سایت خود رابرای صدای جیر جیر کلیک کنیدکلیک کنید به صدای جیر جیر

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

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

WP Smush

قیمت: رایگان

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

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

این پلاگین فوق العاده می تواند با فایل های JPEG، GIF و PNG کار کند. آن را با تمام دایرکتوری های خود کار می کند، به طور خودکار از فایل های پیوست مراقبت می کند، و حتی در multisite کار می کند. شما می توانید به صورت دستی بر روی هر یک از عکس ها کار کنید یا پنجاه از آنها را به صورت دسته ای ویرایش کنید. اگر شما حتی نتایج بهتر و گزینه های بیشتری را می خواهید، از WP Smush PRO دیدن کنید.

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

قیمت: رایگان

پشت نام خنده دار، یکی از محبوب ترین افزونه های بهینه سازی تصویر برای وردپرس است. درست مانند همانند موارد ذکر شده، EWWW Image Optimizer می تواند تصاویر خود را بدون تاثیر بر کیفیت آنها فشرده کند . هنگامی که شما در مورد آن فکر می کنید که افزونه می تواند سایت شما را در عرض چند ثانیه سرعت بخشید، شما در حال حاضر در راه خود برای دانلود آن خواهید بود. هنگامی که این کار را انجام می دهید، می توانید تصاویر را به طور عمده بهینه سازی کنید و گالری هایی مانند GRAND FlaGallery، NextCellent و NextGEN حتی صفحات بهینه سازی فله خود را نیز دریافت خواهند کرد.

تمام تصاویری که از کلاس WP_Image_Editor در WordPress استفاده می کنند به صورت خودکار بهینه سازی می شوند ، در حالی که شما می توانید به صورت دستی تمام سحر و جادو را کار کنید. ما دوست داریم که شما می توانید پوشه هایی را انتخاب کنید که می خواهید بهینه سازی کنید. برای جزئیات بیشتر در مورد این و پلاگین هایی که از این کلاس استفاده می کنند، لطفا صفحه ی رسمی  EWWW Image Optimizer را  در مخزن وردپرس باز کنید.

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

قیمت: رایگان

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

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

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

فشرده سازی تصاویر JPEG و PNG حتی از PNG های متحرک پشتیبانی می کند، کاملا با چندین کار کار می کند، WooComerce سازگار است و با WP Offload S3 مشکل ایجاد نمی کند.

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

هیچ محدودیتی برای اندازه فایل وجود ندارد ، شما می توانید ویجت داشبورد را تنظیم کنید و حتی با برنامه تلفن همراه وردپرس کار می کند. از آنجا که همه ی آن، تصاویر فشرده سازی JPEG و PNG دارای بیش از 100،000 نصب فعال است و سزاوار یک نقطه در لیست بهترین افزونه های بهینه سازی تصویر برای وردپرس است.

Imsanity

قیمت: رایگان

Imsanity

اگر چه تصویر پوشش برای این پلاگین ممکن است شما را ترساند، یک ثانیه و تمام ویژگی های Imsanity را نگاه کنید. اوه، حتی نام پلاگین به نظر می رسد دیوانه، درست است؟ هنگامی که شما با نام پلاگین درست می شوید، خواهید دید که آن را به مقدار زیادی ارائه می دهد.

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

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

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

ShortPixel Image Optimizer

قیمت: رایگان

ShortPixel Image Optimizer

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

ShortPixel Image Optimizer نه تنها JPG، PNG، GIF، و اسناد PDF را برای شما بهینه سازی می کند، بلکه به شما امکان تبدیل هر نوع JPEG، PNG یا GIF به WebP را نیز می دهد . این پلاگین با سایر پلاگین های گالری کار می کند و مهم نیست که سایت شما از HTTP یا HTTPS استفاده کند. این به شما امکان می دهد اطلاعات EXIF ​​را از تصاویرحذف کنید (چیزی که عکاسان دوست دارند داشته باشند).

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

Optimus - بهینه ساز وردپرس

قیمت: رایگان

Optimus

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

Optimus در Multisite کار می کند، آن را به وب سایت های WooCommerce غریبه نمی کند و به طور کامل برای برنامه های WordPress Mobile و Windows Live Writer بهینه شده است. این سایت شما را بدون نیاز به لمس یک خط کد ، سریعتر می کند . افزونه ارائه می دهد بسیار بیشتر، اما شما مجبور به انتخاب برای نسخه حق بیمه. برای دیدن بیشتر، لطفا به صفحه رسمی در مخزن پلاگین وردپرس بروید.

بارگذاری تنبل برای ویدیوها و تصاویر خود را در WordPress اضافه کنید

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

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

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

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

قیمت: رایگان

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

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

WP YouTube Lyte

قیمت: رایگان

WP YouTube Lyte

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

a3 بار تند و زننده

قیمت: رایگان

 

DEMO 1

 

DEMO 2

a3 بار تند و زننده

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

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

بار BJ Lazy

قیمت: رایگان

بار BJ Lazy

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

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

نمایش قبل و بعد از تصاویر را به شیوه جذاب

ما مطمئن هستیم که قبلا بسیاری از نمونه های قبل / بعد از تصاویر را دیده اید. در مورد شما نمی دانید، اما اولین چیزی که ما در ذهن داریم، عبارت "قبل و بعد" را می بینیم، برنامه تمرینی تناسب اندام است که مردم قبل و بعد از تمرین بدن خود را نشان می دهند.

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

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

بیست و بیست

قیمت: رایگان

بیست و بیست

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

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

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

<a href="image1.jpg"> <img src = "http://www.loactionoftheimage.com" width = "700" height = "200" /> </a>

<a href="image2.jpg"> <img src = "http://www.loactionoftheimage.com" width = "700" height = "200" /> </a>

شما باید در متن ویرایشگر خود چیزی شبیه به این داشته باشید:

[twentytwenty]
<a href="image1.jpg"> <img src = "http://www.loactionoftheimage.com/image1.jpg" width = "700" height = "200" /> </a>

<a href="image2.jpg"> <img src = "http://www.loactionoftheimage.com/image2.jpg" width = "700" height = "200" /> </a>
[/ twentytwenty]
  1. ایجاد پست جدید یا باز کردن یک موجود است
  2. دو عکس را در پست قرار دهید. اگر شما در یک ویرایشگر ویژوال کار می کنید، باید یک تصویر را از بالای یک دیگر ببینید. اگر شما در یک ویرایشگر متن کار می کنید، باید کد مشابه این را ببینید:
  3. برچسب [twentytwenty] را قبل از اولین تصویر وارد کنید
  4. بعد از دوم، برچسب [/ twentytwenty] را وارد کنید
  5. اطمینان حاصل کنید که تصاویر شما یکسان هستند تا بهترین نتایج را بدست آورید
  6. پیش نمایش یا انتشار پست و لذت بردن از بصری خیره کننده قبل و بعد از تصاویر

چگونه برای ایجاد تصاویر تعاملی - قرعه کشی، اضافه کردن توصیف و لینک

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

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

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

جلب توجه

قیمت: رایگان

 

نسخه ی نمایشی

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

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

این شگفت انگیز است که چگونه آسان و سرگرم کننده است برای ایجاد تصاویر تعاملی با #WordPressبرای صدای جیر جیر کلیک کنیدکلیک کنید به صدای جیر جیر

امکانات

پیش از گرفتن نمونه ای که به شما نشان می دهد که این افزونه ساده چگونه قدرتمند است، بیایید ببینیم چی از Draw توجه کنیم:

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

رسم تنظیمات توجه

به عنوان مثال - نقشه تعاملی از هاوایی

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

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

در اینجا شما می توانید رنگ ها را برای برجسته ها (رنگ، ​​مرز، کدورت، و غیره) انتخاب کنید، کادر "اطلاعات بیشتر" (تصویر، عنوان، رنگ متن، و غیره) را بنویسید. اگر شما نمی خواهید هر و رنگ برای تصویر را به صورت دستی انتخاب کنید، می توانید به سرعت یک طرح رنگی را از نوار کناری سمت راست انتخاب کنید.

توجه توجه - نحوه ایجاد تصاویر تعاملی در وردپرس

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

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

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

چگونه نقشه تعاملی هاوایی را دوست دارید؟ آیا می خواهید بر روی نقشه بیشتر کنترل کنید؟ ببینید چه کاری می توانید با ویجت Google Maps انجام دهید  .

نسخه PRO

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

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

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

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

چگونه برای افزایش اندازه تصویر اضافی

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

اگر از یکی از تکنیک هایی که به شما نشان داده ایم استفاده کرده اید، جلبک های جدید را برای تصاویر جدید آماده کرده اید. این که آیا شما از اندازه ی جدید ثبت نام برای پست های ریز استفاده می کنید یا اجازه می دهد که نویسندگان از آنها در پست ها استفاده کنند، قوانین جدید فقط برای تصاویری که پس از تغییر در فایل functions.php آپلود می شوند ، اعمال می شوند .برای تغییر تصاویر قدیمی، پیشنهاد می کنیم از افزونه Regenerate Thumbnails استفاده کنید.

ریز عکسها را بازسازی کنید:

قیمت: رایگان
  1. به Plugins-> Add New بروید
  2. جستجو برای "بازخوانی ریز عکسها"
  3. نصب و فعال سازی افزونه
  4. به ابزار Tools-> Regen.Thumbnails بروید

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

چگونه برای افزایش اندازه تصویر اضافی

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

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

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

ویژگی های تصویر عرض و ارتفاع را با jQuery حذف کنید

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

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

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

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

حذف ویژگی های عرض و ارتفاع:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
$('img').each(function(){
$(this).removeAttr('width')
$(this).removeAttr('height');
});
});
</script>
  1. فایل header.php را از پوشه تم خود باز کنید
  2. کپی و جایگذاری این کد در هر نقطه بین برچسبهای <head> و </ head>:
  3. ذخیره تغییرات

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

نحوه ایجاد اندازه تصویر سفارشی در Media Uploader

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

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

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

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

function custom_image_sizes() {
add_image_size( 'one-size', 333, 333, true );
add_image_size( 'another-size', 666, 666, true );
}

add_action( 'init', 'custom_image_sizes' );

function show_image_sizes($sizes) {
$sizes['one-size'] = __( 'Custom Size 1’, 'isitwp' );
$sizes['another-size'] = __( 'Custom Size 2’, 'isitwp' );
return $sizes;
}

add_filter('image_size_names_choose', 'show_image_sizes');
  1. فایل functions.php خود را باز کنید
  2. کپی و کپی کردن این قطعه کد:
  3. ذخیره تغییرات
  4. سعی کنید یک تصویر از Media Uploader خود را در جایی که باید گزینه های اندازه جدید خود را در زیر "تنظیمات نمایش پیوست"

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

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

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

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

ایجاد عکس به صورت خودکار:

function wp_webscreen($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://www.firstsiteguide.com',
"alt" => 'wploop',
"w" => '600', // width
"h" => '450' // height
), $atts));

$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';
return $img;
}
add_shortcode("screen", "wp_webscreen");
  1. توابع open php را باز کن
  2. کد زیر را کپی و جایگذاری کنید:
  3. متغیرهای پیش فرض را در آرایه تغییر دهید
  4. ذخیره تغییرات

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

[screen url = "http://www.firstsiteguide.com" alt = "fsg" w = "600" h = "450"]

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

توجه داشته باشید که می توانید پارامترهای کوتاه را مستقیما از آن تغییر دهید. اگر میخواهید عکس فوری یک URL دیگر را بگیرید یا عکس فوری را در ابعاد مختلف بگیرید، لازم نیست کد را در فایل functions.php تغییر دهید.

مثال:

بگذارید بگوییم شما میخواهید یک عکس از Google و آن را 200 × 400 پیکسل بزرگ بسازید:

[screen url=”http://www.google.com” alt=”Google” w=”200″ h=”400″]

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

نتیجه

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

اگر سؤالی دارید، لطفا نظر خود را در مورد این مقاله دریغ نکنید. همچنین، نظرات و پیشنهادات خود را با ما در میان بگذارید.و اگر این راهنما را دوست داشتید، منابع دیگر ما را بررسی کنید و بیشتر بدانید در مورد وردپرس و وبلاگ نویسی به طور کلی.

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

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

  • logo-samandehi